@opengovsg/oui-theme 0.0.0-snapshot-20251103063040 → 0.0.0-snapshot-20251203091804

package/src/tailwind.css

@@ -25,6 +25,7 @@
 @theme {
   /* TODO: Split up theme specific variables */
   --shadow-sm: 0px 0px 10px 0px rgba(191, 191, 191, 0.5);
+  --shadow-md: 0px 0px 20px 0px rgba(104, 104, 104, 0.3);
 
   --text-xs--line-height: 1rem;
 
@@ -39,240 +40,4 @@
       transform: rotate(360deg);
     }
   }
-
-  /* TODO: Add outline generation when generating border colors too */
-  --outline-color-focus-ring: var(--theme-border-color-focus-ring);
-
-  --text-color-default: var(--theme-text-color-default);
-  --text-color-strong: var(--theme-text-color-strong);
-  --text-color-subtle: var(--theme-text-color-subtle);
-  --text-color-placeholder: var(--theme-text-color-placeholder);
-  --text-color-disabled: var(--theme-text-color-disabled);
-  --text-color-inverse: var(--theme-text-color-inverse);
-  --text-color-primary: var(--theme-text-color-primary);
-  --text-color-neutral: var(--theme-text-color-neutral);
-  --text-color-warning: var(--theme-text-color-warning);
-  --text-color-success: var(--theme-text-color-success);
-  --text-color-danger: var(--theme-text-color-danger);
-  --text-color-info: var(--theme-text-color-info);
-  --text-color-primary-hover: var(--theme-text-color-primary-hover);
-  --text-color-neutral-hover: var(--theme-text-color-neutral-hover);
-  --text-color-warning-hover: var(--theme-text-color-warning-hover);
-  --text-color-success-hover: var(--theme-text-color-success-hover);
-  --text-color-danger-hover: var(--theme-text-color-danger-hover);
-  --text-color-info-hover: var(--theme-text-color-info-hover);
-  --text-color-primary-active: var(--theme-text-color-primary-active);
-  --text-color-neutral-active: var(--theme-text-color-neutral-active);
-  --text-color-warning-active: var(--theme-text-color-warning-active);
-  --text-color-success-active: var(--theme-text-color-success-active);
-  --text-color-danger-active: var(--theme-text-color-danger-active);
-  --text-color-info-active: var(--theme-text-color-info-active);
-  --text-color-primary-strong: var(--theme-text-color-primary-strong);
-  --text-color-neutral-strong: var(--theme-text-color-neutral-strong);
-  --text-color-warning-strong: var(--theme-text-color-warning-strong);
-  --text-color-success-strong: var(--theme-text-color-success-strong);
-  --text-color-danger-strong: var(--theme-text-color-danger-strong);
-  --text-color-info-strong: var(--theme-text-color-info-strong);
-  --text-color-primary-strong-hover: var(
-    --theme-text-color-primary-strong-hover
-  );
-  --text-color-neutral-strong-hover: var(
-    --theme-text-color-neutral-strong-hover
-  );
-  --text-color-warning-strong-hover: var(
-    --theme-text-color-warning-strong-hover
-  );
-  --text-color-success-strong-hover: var(
-    --theme-text-color-success-strong-hover
-  );
-  --text-color-danger-strong-hover: var(--theme-text-color-danger-strong-hover);
-  --text-color-info-strong-hover: var(--theme-text-color-info-strong-hover);
-  --text-color-primary-strong-active: var(
-    --theme-text-color-primary-strong-active
-  );
-  --text-color-neutral-strong-active: var(
-    --theme-text-color-neutral-strong-active
-  );
-  --text-color-warning-strong-active: var(
-    --theme-text-color-warning-strong-active
-  );
-  --text-color-success-strong-active: var(
-    --theme-text-color-success-strong-active
-  );
-  --text-color-danger-strong-active: var(
-    --theme-text-color-danger-strong-active
-  );
-  --text-color-info-strong-active: var(--theme-text-color-info-strong-active);
-  --background-color-base: var(--theme-background-color-base);
-  --background-color-alt: var(--theme-background-color-alt);
-  --background-color-backdrop: var(--theme-background-color-backdrop);
-  --background-color-disabled: var(--theme-background-color-disabled);
-  --background-color-inverse: var(--theme-background-color-inverse);
-  --background-color-brand: var(--theme-background-color-brand);
-  --background-color-primary: var(--theme-background-color-primary);
-  --background-color-neutral: var(--theme-background-color-neutral);
-  --background-color-warning: var(--theme-background-color-warning);
-  --background-color-success: var(--theme-background-color-success);
-  --background-color-danger: var(--theme-background-color-danger);
-  --background-color-info: var(--theme-background-color-info);
-  --background-color-primary: var(--theme-background-color-primary);
-  --background-color-neutral: var(--theme-background-color-neutral);
-  --background-color-warning: var(--theme-background-color-warning);
-  --background-color-success: var(--theme-background-color-success);
-  --background-color-danger: var(--theme-background-color-danger);
-  --background-color-info: var(--theme-background-color-info);
-  --background-color-primary-active: var(
-    --theme-background-color-primary-active
-  );
-  --background-color-neutral-active: var(
-    --theme-background-color-neutral-active
-  );
-  --background-color-warning-active: var(
-    --theme-background-color-warning-active
-  );
-  --background-color-success-active: var(
-    --theme-background-color-success-active
-  );
-  --background-color-danger-active: var(--theme-background-color-danger-active);
-  --background-color-info-active: var(--theme-background-color-info-active);
-  --background-color-banner-primary: var(
-    --theme-background-color-banner-primary
-  );
-  --background-color-banner-neutral: var(
-    --theme-background-color-banner-neutral
-  );
-  --background-color-banner-warning: var(
-    --theme-background-color-banner-warning
-  );
-  --background-color-banner-success: var(
-    --theme-background-color-banner-success
-  );
-  --background-color-banner-danger: var(--theme-background-color-banner-danger);
-  --background-color-banner-info: var(--theme-background-color-banner-info);
-  --background-color-primary-subtle: var(
-    --theme-background-color-primary-subtle
-  );
-  --background-color-neutral-subtle: var(
-    --theme-background-color-neutral-subtle
-  );
-  --background-color-warning-subtle: var(
-    --theme-background-color-warning-subtle
-  );
-  --background-color-success-subtle: var(
-    --theme-background-color-success-subtle
-  );
-  --background-color-danger-subtle: var(--theme-background-color-danger-subtle);
-  --background-color-info-subtle: var(--theme-background-color-info-subtle);
-  --background-color-primary-subtle-hover: var(
-    --theme-background-color-primary-subtle-hover
-  );
-  --background-color-neutral-subtle-hover: var(
-    --theme-background-color-neutral-subtle-hover
-  );
-  --background-color-warning-subtle-hover: var(
-    --theme-background-color-warning-subtle-hover
-  );
-  --background-color-success-subtle-hover: var(
-    --theme-background-color-success-subtle-hover
-  );
-  --background-color-danger-subtle-hover: var(
-    --theme-background-color-danger-subtle-hover
-  );
-  --background-color-info-subtle-hover: var(
-    --theme-background-color-info-subtle-hover
-  );
-  --background-color-primary-subtle-active: var(
-    --theme-background-color-primary-subtle-active
-  );
-  --background-color-neutral-subtle-active: var(
-    --theme-background-color-neutral-subtle-active
-  );
-  --background-color-warning-subtle-active: var(
-    --theme-background-color-warning-subtle-active
-  );
-  --background-color-success-subtle-active: var(
-    --theme-background-color-success-subtle-active
-  );
-  --background-color-danger-subtle-active: var(
-    --theme-background-color-danger-subtle-active
-  );
-  --background-color-info-subtle-active: var(
-    --theme-background-color-info-subtle-active
-  );
-  --border-color-default: var(--theme-border-color-default);
-  --border-color-subtle: var(--theme-border-color-subtle);
-  --border-color-disabled: var(--theme-border-color-disabled);
-  --border-color-focus-ring: var(--theme-border-color-focus-ring);
-  --border-color-primary: var(--theme-border-color-primary);
-  --border-color-neutral: var(--theme-border-color-neutral);
-  --border-color-warning: var(--theme-border-color-warning);
-  --border-color-success: var(--theme-border-color-success);
-  --border-color-danger: var(--theme-border-color-danger);
-  --border-color-info: var(--theme-border-color-info);
-  --border-color-primary-hover: var(--theme-border-color-primary-hover);
-  --border-color-neutral-hover: var(--theme-border-color-neutral-hover);
-  --border-color-warning-hover: var(--theme-border-color-warning-hover);
-  --border-color-success-hover: var(--theme-border-color-success-hover);
-  --border-color-danger-hover: var(--theme-border-color-danger-hover);
-  --border-color-info-hover: var(--theme-border-color-info-hover);
-  --border-color-primary-active: var(--theme-border-color-primary-active);
-  --border-color-neutral-active: var(--theme-border-color-neutral-active);
-  --border-color-warning-active: var(--theme-border-color-warning-active);
-  --border-color-success-active: var(--theme-border-color-success-active);
-  --border-color-danger-active: var(--theme-border-color-danger-active);
-  --border-color-info-active: var(--theme-border-color-info-active);
-  --border-color-primary-strong: var(--theme-border-color-primary-strong);
-  --border-color-neutral-strong: var(--theme-border-color-neutral-strong);
-  --border-color-warning-strong: var(--theme-border-color-warning-strong);
-  --border-color-success-strong: var(--theme-border-color-success-strong);
-  --border-color-danger-strong: var(--theme-border-color-danger-strong);
-  --border-color-info-strong: var(--theme-border-color-info-strong);
-  --background-color-tooltip: var(--theme-background-color-tooltip);
-  --background-color-input: var(--theme-background-color-input);
-  --background-color-input-active: var(--theme-background-color-input-active);
-  --background-color-input-disabled: var(
-    --theme-background-color-input-disabled
-  );
-  --border-color-input: var(--theme-border-color-input);
-  --background-color-btn-primary: var(--theme-background-color-btn-primary);
-  --background-color-btn-primary-hover: var(
-    --theme-background-color-btn-primary-hover
-  );
-  --background-color-btn-primary-active: var(
-    --theme-background-color-btn-primary-active
-  );
-  --text-color-btn-primary: var(--theme-text-color-btn-primary);
-  --text-color-btn-primary-hover: var(--theme-text-color-btn-primary-hover);
-  --text-color-btn-primary-active: var(--theme-text-color-btn-primary-active);
-  --border-color-btn-primary: var(--theme-border-color-btn-primary);
-  --background-color-btn-secondary: var(--theme-background-color-btn-secondary);
-  --background-color-btn-secondary-hover: var(
-    --theme-background-color-btn-secondary-hover
-  );
-  --background-color-btn-secondary-active: var(
-    --theme-background-color-btn-secondary-active
-  );
-  --text-color-btn-secondary: var(--theme-text-color-btn-secondary);
-  --text-color-btn-secondary-hover: var(--theme-text-color-btn-secondary-hover);
-  --text-color-btn-secondary-active: var(
-    --theme-text-color-btn-secondary-active
-  );
-  --border-color-btn-secondary: var(--theme-border-color-btn-secondary);
-  --background-color-btn-destructive: var(
-    --theme-background-color-btn-destructive
-  );
-  --background-color-btn-destructive-hover: var(
-    --theme-background-color-btn-destructive-hover
-  );
-  --background-color-btn-destructive-active: var(
-    --theme-background-color-btn-destructive-active
-  );
-  --text-color-btn-destructive: var(--theme-text-color-btn-destructive);
-  --text-color-btn-destructive-hover: var(
-    --theme-text-color-btn-destructive-hover
-  );
-  --text-color-btn-destructive-active: var(
-    --theme-text-color-btn-destructive-active
-  );
-  --border-color-btn-destructive: var(--theme-border-color-btn-destructive);
 }

