@brightspot/ui 1.10.0 → 3.0.0

package/dist/tailwind-plugin-button-group.ts

@@ -0,0 +1,238 @@
+import plugin from 'tailwindcss/plugin'
+import type { CSSRuleObject } from 'tailwindcss/types/config'
+declare let module: any
+
+/**
+ * Button Group — Tailwind CSS plugin for grouping related buttons.
+ *
+ * Provides connected (joined) and spaced layouts with horizontal/vertical orientation.
+ * Supports both direct `.btu-button` children and `btu-icon-button` children.
+ * `btu-icon-button` uses `display: contents` so its inner button participates
+ * directly in the group's flex layout.
+ *
+ * Selection uses a circular wipe transition: a `::after` pseudo-element with
+ * `clip-path: circle()` reveals the selection color from the center outward.
+ *
+ * Class Names:
+ *
+ *  btu-button-group - Base group container
+ *
+ * CSS Custom Properties:
+ *
+ *  --button-group-gap             - Gap between buttons in spaced variant (default: spacing.sm)
+ *  --button-group-border-radius   - Outer corner radius in connected variant (default: 0.5rem)
+ *  --button-group-border-color    - Internal divider color in connected variant (default: gray-300)
+ *  --button-group-selection-bg    - Selection background color (auto-set per color variant)
+ *  --button-group-selection-color - Selection text color (auto-set per color variant)
+ */
+
+module.exports = plugin(function ({ addComponents, addBase, theme }) {
+  const connected = 'btu-button-group[variant="connected"]'
+  const connectedH = `${connected}[orientation="horizontal"]`
+  const connectedV = `${connected}[orientation="vertical"]`
+  const allSelected = `${connected}[data-all-selected]`
+  const borderColor = 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))'
+  const outerRadius = 'var(--button-group-border-radius, 0.5rem)'
+  const skipColors = new Set(['currentColor', 'transparent', 'white', 'black', 'ai'])
+  const colors: CSSRuleObject = theme('colors') || {}
+
+  const components: CSSRuleObject = {
+    // ─── Base ─────────────────────────────────────────────────────────
+    '.btu-button-group': {
+      display: 'inline-flex',
+      alignItems: 'stretch',
+      flexWrap: 'nowrap',
+      flexShrink: '0',
+    },
+
+    // ─── Icon-button: remove wrapper box so inner button is the flex item ──
+    '.btu-button-group > btu-icon-button': {
+      display: 'contents',
+    },
+
+    // ─── Orientation ──────────────────────────────────────────────────
+    'btu-button-group[orientation="vertical"]': {
+      flexDirection: 'column',
+    },
+
+    // ─── Spaced variant ───────────────────────────────────────────────
+    'btu-button-group[variant="spaced"]': {
+      gap: 'var(--button-group-gap, var(--gap-s, 0.5rem))',
+    },
+
+    // ─── slot="end" auto-margin ──────────────────────────────────────
+    // Direct children and inner .btu-button (for display:contents wrappers like btu-icon-button)
+    'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > .btu-button':
+      {
+        marginInlineStart: 'auto',
+      },
+    'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > .btu-button':
+      {
+        marginBlockStart: 'auto',
+      },
+
+    // ─── Size propagation via CSS ─────────────────────────────────────
+    'btu-button-group[size="small"] .btu-button': {
+      padding: 'var(--button-padding-sm)',
+      width: 'var(--button-size-sm, auto)',
+      height: 'var(--button-size-sm, auto)',
+    },
+    'btu-button-group[size="medium"] .btu-button': {
+      padding: 'var(--button-padding-md)',
+      width: 'var(--button-size-md, auto)',
+      height: 'var(--button-size-md, auto)',
+    },
+    'btu-button-group[size="large"] .btu-button': {
+      padding: 'var(--button-padding-lg)',
+      width: 'var(--button-size-lg, auto)',
+      height: 'var(--button-size-lg, auto)',
+    },
+
+    // ─── Connected: convert outline buttons to border-based ───────────
+    [`${connected} .btu-button`]: {
+      outline: 'none',
+      border: `1px solid ${borderColor}`,
+      transition: 'box-shadow 100ms ease, filter 100ms ease',
+      '&:active': {
+        scale: '1',
+        boxShadow: 'inset 0 2px 4px oklch(0 0 0 / 10%)',
+        filter: 'brightness(0.92)',
+      },
+    },
+
+    // ─── Disabled buttons ─────────────────────────────────────────────
+    '.btu-button-group .btu-button:disabled, .btu-button-group .btu-button[disabled]': {
+      opacity: '0.5',
+      cursor: 'default',
+    },
+
+    // ─── Selection wipe: disable button plugin's instant pressed toggle ─
+    // The ::after pseudo handles the pressed background via clip-path wipe,
+    // so the button itself must stay at its normal (non-pressed) color.
+    '.btu-button-group .btu-button[aria-pressed]': {
+      '--button-pressed-color': 'initial',
+      '--button-pressed-text-color': 'initial',
+      isolation: 'isolate',
+      transition: 'color 150ms ease-in',
+    },
+    '.btu-button-group .btu-button[aria-pressed]::after': {
+      content: '""',
+      position: 'absolute',
+      inset: '0',
+      zIndex: '-1',
+      borderRadius: 'inherit',
+      background: 'var(--button-group-selection-bg)',
+      clipPath: 'circle(0% at center)',
+      transition: 'clip-path 150ms ease-in',
+    },
+
+    // ─── Selection wipe: active state ─────────────────────────────────
+    '.btu-button-group .btu-button[aria-pressed="true"]': {
+      color: 'var(--button-group-selection-color)',
+      transition: 'color 200ms ease-out',
+    },
+
+    '.btu-button-group .btu-button[aria-pressed="true"]::after': {
+      clipPath: 'circle(75% at center)',
+      transition: 'clip-path 200ms ease-out',
+    },
+
+    // ─── Reduced motion ─────────────────────────────────────────────────
+    '@media (prefers-reduced-motion: reduce)': {
+      '.btu-button-group .btu-button[aria-pressed]': {
+        transition: 'color 0.01ms ease',
+      },
+      '.btu-button-group .btu-button[aria-pressed]::after': {
+        transition: 'clip-path 0.01ms ease',
+      },
+      [`${allSelected} .btu-button[aria-pressed="true"]`]: {
+        animation: 'none',
+      },
+    },
+
+    // ─── Connected variant — horizontal ───────────────────────────────
+    [`${connectedH} .btu-button`]: {
+      borderRadius: '0',
+      marginInlineEnd: '-1px',
+      position: 'relative',
+      '&:hover, &:focus-visible, &:active, &[aria-pressed="true"]': {
+        zIndex: '1',
+      },
+      '&:focus-visible': {
+        zIndex: '2',
+      },
+    },
+    [`${connectedH} > :first-child:is(.btu-button), ${connectedH} > :first-child > .btu-button`]: {
+      borderStartStartRadius: outerRadius,
+      borderEndStartRadius: outerRadius,
+    },
+    [`${connectedH} > :last-child:is(.btu-button), ${connectedH} > :last-child > .btu-button`]: {
+      borderStartEndRadius: outerRadius,
+      borderEndEndRadius: outerRadius,
+      marginInlineEnd: '0',
+    },
+
+    // ─── Connected variant — vertical ─────────────────────────────────
+    [`${connectedV} .btu-button`]: {
+      borderRadius: '0',
+      marginBlockEnd: '-1px',
+      position: 'relative',
+      '&:hover, &:focus-visible, &:active, &[aria-pressed="true"]': {
+        zIndex: '1',
+      },
+      '&:focus-visible': {
+        zIndex: '2',
+      },
+    },
+    [`${connectedV} > :first-child:is(.btu-button), ${connectedV} > :first-child > .btu-button`]: {
+      borderStartStartRadius: outerRadius,
+      borderStartEndRadius: outerRadius,
+    },
+    [`${connectedV} > :last-child:is(.btu-button), ${connectedV} > :last-child > .btu-button`]: {
+      borderEndStartRadius: outerRadius,
+      borderEndEndRadius: outerRadius,
+      marginBlockEnd: '0',
+    },
+  }
+
+  // ─── Sibling index for staggered animations ─────────────────────────
+  // CSS sibling-index() has limited browser support (Chrome 133+).
+  // When unsupported, the fallback of 1 means all buttons animate simultaneously.
+  components[`${connected} > *`] = {
+    '--_btn-index': 'sibling-index()',
+  }
+
+  // ─── All-selected shimmer (connected only) ─────────────────────────
+  // Text color pulse + border color pulse on each button, staggered.
+  components[`${allSelected} .btu-button[aria-pressed="true"]`] = {
+    animation: 'btu-shimmer-all 500ms ease-in-out both',
+    animationDelay: 'calc((var(--_btn-index, 1) - 1) * 100ms)',
+  }
+
+  // ─── Selection color variants ─────────────────────────────────────
+  for (const key in colors) {
+    if (skipColors.has(key)) continue
+    const pressedKey = key === 'gray' ? 'primary' : key
+    components[`.btu-button-group .btu-button-${key}`] = {
+      '--button-group-selection-bg': `oklch(var(--btu-theme-${pressedKey}-50))`,
+      '--button-group-selection-color': `oklch(var(--btu-theme-${pressedKey}-800))`,
+      '--button-group-shimmer-highlight': `oklch(var(--btu-theme-${pressedKey}-200))`,
+    }
+  }
+
+  addComponents(components)
+
+  // Keyframes must be added via addBase (not addComponents)
+  addBase({
+    '@keyframes btu-shimmer-all': {
+      '0%, 100%': {
+        color: 'var(--button-group-selection-color)',
+        borderColor: 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))',
+      },
+      '40%, 60%': {
+        color: 'var(--button-group-shimmer-highlight)',
+        borderColor: 'var(--button-group-shimmer-highlight)',
+      },
+    },
+  })
+})

