{"version":3,"file":"reelShadowStyle.cjs","sources":["../../../src/components/Table/reelShadowStyle.ts"],"sourcesContent":["import { tv } from 'tailwind-variants'\n\nexport const reelShadowClassNameGenerator = tv({\n  base: [\n    'after:shr-absolute after:shr-top-0 after:shr-z-0 after:shr-h-full after:shr-w-0.75 after:shr-from-[rgba(0,0,0,0.2)] after:shr-to-transparent after:shr-transition-opacity after:shr-duration-200 after:shr-content-[\"\"]',\n    /* 影の領域が広すぎるとクリッカブルエリアを侵食するので無効化 */\n    'after:shr-pointer-events-none',\n    '[&.fixed]:shr-sticky [&.fixed]:after:shr-opacity-100',\n  ],\n  variants: {\n    showShadow: {\n      true: 'after:shr-opacity-100',\n      false: 'after:shr-opacity-0',\n    },\n    direction: {\n      left: 'after:shr-left-full after:shr-bg-gradient-to-r',\n      right: 'after:shr-right-full after:shr-bg-gradient-to-l',\n    },\n  },\n})\n"],"names":["tv"],"mappings":";;;;AAEO,MAAM,4BAA4B,GAAGA,QAAE,CAAC;AAC7C,IAAA,IAAI,EAAE;QACJ,yNAAyN;;QAEzN,+BAA+B;QAC/B,sDAAsD;AACvD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,uBAAuB;AAC7B,YAAA,KAAK,EAAE,qBAAqB;AAC7B,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,gDAAgD;AACtD,YAAA,KAAK,EAAE,iDAAiD;AACzD,SAAA;AACF,KAAA;AACF,CAAA;;;;"}