package/dist/chunk-33K2SFQM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-33K2SFQM.js","../src/components/date-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAKM,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,MAAA,EAAQ;AACV,CAAC,CAAA;ADDD;AACA;AACE;AACA;AACF,qFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-33K2SFQM.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment: \"text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment: \"bg-interaction-main-default text-white dark:text-white\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"]}

package/dist/chunk-7K66Q24Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7K66Q24Q.js","../src/components/date-picker.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,mCAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,qBAAA;AAAA,IAChB,cAAA,EAAgB;AAAA,EAClB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,KAAA;AAAA,QACP,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7K66Q24Q.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const datePickerStyles = tv({\n  slots: {\n    base: \"group isolate flex flex-col gap-1\",\n    group: \"\",\n    input: \"flex-1\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        input: \"px-3 py-2\",\n      },\n      sm: {\n        group: \"h-10\",\n        input: \"px-3 py-2.5\",\n      },\n      md: {\n        group: \"h-11\",\n        input: \"px-4 py-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>\nexport type DatePickerVariantProps = VariantProps<typeof datePickerStyles>\n"]}

package/dist/chunk-E43A5ROR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/classes.ts"],"sourcesContent":["import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus-visible:outline-focus-ring\",\n  \"focus-visible:outline-solid\",\n  \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"data-[focus-visible=true]:outline-focus-ring\",\n  \"data-[focus-visible=true]:outline-solid\",\n  \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus:outline-focus-ring\",\n  \"focus:outline-solid\",\n  \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n  \"in-focus-visible:z-10\",\n  \"in-focus-visible:outline-2\",\n  \"outline-focus-ring\",\n  \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n  base: \"outline-offset-2 outline-none\",\n  variants: {\n    isFocusVisible: {\n      false: \"outline-transparent\",\n      true: \"outline-focus-ring outline-2 outline-solid\",\n    },\n  },\n})\n"],"mappings":";;;;;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/chunk-FTUBU2ZU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/date-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment: \"text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment: \"bg-interaction-main-default text-white dark:text-white\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAKM,IAAM,kBAAkB,GAAG;AAAA,EAChC,QAAQ;AACV,CAAC;","names":[]}

