{"version":3,"file":"StackableEditorial.Bsztk-SZ.mjs","names":["React.useId"],"sources":["https:/framerusercontent.com/modules/RVOEo4dPyqt23xnOytpB/oDGpMh8KNH2Z3EEHnyNg/StackableEditorial.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{stackableEditorialColors}from\"https://framerusercontent.com/modules/8YPahO1lb7dAgLMvorPQ/tYUqGL3FJLeGbtYj5YOQ/colors.js\";import{stackableEditorialTypography}from\"https://framerusercontent.com/modules/SpLhRWiDqfRZv60qRjAm/2R7KcKnTTsR0ZaY5NYSU/typography.js\";import{stackableEditorialSpacing}from\"https://framerusercontent.com/modules/4l75OUJIYiD62gYbth36/z7Lk66rXdGX84jpig3HV/spacing.js\";import{stackableEditorialLayout}from\"https://framerusercontent.com/modules/nhrkOb4xdHk3lMZ5QrZF/fHoM7sstCYfQzHj2eYYi/layout.js\";export default function TimelineGallery(props){const uniqueKey=React.useId().replace(/:/g,\"\");const rootSelector=`[data-timeline-gallery=\"${uniqueKey}\"]`;return /*#__PURE__*/_jsxs(\"section\",{\"data-timeline-gallery\":uniqueKey,children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                ${rootSelector},\n                ${rootSelector} * {\n                    box-sizing: border-box;\n                }\n\n                ${rootSelector} {\n                    width: 100%;\n                    background: ${props.pageTone};\n                    color: ${props.inkTone};\n                    padding:\n                        ${props.outerSpacing}px\n                        clamp(22px, 5vw, 72px);\n                }\n\n                ${rootSelector} .tg-inner {\n                    width: 100%;\n                    max-width: ${props.contentLimit}px;\n                    margin: ${stackableEditorialSpacing.tgInnerMargin};\n                }\n\n                ${rootSelector} .tg-header {\n                    max-width: ${stackableEditorialLayout.tgHeaderMaxWidth};\n                    margin-bottom: ${stackableEditorialSpacing.tgHeaderMarginBottom};\n                }\n\n                ${rootSelector} .tg-kicker {\n                    margin: ${stackableEditorialSpacing.tgKickerMargin};\n                    color: ${props.softInkTone};\n                    font: ${stackableEditorialTypography.tgKickerFont};\n                    letter-spacing: ${stackableEditorialTypography.tgKickerLetterSpacing};\n                }\n\n                ${rootSelector} .tg-title {\n                    margin: ${stackableEditorialSpacing.tgTitleMargin};\n                    max-width: ${stackableEditorialLayout.tgTitleMaxWidth};\n                    font: ${stackableEditorialTypography.tgTitleFont};\n                    letter-spacing: ${stackableEditorialTypography.tgTitleLetterSpacing};\n                    text-wrap: balance;\n                }\n\n                ${rootSelector} .tg-lead {\n                    max-width: ${stackableEditorialLayout.tgLeadMaxWidth};\n                    margin: ${stackableEditorialSpacing.tgLeadMargin};\n                    color: ${props.softInkTone};\n                    font: ${stackableEditorialTypography.tgLeadFont};\n                }\n\n                ${rootSelector} .tg-header-rule {\n                    width: 64px;\n                    height: 3px;\n                    margin-top: ${stackableEditorialSpacing.tgHeaderRuleMarginTop};\n                    background: ${props.highlightTone};\n                }\n\n                ${rootSelector} .tg-list {\n                    display: flex;\n                    flex-direction: column;\n                    gap: ${props.itemGap}px;\n                }\n\n                ${rootSelector} .tg-entry {\n                    margin: ${stackableEditorialSpacing.tgEntryMargin};\n                }\n\n                ${rootSelector} .tg-entry + .tg-entry {\n                    padding-top: ${props.itemGap}px;\n                    border-top: 1px solid ${props.borderTone};\n                }\n\n                ${rootSelector} .tg-visual {\n                    position: relative;\n                    width: 100%;\n                    overflow: hidden;\n                    border:\n                        ${props.imageBorderWidth}px\n                        solid\n                        ${props.imageBorderColor};\n                }\n\n                ${rootSelector} .tg-visual img {\n                    display: block;\n                    width: 100%;\n                    height: auto;\n                }\n\n                ${rootSelector} .tg-placeholder {\n                    min-height: ${stackableEditorialLayout.tgPlaceholderMinHeight};\n                }\n\n                ${rootSelector} .tg-caption {\n                    position: relative;\n                    max-width: ${props.captionAlign===\"center\"?\"900px\":\"780px\"};\n\n                    margin:\n                        20px\n                        ${props.captionAlign===\"center\"?\"auto\":\"0\"}\n                        0;\n\n                    padding-left: ${props.captionAlign===\"center\"?\"0\":\"22px\"};\n\n                    color: ${props.softInkTone};\n                    text-align: ${props.captionAlign};\n\n                    font: ${stackableEditorialTypography.rootFont};\n                }\n\n                ${props.captionAlign===\"left\"?`\n                    ${rootSelector} .tg-caption::before {\n                        content: \"\";\n                        position: absolute;\n                        left: 0;\n                        top: .22em;\n                        bottom: .22em;\n                        width: 2px;\n                        background: ${props.highlightTone};\n                    }\n                `:`\n                    ${rootSelector} .tg-caption::before {\n                        content: none;\n                    }\n                `}\n\n                @media (max-width: ${props.mobileWidth}px) {\n                    ${rootSelector} {\n                        padding: ${stackableEditorialSpacing.mobileRootPadding};\n                    }\n\n                    ${rootSelector} .tg-header {\n                        margin-bottom: ${stackableEditorialSpacing.mobileTgHeaderMarginBottom};\n                    }\n\n                    ${rootSelector} .tg-title {\n                        font-size: ${stackableEditorialTypography.mobileTgTitleFontSize};\n                    }\n\n                    ${rootSelector} .tg-lead {\n                        font-size: ${stackableEditorialTypography.mobileTgLeadFontSize};\n                    }\n\n                    ${rootSelector} .tg-list {\n                        gap: ${stackableEditorialSpacing.mobileTgListGap};\n                    }\n\n                    ${rootSelector} .tg-entry + .tg-entry {\n                        padding-top: ${stackableEditorialSpacing.mobileTgEntryPaddingTop};\n                    }\n\n                    ${rootSelector} .tg-caption {\n                        margin-top: ${stackableEditorialSpacing.mobileTgCaptionMarginTop};\n                        font-size: ${stackableEditorialTypography.mobileTgCaptionFontSize};\n                        line-height: ${stackableEditorialTypography.mobileTgCaptionLineHeight};\n                    }\n\n                    ${rootSelector} .tg-placeholder {\n                        min-height: ${stackableEditorialLayout.mobileTgPlaceholderMinHeight};\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-inner\",children:[props.showHeader&&/*#__PURE__*/_jsxs(\"header\",{className:\"tg-header\",children:[props.kicker&&/*#__PURE__*/_jsx(\"div\",{className:\"tg-kicker\",children:props.kicker}),props.headline&&/*#__PURE__*/_jsx(\"h2\",{className:\"tg-title\",children:props.headline}),props.leadCopy&&/*#__PURE__*/_jsx(\"p\",{className:\"tg-lead\",children:props.leadCopy}),(props.headline||props.leadCopy)&&/*#__PURE__*/_jsx(\"div\",{className:\"tg-header-rule\",\"aria-hidden\":\"true\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tg-list\",children:[/*#__PURE__*/_jsxs(\"figure\",{className:\"tg-entry\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"tg-visual\",children:props.firstTimeline?/*#__PURE__*/_jsx(\"img\",{src:props.firstTimeline,alt:props.firstAlt||\"\"}):/*#__PURE__*/_jsx(\"div\",{className:\"tg-placeholder\"})}),props.firstCaption&&/*#__PURE__*/_jsx(\"figcaption\",{className:\"tg-caption\",children:props.firstCaption})]}),props.showSecondTimeline&&/*#__PURE__*/_jsxs(\"figure\",{className:\"tg-entry\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"tg-visual\",children:props.secondTimeline?/*#__PURE__*/_jsx(\"img\",{src:props.secondTimeline,alt:props.secondAlt||\"\"}):/*#__PURE__*/_jsx(\"div\",{className:\"tg-placeholder\"})}),props.secondCaption&&/*#__PURE__*/_jsx(\"figcaption\",{className:\"tg-caption\",children:props.secondCaption})]})]})]})]});}TimelineGallery.defaultProps={kicker:\"\",headline:\"\",leadCopy:\"\",firstTimeline:undefined,firstAlt:\"\",firstCaption:\"\",secondTimeline:undefined,secondAlt:\"\",secondCaption:\"\",pageTone:stackableEditorialColors.defaultPageTone,inkTone:stackableEditorialColors.defaultInkTone,softInkTone:stackableEditorialColors.defaultSoftInkTone,highlightTone:stackableEditorialColors.defaultHighlightTone,borderTone:stackableEditorialColors.defaultBorderTone,imageBorderColor:stackableEditorialColors.defaultImageBorderColor,imageBorderWidth:1,contentLimit:1240,outerSpacing:104,itemGap:72,mobileWidth:800,showHeader:true,showSecondTimeline:true,captionAlign:\"left\"};addPropertyControls(TimelineGallery,{showHeader:{type:ControlType.Boolean,title:\"Show Header\",defaultValue:true},kicker:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"\",hidden:p=>!p.showHeader},headline:{type:ControlType.String,title:\"Heading\",defaultValue:\"\",hidden:p=>!p.showHeader},leadCopy:{type:ControlType.String,title:\"Introduction\",defaultValue:\"\",displayTextArea:true,hidden:p=>!p.showHeader},firstTimeline:{type:ControlType.Image,title:\"Timeline 1\"},firstCaption:{type:ControlType.String,title:\"Caption 1\",defaultValue:\"\",displayTextArea:true},firstAlt:{type:ControlType.String,title:\"Alt Text 1\",defaultValue:\"\"},showSecondTimeline:{type:ControlType.Boolean,title:\"Show Timeline 2\",defaultValue:true},secondTimeline:{type:ControlType.Image,title:\"Timeline 2\",hidden:p=>!p.showSecondTimeline},secondCaption:{type:ControlType.String,title:\"Caption 2\",defaultValue:\"\",displayTextArea:true,hidden:p=>!p.showSecondTimeline},secondAlt:{type:ControlType.String,title:\"Alt Text 2\",defaultValue:\"\",hidden:p=>!p.showSecondTimeline},captionAlign:{type:ControlType.Enum,title:\"Caption\",options:[\"left\",\"center\"],optionTitles:[\"Left\",\"Centered\"],defaultValue:\"left\",displaySegmentedControl:true},imageBorderColor:{type:ControlType.Color,title:\"Image Border\",defaultValue:\"#211E1B\"},imageBorderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:1,min:0,max:10,step:1,unit:\"px\"},pageTone:{type:ControlType.Color,title:\"Page Color\",defaultValue:\"#F7F3EC\"},inkTone:{type:ControlType.Color,title:\"Primary Ink\",defaultValue:\"#211E1B\"},softInkTone:{type:ControlType.Color,title:\"Secondary Ink\",defaultValue:\"#665E56\"},highlightTone:{type:ControlType.Color,title:\"Highlight\",defaultValue:\"#A83B45\"},borderTone:{type:ControlType.Color,title:\"Divider\",defaultValue:\"#D8D0C5\"},contentLimit:{type:ControlType.Number,title:\"Content Width\",defaultValue:1240,min:800,max:1600,step:10},outerSpacing:{type:ControlType.Number,title:\"Section Space\",defaultValue:104,min:40,max:180,step:4},itemGap:{type:ControlType.Number,title:\"Timeline Gap\",defaultValue:72,min:30,max:140,step:2},mobileWidth:{type:ControlType.Number,title:\"Mobile Width\",defaultValue:800,min:600,max:1100,step:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TimelineGallery\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}