{"version":3,"file":"TakumiStepScroll.CM7JV4CF.mjs","names":[],"sources":["https:/framerusercontent.com/modules/GA65BctOA57zYb32j0HL/srpQd7LFn7SVOaISeRM5/TakumiStepScroll.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function TakumiStepScroll(props){const{targetId,steps,cardWidth,cardHeight,gap,background,borderColor,showImages,stepLabelSize,stepNumberSize,titleSize,textSize,stepColor,titleColor,textColor,titleLineHeight,textLineHeight,titleLetterSpacing,textLetterSpacing,titleTextGap,imageHeight}=props;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\"},children:/*#__PURE__*/_jsx(\"div\",{\"data-carousel-id\":targetId,style:{display:\"flex\",gap:gap,overflowX:\"auto\",scrollBehavior:\"smooth\",padding:\"4px 0 24px\",scrollbarWidth:\"none\",msOverflowStyle:\"none\"},children:steps.map((item,index)=>/*#__PURE__*/_jsxs(\"div\",{style:{flex:\"0 0 auto\",width:cardWidth,height:cardHeight,background,border:`1px solid ${borderColor}`,boxSizing:\"border-box\",padding:24,display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"baseline\",gap:8,marginBottom:18},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Cormorant Garamond\",fontSize:stepLabelSize,letterSpacing:\"0.08em\",color:stepColor},children:\"STEP\"}),/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Zen Old Mincho\",fontSize:stepNumberSize,letterSpacing:\"0.04em\",color:stepColor},children:item.stepNumber})]}),showImages&&item.image&&/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:imageHeight,marginBottom:22,overflow:\"hidden\",background:\"#ddd\"},children:/*#__PURE__*/_jsx(\"img\",{src:item.image,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}})}),/*#__PURE__*/_jsx(\"div\",{style:{fontFamily:\"Zen Old Mincho\",fontSize:titleSize,lineHeight:titleLineHeight,letterSpacing:`${titleLetterSpacing}em`,color:titleColor,marginBottom:titleTextGap},children:item.title}),/*#__PURE__*/_jsx(\"div\",{style:{fontFamily:\"Zen Kaku Gothic New\",fontSize:textSize,lineHeight:textLineHeight,letterSpacing:`${textLetterSpacing}em`,color:textColor},children:item.text})]},index))})});}TakumiStepScroll.defaultProps={targetId:\"order-flow\",cardWidth:320,cardHeight:420,gap:24,background:\"#ffffff\",borderColor:\"#eeeeee\",showImages:true,stepLabelSize:20,stepNumberSize:24,titleSize:34,textSize:16,stepColor:\"#7A6246\",titleColor:\"#222222\",textColor:\"#666666\",titleLineHeight:1.45,textLineHeight:1.9,titleLetterSpacing:.04,textLetterSpacing:.03,titleTextGap:18,imageHeight:120,steps:[{stepNumber:\"01\",title:\"お問い合わせ\",text:\"LINE・メール・お電話で、ご希望のデザインやサイズをお聞かせください。\"},{stepNumber:\"02\",title:\"お打ち合わせ\",text:\"生地サンプルやウレタン、木部素材を見ながらイメージを具体化します。\"},{stepNumber:\"03\",title:\"仕様決定・お見積\",text:\"デザイン仕様を最終確認いただき、確定した製作内容でお見積もりをご提示します。\"},{stepNumber:\"04\",title:\"製作\",text:\"木枠加工から生地の縫製・張り込みまで一貫して製作します。\"}]};addPropertyControls(TakumiStepScroll,{targetId:{type:ControlType.String,title:\"Target ID\",defaultValue:\"order-flow\"},steps:{type:ControlType.Array,title:\"Steps\",control:{type:ControlType.Object,controls:{stepNumber:{type:ControlType.String,title:\"Number\"},title:{type:ControlType.String,title:\"Title\"},text:{type:ControlType.String,title:\"Text\"},image:{type:ControlType.Image,title:\"Image\"}}}},cardWidth:{type:ControlType.Number,title:\"Card Width\",defaultValue:320},cardHeight:{type:ControlType.Number,title:\"Card Height\",defaultValue:420},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:24},imageHeight:{type:ControlType.Number,title:\"Image H\",defaultValue:120},showImages:{type:ControlType.Boolean,title:\"Images\",defaultValue:true},background:{type:ControlType.Color,title:\"Card BG\",defaultValue:\"#ffffff\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#eeeeee\"},stepLabelSize:{type:ControlType.Number,title:\"STEP Size\",defaultValue:20},stepNumberSize:{type:ControlType.Number,title:\"No. Size\",defaultValue:24},titleSize:{type:ControlType.Number,title:\"Title Size\",defaultValue:34},textSize:{type:ControlType.Number,title:\"Text Size\",defaultValue:16},stepColor:{type:ControlType.Color,title:\"STEP Color\",defaultValue:\"#7A6246\"},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#222222\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#666666\"},titleLineHeight:{type:ControlType.Number,title:\"Title LH\",defaultValue:1.45,step:.05},textLineHeight:{type:ControlType.Number,title:\"Text LH\",defaultValue:1.9,step:.05},titleLetterSpacing:{type:ControlType.Number,title:\"Title LS\",defaultValue:.04,step:.01},textLetterSpacing:{type:ControlType.Number,title:\"Text LS\",defaultValue:.03,step:.01},titleTextGap:{type:ControlType.Number,title:\"Title Gap\",defaultValue:18}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TakumiStepScroll\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TakumiStepScroll.map"],"mappings":"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"}