package/dist/chunk-JVXQS55M.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/date-range-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"min-w-fit flex-0\",\n    endInput: \"min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-1\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        dateWrapper: \"px-3 py-2\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        group: \"h-10\",\n        dateWrapper: \"px-3 py-2.5\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        group: \"h-11\",\n        dateWrapper: \"px-4 py-2.5\",\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,wBAAwB,GAAG;AAAA,EACtC,OAAO;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OACE;AAAA,IACF,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WACE;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-LTX7TV6H.js

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-LTX7TV6H.js.map

package/dist/chunk-PWPTVAIL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-PWPTVAIL.js","../src/utils/classes.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,oBAAA,EAAsB;AAAA,EACjC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kCAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,wBAAA,EAA0B;AAAA,EACrC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,8CAAA;AAAA,EACA,yCAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe;AAAA,EAC1B,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,0BAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,yBAAA,EAA2B;AAAA,EACtC,uBAAA;AAAA,EACA,4BAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,+BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,qBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACA;AACA;AACA;AACA;AACF,oPAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-PWPTVAIL.js","sourcesContent":[null,"import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus-visible:outline-focus-ring\",\n  \"focus-visible:outline-solid\",\n  \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"data-[focus-visible=true]:outline-focus-ring\",\n  \"data-[focus-visible=true]:outline-solid\",\n  \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus:outline-focus-ring\",\n  \"focus:outline-solid\",\n  \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n  \"in-focus-visible:z-10\",\n  \"in-focus-visible:outline-2\",\n  \"outline-focus-ring\",\n  \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n  base: \"outline-offset-2 outline-none\",\n  variants: {\n    isFocusVisible: {\n      false: \"outline-transparent\",\n      true: \"outline-focus-ring outline-2 outline-solid\",\n    },\n  },\n})\n"]}

