{"version":3,"file":"VerticalText.Be-q7tAN.mjs","names":[],"sources":["https:/framerusercontent.com/modules/3CT0RLPA3AaDHRs6yTSg/fJJowpE7TVB8t5ewwwjw/MobileVerticalTitle.js","https:/framerusercontent.com/modules/qvYKDbkYr0CdaZm610Y7/xh2nw5S2MQkko1sPBdg7/VerticalText.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";function VerticalColumn({text,fontSize,fontWeight,characterGap}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",flex:\"0 0 auto\",gap:characterGap,minWidth:fontSize},children:Array.from(text).map((character,index)=>/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",width:fontSize,height:fontSize,margin:0,padding:0,fontSize,fontWeight,lineHeight:`${fontSize}px`,textAlign:\"center\",whiteSpace:\"pre\"},children:character===\" \"?\"\\xa0\":character},`${character}-${index}`))});}export default function MobileVerticalTitle(props){const{rightText,leftText,fontSize,fontWeight,characterGap,columnGap,color,style}=props;return /*#__PURE__*/_jsxs(\"div\",{\"aria-label\":`${rightText} ${leftText}`,style:{...style,width:\"100%\",height:\"100%\",minWidth:0,minHeight:0,display:\"flex\",flexDirection:\"row-reverse\",alignItems:\"flex-start\",justifyContent:\"center\",gap:columnGap,boxSizing:\"border-box\",overflow:\"hidden\",color,fontFamily:'\"Zen Old Mincho\", serif'},children:[/*#__PURE__*/_jsx(VerticalColumn,{text:rightText,fontSize:fontSize,fontWeight:fontWeight,characterGap:characterGap}),/*#__PURE__*/_jsx(VerticalColumn,{text:leftText,fontSize:fontSize,fontWeight:fontWeight,characterGap:characterGap})]});}MobileVerticalTitle.defaultProps={rightText:\"愛され続ける\",leftText:\"椅子を作ること\",fontSize:18,fontWeight:400,characterGap:3,columnGap:10,color:\"#111111\"};addPropertyControls(MobileVerticalTitle,{rightText:{type:ControlType.String,title:\"右のコピー\",defaultValue:\"愛され続ける\"},leftText:{type:ControlType.String,title:\"左のコピー\",defaultValue:\"椅子を作ること\"},fontSize:{type:ControlType.Number,title:\"文字サイズ\",min:10,max:36,step:1,unit:\"px\",defaultValue:18},fontWeight:{type:ControlType.Number,title:\"文字の太さ\",min:300,max:700,step:100,defaultValue:400},characterGap:{type:ControlType.Number,title:\"文字間\",min:0,max:16,step:1,unit:\"px\",defaultValue:3},columnGap:{type:ControlType.Number,title:\"列の間隔\",min:0,max:40,step:1,unit:\"px\",defaultValue:10},color:{type:ControlType.Color,title:\"文字色\",defaultValue:\"#111111\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MobileVerticalTitle\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MobileVerticalTitle.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function VerticalText(props){const{text,textOrientation,font,color,responsiveFont,fontSizeMin,fontSizePreferred,fontSizeMax,lineBreak}=props;// Determine font-size: use clamp() for responsive, or font control value\nconst fontSize=responsiveFont?`clamp(${fontSizeMin}px, ${fontSizePreferred}vw, ${fontSizeMax}px)`:font?.fontSize;const style={// Vertical writing (fixed to right-to-left for Japanese)\nwritingMode:\"vertical-rl\",textOrientation,// Font properties from ControlType.Font\nfontFamily:font?.fontFamily,fontSize,fontWeight:font?.fontWeight,lineHeight:font?.lineHeight,letterSpacing:font?.letterSpacing,// Color\ncolor,// Line break control (kinsoku)\nlineBreak,// Fit-Content sizing\nwidth:\"fit-content\",height:\"fit-content\",minWidth:\"1em\",minHeight:\"1em\",// Text handling\nwhiteSpace:\"pre-wrap\",wordBreak:\"break-all\"};return /*#__PURE__*/_jsx(\"div\",{style:style,children:text});}addPropertyControls(VerticalText,{text:{type:ControlType.String,title:\"テキスト\",defaultValue:\"愛され続ける\\n\\n椅子を作ること\",displayTextArea:true},textOrientation:{type:ControlType.Enum,title:\"文字向き\",options:[\"mixed\",\"upright\",\"sideways\"],optionTitles:[\"混合\",\"正立\",\"横倒し\"],defaultValue:\"mixed\"},font:{type:ControlType.Font,title:\"フォント\",controls:\"extended\",displayFontSize:true,displayTextAlignment:false,defaultValue:{fontSize:16,lineHeight:\"1.8em\",letterSpacing:\"0.05em\"}},color:{type:ControlType.Color,title:\"文字色\",defaultValue:\"#000000\"},responsiveFont:{type:ControlType.Boolean,title:\"レスポンシブ\",defaultValue:false,description:\"有効時はフォントサイズがビューポート幅に応じて可変\"},fontSizeMin:{type:ControlType.Number,title:\"最小サイズ\",defaultValue:14,min:8,max:100,unit:\"px\",hidden:props=>!props.responsiveFont},fontSizePreferred:{type:ControlType.Number,title:\"基準サイズ\",defaultValue:2.5,min:.5,max:10,step:.1,unit:\"vw\",hidden:props=>!props.responsiveFont},fontSizeMax:{type:ControlType.Number,title:\"最大サイズ\",defaultValue:24,min:8,max:200,unit:\"px\",hidden:props=>!props.responsiveFont},lineBreak:{type:ControlType.Enum,title:\"禁則処理\",options:[\"auto\",\"loose\",\"normal\",\"strict\"],optionTitles:[\"自動\",\"緩い\",\"標準\",\"厳密\"],defaultValue:\"auto\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VerticalText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VerticalText.map"],"mappings":"mKAA6G,SAAS,EAAe,CAAC,OAAK,WAAS,aAAW,gBAAc,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,KAAK,WAAW,IAAI,EAAa,SAAS,CAAQ,EAAE,SAAS,MAAM,KAAK,CAAI,CAAC,CAAC,KAAK,EAAU,IAAqB,EAAK,OAAO,CAAC,MAAM,CAAC,QAAQ,QAAQ,MAAM,EAAS,OAAO,EAAS,OAAO,EAAE,QAAQ,EAAE,WAAS,aAAW,WAAW,GAAG,EAAS,IAAI,UAAU,SAAS,WAAW,KAAK,EAAE,SAAS,IAAY,IAAI,OAAO,CAAS,EAAE,GAAG,EAAU,GAAG,GAAO,CAAC,CAAC,CAAC,CAAE,CAAC,SAAwB,EAAoB,EAAM,CAAC,GAAK,CAAC,YAAU,WAAS,WAAS,aAAW,eAAa,YAAU,QAAM,SAAO,EAAM,OAAoB,EAAM,MAAM,CAAC,aAAa,GAAG,EAAU,GAAG,IAAW,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,OAAO,OAAO,SAAS,EAAE,UAAU,EAAE,QAAQ,OAAO,cAAc,cAAc,WAAW,aAAa,eAAe,SAAS,IAAI,EAAU,UAAU,aAAa,SAAS,SAAS,QAAM,WAAW,yBAAyB,EAAE,SAAS,CAAc,EAAK,EAAe,CAAC,KAAK,EAAmB,WAAoB,aAAwB,cAAY,CAAC,EAAe,EAAK,EAAe,CAAC,KAAK,EAAkB,WAAoB,aAAwB,cAAY,CAAC,CAAC,CAAC,CAAC,CAAE,iBAApwC,IAAoD,EAAitC,EAAoB,aAAa,CAAC,UAAU,SAAS,SAAS,UAAU,SAAS,GAAG,WAAW,IAAI,aAAa,EAAE,UAAU,GAAG,MAAM,SAAS,EAAE,EAAoB,EAAoB,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,QAAQ,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,SAAS,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,aAAa,EAAE,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,aAAa,GAAG,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,aAAa,CAAC,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,aAAa,EAAE,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,MAAM,aAAa,SAAS,CAAC,CAAC,KCAr+D,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,OAAK,kBAAgB,OAAK,QAAM,iBAAe,cAAY,oBAAkB,cAAY,aAAW,EAC/O,EAAS,EAAe,SAAS,EAAY,MAAM,EAAkB,MAAM,EAAY,KAAK,GAAM,SAM3D,OAAoB,EAAK,MAAM,CAAC,MAAM,CALnF,YAAY,cAAc,kBAC1B,WAAW,GAAM,WAAW,WAAS,WAAW,GAAM,WAAW,WAAW,GAAM,WAAW,cAAc,GAAM,cACjH,QACA,YACA,MAAM,cAAc,OAAO,cAAc,SAAS,MAAM,UAAU,MAClE,WAAW,WAAW,UAAU,WAAuD,EAAE,SAAS,CAAI,CAAC,CAAE,iBAP/D,IAAoD,EAOY,EAAoB,EAAa,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa;;SAAoB,gBAAgB,EAAI,EAAE,gBAAgB,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,QAAQ,UAAU,UAAU,EAAE,aAAa,CAAC,KAAK,KAAK,KAAK,EAAE,aAAa,OAAO,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,GAAK,qBAAqB,GAAM,aAAa,CAAC,SAAS,GAAG,WAAW,QAAQ,cAAc,QAAQ,CAAC,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,MAAM,aAAa,SAAS,EAAE,eAAe,CAAC,KAAK,EAAY,QAAQ,MAAM,SAAS,aAAa,GAAM,YAAY,2BAA2B,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,OAAO,GAAO,CAAC,EAAM,cAAc,EAAE,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,KAAK,OAAO,GAAO,CAAC,EAAM,cAAc,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,OAAO,GAAO,CAAC,EAAM,cAAc,EAAE,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,OAAO,QAAQ,SAAS,QAAQ,EAAE,aAAa,CAAC,KAAK,KAAK,KAAK,IAAI,EAAE,aAAa,MAAM,CAAC,CAAC"}