{"version":3,"file":"style.cjs","sources":["../../../src/components/Picker/style.ts"],"sourcesContent":["import { tv } from 'tailwind-variants'\n\n// HINT: 日付系inputがsafariなどで対応されていないため、input要素内が空白になりフォームが潰れる場合がある\n// マジックナンバーになるが、ほかに適切なプロパティがないため、min-widthで最低幅を指定することで防ぐ\nconst MIN_WIDTH = {\n  DatetimeLocal: '14em',\n  Month: '11em',\n  Time: '7em',\n} as const\n\n/**\n * @param componentType\n * コンポーネントのタイプ (例: 'Time')\n */\nexport const classNameGenerator = (componentType: keyof typeof MIN_WIDTH) =>\n  tv({\n    slots: {\n      wrapper: [\n        `smarthr-ui-${componentType}Picker`,\n        'shr-border-shorthand shr-inline-block shr-rounded-m shr-bg-white shr-px-0.5 shr-leading-none',\n        'contrast-more:shr-border-high-contrast',\n        'focus-within:shr-focus-indicator',\n        'has-[[aria-invalid]]:shr-border-danger',\n        'has-[:disabled]:shr-pointer-events-none has-[:disabled]:shr-bg-white-darken has-[:disabled]:[&&&]:shr-border-default/50',\n        'has-[[readonly]]:shr-border-[theme(backgroundColor.column)] has-[[readonly]]:shr-bg-column',\n      ],\n      inner: [\n        'shr-h-[theme(fontSize.base)] shr-border-none shr-bg-transparent shr-p-[unset] shr-py-0.75 shr-text-base shr-tabular-nums shr-text-black shr-outline-none shr-outline-0',\n        'disabled:shr-text-disabled',\n        `shr-min-w-[${MIN_WIDTH[componentType]}]`,\n      ],\n    },\n  })()\n"],"names":["tv"],"mappings":";;;;AAEA;AACA;AACA,MAAM,SAAS,GAAG;AAChB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,IAAI,EAAE,KAAK;CACH;AAEV;;;AAGG;AACI,MAAM,kBAAkB,GAAG,CAAC,aAAqC,KACtEA,QAAE,CAAC;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE;AACP,YAAA,CAAA,WAAA,EAAc,aAAa,CAAA,MAAA,CAAQ;YACnC,8FAA8F;YAC9F,wCAAwC;YACxC,kCAAkC;YAClC,wCAAwC;YACxC,yHAAyH;YACzH,4FAA4F;AAC7F,SAAA;AACD,QAAA,KAAK,EAAE;YACL,wKAAwK;YACxK,4BAA4B;AAC5B,YAAA,CAAA,WAAA,EAAc,SAAS,CAAC,aAAa,CAAC,CAAA,CAAA,CAAG;AAC1C,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}