package/dist/chunk-RYFMG27C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-RYFMG27C.js","../src/components/date-range-picker.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,sBAAA,EAAwB,iCAAA;AAAG,EACtC,KAAA,EAAO;AAAA,IACL,WAAA,EAAa,iDAAA;AAAA,IACb,UAAA,EAAY,kBAAA;AAAA,IACZ,QAAA,EAAU,kBAAA;AAAA,IACV,IAAA,EAAM,mCAAA;AAAA,IACN,KAAA,EACE,oFAAA;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,qBAAA;AAAA,IAChB,cAAA,EAAgB,0CAAA;AAAA,IAChB,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,KAAA;AAAA,QACP,WAAA,EAAa,WAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,MAAA;AAAA,QACZ,QAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-RYFMG27C.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"min-w-fit flex-0\",\n    endInput: \"min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-1\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        dateWrapper: \"px-3 py-2\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        group: \"h-10\",\n        dateWrapper: \"px-3 py-2.5\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        group: \"h-11\",\n        dateWrapper: \"px-4 py-2.5\",\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"]}

package/dist/chunk-WG2AEB3W.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/date-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const datePickerStyles = tv({\n  slots: {\n    base: \"group isolate flex flex-col gap-1\",\n    group: \"\",\n    input: \"flex-1\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        input: \"px-3 py-2\",\n      },\n      sm: {\n        group: \"h-10\",\n        input: \"px-3 py-2.5\",\n      },\n      md: {\n        group: \"h-11\",\n        input: \"px-4 py-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>\nexport type DatePickerVariantProps = VariantProps<typeof datePickerStyles>\n"],"mappings":";;;;;AAIO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-ZDEFYL6G.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-ZDEFYL6G.mjs.map