package/dist/tailwind-plugin-button.js

@@ -50,6 +50,7 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--button-font-size': textSizes['sm'][0],
             '--button-line-height': textSizes['sm'][1],
             display: 'inline-flex',
+            whiteSpace: 'nowrap',
             cursor: 'pointer',
             alignItems: 'center',
             justifyContent: 'center',
@@ -217,7 +218,7 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             height: 'var(--button-size-xl, auto)',
         },
         '2xl': {
-            '--Icon-size': iconSizes['lg'],
+            '--icon-size': iconSizes['lg'],
             fontSize: `var(--button-icon-font-size, ${textSizes['lg'][0]})`,
             lineHeight: `var(--button-icon-line-height, ${textSizes['lg'][1]})`,
             padding: 'var(--button-padding-2xl)',

package/dist/tailwind-plugin-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin-button.js","sourceRoot":"","sources":["../src/tailwind-plugin-button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind-plugin-button.js","sourceRoot":"","sources":["../src/tailwind-plugin-button.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-button.ts

@@ -57,6 +57,7 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--button-font-size': textSizes['sm'][0],
       '--button-line-height': textSizes['sm'][1],
       display: 'inline-flex',
+      whiteSpace: 'nowrap',
       cursor: 'pointer',
       alignItems: 'center',
       justifyContent: 'center',
@@ -226,7 +227,7 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       height: 'var(--button-size-xl, auto)',
     },
     '2xl': {
-      '--Icon-size': iconSizes['lg'],
+      '--icon-size': iconSizes['lg'],
       fontSize: `var(--button-icon-font-size, ${textSizes['lg'][0]})`,
       lineHeight: `var(--button-icon-line-height, ${textSizes['lg'][1]})`,
       padding: 'var(--button-padding-2xl)',

package/dist/tailwind-plugin-checkbox.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tailwind-plugin-checkbox.d.ts.map

package/dist/tailwind-plugin-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin-checkbox.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin-checkbox.ts"],"names":[],"mappings":""}

package/dist/tailwind-plugin-checkbox.js

@@ -0,0 +1,246 @@
+import plugin from 'tailwindcss/plugin';
+/**
+ * Checkbox component — a styled checkbox with label and description support.
+ *
+ * Class Names:
+ *
+ *  btu-checkbox              - Wrapper element
+ *  btu-checkbox-input        - The hidden <input type="checkbox">
+ *  btu-checkbox-box          - The visible checkbox square
+ *  btu-checkbox-icon         - Icon element inside the box (check or minus)
+ *  btu-checkbox-text         - Optional container for label, description, and error (flex column)
+ *  btu-checkbox-label        - Primary label text
+ *  btu-checkbox-description  - Secondary description text
+ *  btu-checkbox-error        - Error message text
+ *  btu-checkbox-md           - Medium size variant (20px, default is sm with no modifier)
+ *  btu-checkbox-invalid      - Error state modifier
+ *
+ * CSS Custom Properties:
+ *
+ *  --checkbox-color-primary   - Background and border when checked/indeterminate  (default: oklch(primary-700))
+ *  --checkbox-color-border    - Border color in unchecked state                   (default: oklch(gray-300))
+ *  --checkbox-color-error     - Border/text color in error                        (default: oklch(error-600))
+ *  --checkbox-border-radius   - Corner rounding                                   (default: 4px)
+ *  --checkbox-label-spacing   - Gap between box and label text                    (default: 0.75rem)
+ *
+ * Internal sizing (not intended for consumer override):
+ *
+ *  --checkbox-box-size        - Width/height of the checkbox square (set by size variant)
+ *  --checkbox-icon-size       - Width/height of the icon inside the box (set by size variant)
+ *
+ * Rendered DOM (the component generates this internally; consumers only write <btu-checkbox ...>):
+ *
+ *  <btu-checkbox>
+ *    <input type="checkbox" class="btu-checkbox-input">
+ *    <span class="btu-checkbox-box">
+ *      <btu-icon class="btu-checkbox-icon" symbol="check" style="--icon-size: var(--checkbox-icon-size)"></btu-icon>
+ *    </span>
+ *    <span class="btu-checkbox-text">
+ *      <span class="btu-checkbox-label">Remember me</span>
+ *      <span class="btu-checkbox-description">Save your login details</span>
+ *      <span class="btu-checkbox-error">Error message here</span>
+ *    </span>
+ *  </btu-checkbox>
+ */
+module.exports = plugin(function ({ addComponents, config }) {
+    const components = {
+        // -------------------------------------------------------------------------
+        // Wrapper
+        // -------------------------------------------------------------------------
+        '.btu-checkbox': {
+            '--checkbox-box-size': '1rem',
+            '--checkbox-icon-size': '0.75rem',
+            display: 'inline-flex',
+            alignItems: 'flex-start',
+            gap: 'var(--checkbox-label-spacing, 0.75rem)',
+            cursor: 'pointer',
+            userSelect: 'none',
+        },
+        // -------------------------------------------------------------------------
+        // Hidden input (sr-only pattern)
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-input': {
+            position: 'absolute',
+            width: '1px',
+            height: '1px',
+            padding: '0',
+            margin: '-1px',
+            overflow: 'hidden',
+            clipPath: 'inset(50%)',
+            whiteSpace: 'nowrap',
+            borderWidth: '0',
+        },
+        // -------------------------------------------------------------------------
+        // Visible checkbox box
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-box': {
+            flexShrink: '0',
+            position: 'relative',
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginTop: '0.125rem',
+            width: 'var(--checkbox-box-size)',
+            height: 'var(--checkbox-box-size)',
+            borderRadius: 'var(--checkbox-border-radius, 4px)',
+            border: '1px solid var(--checkbox-color-border, oklch(var(--btu-theme-gray-300)))',
+            background: 'var(--btu-theme-white)',
+            transition: 'transform 200ms cubic-bezier(0.12, 0.32, 0.54, 2), background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out',
+        },
+        // -------------------------------------------------------------------------
+        // Icon inside the box
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-icon': {
+            opacity: '0',
+            transform: 'scale(0.5)',
+            color: 'var(--btu-theme-white)',
+            pointerEvents: 'none',
+            transition: 'transform 150ms ease-in, opacity 150ms ease-in',
+        },
+        // -------------------------------------------------------------------------
+        // Checked / indeterminate state
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-input:is(:checked, :indeterminate) ~ .btu-checkbox-box': {
+            background: 'var(--checkbox-color-primary, oklch(var(--btu-theme-primary-700)))',
+            borderColor: 'var(--checkbox-color-primary, oklch(var(--btu-theme-primary-700)))',
+        },
+        '.btu-checkbox-input:is(:checked, :indeterminate) ~ .btu-checkbox-box .btu-checkbox-icon': {
+            opacity: '1',
+            transform: 'scale(1)',
+            transition: 'transform 200ms cubic-bezier(0.12, 0.32, 0.54, 2), opacity 200ms cubic-bezier(0.12, 0.32, 0.54, 2)',
+        },
+        // -------------------------------------------------------------------------
+        // Hover state
+        // -------------------------------------------------------------------------
+        '.btu-checkbox:hover .btu-checkbox-input:not(:disabled) ~ .btu-checkbox-box': {
+            background: 'color-mix(in oklch, var(--checkbox-color-primary, oklch(var(--btu-theme-primary-700))), white 92%)',
+            borderColor: 'color-mix(in oklch, var(--checkbox-color-primary, oklch(var(--btu-theme-primary-700))), black 15%)',
+        },
+        '.btu-checkbox:hover .btu-checkbox-input:not(:disabled):is(:checked, :indeterminate) ~ .btu-checkbox-box': {
+            background: 'color-mix(in oklch, var(--checkbox-color-primary, oklch(var(--btu-theme-primary-700))), black 15%)',
+            borderColor: 'color-mix(in oklch, var(--checkbox-color-primary, oklch(var(--btu-theme-primary-700))), black 15%)',
+        },
+        // -------------------------------------------------------------------------
+        // Active press — box scale bounce (snap in fast, spring back with bounce bezier)
+        // -------------------------------------------------------------------------
+        '.btu-checkbox:active .btu-checkbox-input:not(:disabled, :checked, :indeterminate) ~ .btu-checkbox-box': {
+            transform: 'scale(0.9)',
+            transitionDuration: '0.05s',
+        },
+        '.btu-checkbox:active .btu-checkbox-input:not(:disabled):is(:checked, :indeterminate) ~ .btu-checkbox-box': {
+            transform: 'scale(1.1)',
+            transitionDuration: '0.05s',
+        },
+        // -------------------------------------------------------------------------
+        // Focus visible — ring on the box
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-input:focus-visible ~ .btu-checkbox-box': {
+            borderColor: 'oklch(var(--btu-theme-primary-600))',
+            boxShadow: '0px 0px 0px 4px oklch(var(--btu-theme-primary-100))',
+        },
+        // -------------------------------------------------------------------------
+        // Disabled state
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-input:disabled ~ .btu-checkbox-box': {
+            background: 'oklch(var(--btu-theme-gray-100))',
+            borderColor: 'oklch(var(--btu-theme-gray-300))',
+            pointerEvents: 'none',
+        },
+        '.btu-checkbox-input:disabled:is(:checked, :indeterminate) ~ .btu-checkbox-box': {
+            background: 'oklch(var(--btu-theme-gray-100))',
+            borderColor: 'oklch(var(--btu-theme-gray-300))',
+        },
+        '.btu-checkbox-input:disabled:is(:checked, :indeterminate) ~ .btu-checkbox-box .btu-checkbox-icon': {
+            color: 'oklch(var(--btu-theme-gray-300))',
+        },
+        '.btu-checkbox-input:disabled ~ .btu-checkbox-text': {
+            color: 'oklch(var(--btu-theme-gray-300))',
+        },
+        '.btu-checkbox:has(.btu-checkbox-input:disabled)': {
+            pointerEvents: 'none',
+        },
+        // -------------------------------------------------------------------------
+        // Invalid / error state
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-invalid .btu-checkbox-box': {
+            borderColor: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        '.btu-checkbox-invalid .btu-checkbox-input:is(:checked, :indeterminate) ~ .btu-checkbox-box': {
+            borderColor: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        '.btu-checkbox-invalid .btu-checkbox-label': {
+            color: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        '.btu-checkbox-invalid:hover .btu-checkbox-input:not(:disabled, :checked, :indeterminate) ~ .btu-checkbox-box': {
+            background: 'var(--btu-theme-white)',
+            borderColor: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        '.btu-checkbox-invalid:hover .btu-checkbox-input:not(:disabled):is(:checked, :indeterminate) ~ .btu-checkbox-box': {
+            borderColor: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        '.btu-checkbox-invalid .btu-checkbox-input:focus-visible ~ .btu-checkbox-box': {
+            borderColor: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        // -------------------------------------------------------------------------
+        // Text elements
+        // -------------------------------------------------------------------------
+        '.btu-checkbox-text': {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '0.125rem',
+        },
+        '.btu-checkbox-label': {
+            fontSize: config('theme.fontSize.sm')?.[0] ?? '0.875rem',
+            lineHeight: config('theme.fontSize.sm')?.[1] ?? '1.25rem',
+            fontWeight: '500',
+            color: 'oklch(var(--btu-theme-gray-700))',
+        },
+        '.btu-checkbox-description': {
+            fontSize: config('theme.fontSize.xs')?.[0] ?? '0.75rem',
+            lineHeight: config('theme.fontSize.xs')?.[1] ?? '1.125rem',
+            color: 'oklch(var(--btu-theme-gray-500))',
+        },
+        '.btu-checkbox-error': {
+            fontSize: config('theme.fontSize.xs')?.[0] ?? '0.75rem',
+            lineHeight: config('theme.fontSize.xs')?.[1] ?? '1.125rem',
+            color: 'var(--checkbox-color-error, oklch(var(--btu-theme-error-600)))',
+        },
+        // -------------------------------------------------------------------------
+        // Size variants
+        // -------------------------------------------------------------------------
+        // sm is the default — no modifier class needed, base dimensions apply
+        '.btu-checkbox-md': {
+            '--checkbox-box-size': '1.25rem',
+            '--checkbox-icon-size': '0.875rem',
+        },
+        '.btu-checkbox-md .btu-checkbox-label': {
+            fontSize: config('theme.fontSize.base')?.[0] ?? '1rem',
+            lineHeight: config('theme.fontSize.base')?.[1] ?? '1.5rem',
+        },
+        '.btu-checkbox-md .btu-checkbox-description, .btu-checkbox-md .btu-checkbox-error': {
+            fontSize: config('theme.fontSize.sm')?.[0] ?? '0.875rem',
+            lineHeight: config('theme.fontSize.sm')?.[1] ?? '1.25rem',
+        },
+        // -------------------------------------------------------------------------
+        // Reduced motion
+        // -------------------------------------------------------------------------
+        '@media (prefers-reduced-motion: reduce)': {
+            '.btu-checkbox-box': {
+                transition: 'background 0.01ms ease, border-color 0.01ms ease, box-shadow 0.01ms ease, transform 0.01ms ease',
+            },
+            '.btu-checkbox:active .btu-checkbox-input:not(:disabled) ~ .btu-checkbox-box': {
+                transform: 'scale(1)',
+            },
+            '.btu-checkbox-icon': {
+                transition: 'opacity 0.01ms ease',
+                transform: 'scale(1)',
+            },
+            '.btu-checkbox-input:is(:checked, :indeterminate) ~ .btu-checkbox-box .btu-checkbox-icon': {
+                transform: 'scale(1)',
+                transition: 'opacity 0.01ms ease',
+            },
+        },
+    };
+    addComponents(components);
+});
+//# sourceMappingURL=tailwind-plugin-checkbox.js.map

package/dist/tailwind-plugin-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin-checkbox.js","sourceRoot":"","sources":["../src/tailwind-plugin-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAIvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE;IACzD,MAAM,UAAU,GAAkB;QAChC,4EAA4E;QAC5E,UAAU;QACV,4EAA4E;QAC5E,eAAe,EAAE;YACf,qBAAqB,EAAE,MAAM;YAC7B,sBAAsB,EAAE,SAAS;YACjC,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,YAAY;YACxB,GAAG,EAAE,wCAAwC;YAC7C,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,MAAM;SACnB;QAED,4EAA4E;QAC5E,iCAAiC;QACjC,4EAA4E;QAC5E,qBAAqB,EAAE;YACrB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,GAAG;SACjB;QAED,4EAA4E;QAC5E,uBAAuB;QACvB,4EAA4E;QAC5E,mBAAmB,EAAE;YACnB,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE,0BAA0B;YACjC,MAAM,EAAE,0BAA0B;YAClC,YAAY,EAAE,oCAAoC;YAClD,MAAM,EAAE,0EAA0E;YAClF,UAAU,EAAE,wBAAwB;YACpC,UAAU,EACR,+IAA+I;SAClJ;QAED,4EAA4E;QAC5E,sBAAsB;QACtB,4EAA4E;QAC5E,oBAAoB,EAAE;YACpB,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,wBAAwB;YAC/B,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,gDAAgD;SAC7D;QAED,4EAA4E;QAC5E,gCAAgC;QAChC,4EAA4E;QAC5E,sEAAsE,EAAE;YACtE,UAAU,EAAE,oEAAoE;YAChF,WAAW,EAAE,oEAAoE;SAClF;QAED,yFAAyF,EAAE;YACzF,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,UAAU;YACrB,UAAU,EAAE,oGAAoG;SACjH;QAED,4EAA4E;QAC5E,cAAc;QACd,4EAA4E;QAC5E,4EAA4E,EAAE;YAC5E,UAAU,EAAE,oGAAoG;YAChH,WAAW,EAAE,oGAAoG;SAClH;QAED,yGAAyG,EAAE;YACzG,UAAU,EAAE,oGAAoG;YAChH,WAAW,EAAE,oGAAoG;SAClH;QAED,4EAA4E;QAC5E,iFAAiF;QACjF,4EAA4E;QAC5E,uGAAuG,EAAE;YACvG,SAAS,EAAE,YAAY;YACvB,kBAAkB,EAAE,OAAO;SAC5B;QAED,0GAA0G,EAAE;YAC1G,SAAS,EAAE,YAAY;YACvB,kBAAkB,EAAE,OAAO;SAC5B;QAED,4EAA4E;QAC5E,kCAAkC;QAClC,4EAA4E;QAC5E,uDAAuD,EAAE;YACvD,WAAW,EAAE,qCAAqC;YAClD,SAAS,EAAE,qDAAqD;SACjE;QAED,4EAA4E;QAC5E,iBAAiB;QACjB,4EAA4E;QAC5E,kDAAkD,EAAE;YAClD,UAAU,EAAE,kCAAkC;YAC9C,WAAW,EAAE,kCAAkC;YAC/C,aAAa,EAAE,MAAM;SACtB;QAED,+EAA+E,EAAE;YAC/E,UAAU,EAAE,kCAAkC;YAC9C,WAAW,EAAE,kCAAkC;SAChD;QAED,kGAAkG,EAAE;YAClG,KAAK,EAAE,kCAAkC;SAC1C;QAED,mDAAmD,EAAE;YACnD,KAAK,EAAE,kCAAkC;SAC1C;QAED,iDAAiD,EAAE;YACjD,aAAa,EAAE,MAAM;SACtB;QAED,4EAA4E;QAC5E,wBAAwB;QACxB,4EAA4E;QAC5E,yCAAyC,EAAE;YACzC,WAAW,EAAE,gEAAgE;SAC9E;QAED,4FAA4F,EAAE;YAC5F,WAAW,EAAE,gEAAgE;SAC9E;QAED,2CAA2C,EAAE;YAC3C,KAAK,EAAE,gEAAgE;SACxE;QAED,8GAA8G,EAAE;YAC9G,UAAU,EAAE,wBAAwB;YACpC,WAAW,EAAE,gEAAgE;SAC9E;QAED,iHAAiH,EAAE;YACjH,WAAW,EAAE,gEAAgE;SAC9E;QAED,6EAA6E,EAAE;YAC7E,WAAW,EAAE,gEAAgE;SAC9E;QAED,4EAA4E;QAC5E,gBAAgB;QAChB,4EAA4E;QAC5E,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,UAAU;SAChB;QAED,qBAAqB,EAAE;YACrB,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,UAAU;YACxD,UAAU,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;YACzD,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,kCAAkC;SAC1C;QAED,2BAA2B,EAAE;YAC3B,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;YACvD,UAAU,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,UAAU;YAC1D,KAAK,EAAE,kCAAkC;SAC1C;QAED,qBAAqB,EAAE;YACrB,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;YACvD,UAAU,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,UAAU;YAC1D,KAAK,EAAE,gEAAgE;SACxE;QAED,4EAA4E;QAC5E,gBAAgB;QAChB,4EAA4E;QAC5E,sEAAsE;QAEtE,kBAAkB,EAAE;YAClB,qBAAqB,EAAE,SAAS;YAChC,sBAAsB,EAAE,UAAU;SACnC;QAED,sCAAsC,EAAE;YACtC,QAAQ,EAAE,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,MAAM;YACtD,UAAU,EAAE,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,QAAQ;SAC3D;QAED,kFAAkF,EAAE;YAClF,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,UAAU;YACxD,UAAU,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;SAC1D;QAED,4EAA4E;QAC5E,iBAAiB;QACjB,4EAA4E;QAC5E,yCAAyC,EAAE;YACzC,mBAAmB,EAAE;gBACnB,UAAU,EAAE,iGAAiG;aAC9G;YACD,6EAA6E,EAAE;gBAC7E,SAAS,EAAE,UAAU;aACtB;YACD,oBAAoB,EAAE;gBACpB,UAAU,EAAE,qBAAqB;gBACjC,SAAS,EAAE,UAAU;aACtB;YACD,yFAAyF,EAAE;gBACzF,SAAS,EAAE,UAAU;gBACrB,UAAU,EAAE,qBAAqB;aAClC;SACF;KACF,CAAA;IAED,aAAa,CAAC,UAAU,CAAC,CAAA;AAC3B,CAAC,CAAC,CAAA"}