@opengovsg/oui-theme 0.0.25 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "sideEffects": false,
   "files": [
     "dist",
@@ -22,14 +22,14 @@
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "eslint": "^9.20.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.1",
+    "eslint": "^9.39.1",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
+    "react": "^19.2.1",
     "tailwind-variants": "^3.1.1",
     "tailwindcss": "4.1.11",
-    "tsup": "^8.3.6",
+    "tsup": "^8.5.1",
     "typescript": "5.7.3",
     "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",

package/src/tailwind.css

@@ -40,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-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-HPU33ACF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-HPU33ACF.js","../src/components/file-dropzone.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-HPU33ACF.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const fileDropzoneStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col items-stretch gap-2\",\n    icon: \"\",\n    text: \"text-center\",\n    group:\n      \"group/dropzone rounded-sm outline-transparent transition-colors focus-visible:outline-none\",\n    dropzone:\n      \"group-focus-within/dropzone:border-focus-ring! group-focus-within/dropzone:outline-focus-ring outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed\",\n    dropzoneHighlight:\n      \"text-interaction-links-default group-disabled:text-base-content-disabled underline group-disabled:text-inherit\",\n  },\n  variants: {\n    variant: {\n      solid: {\n        dropzone:\n          \"text-base-content-default bg-interaction-main-subtle-default border-base-divider-strong dragging:border-base-divider-medium hover:border-base-divider-medium dragging:bg-interaction-main-subtle-active hover:bg-interaction-main-subtle-hover group-disabled:bg-interaction-support-disabled! group-disabled:border-base-divider-medium! group-disabled:text-interaction-support-disabled-content flex cursor-pointer flex-col items-center justify-center rounded-sm border border-dashed group-read-only:cursor-default\",\n      },\n    },\n    size: {\n      sm: {},\n      md: {},\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-2\",\n        dropzone: \"gap-1 px-12 py-14\",\n        icon: \"size-7\",\n      },\n    },\n    {\n      size: \"md\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-1\",\n        dropzone: \"gap-2 px-12 py-16\",\n        icon: \"size-14\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type FileDropzoneVariantProps = VariantProps<typeof fileDropzoneStyles>\nexport type FileDropzoneSlots = keyof ReturnType<typeof fileDropzoneStyles>\n\nexport const fileInfoDropzoneStyles = tv({\n  slots: {\n    base: \"border-base-divider-medium bg-interaction-main-subtle-default flex items-stretch overflow-hidden rounded-sm border\",\n    container: \"flex flex-1\",\n    textContainer:\n      \"text-base-content-default flex shrink grow flex-col items-start justify-center truncate\",\n    imageContainer:\n      \"inline-flex items-center justify-center overflow-hidden bg-white\",\n    image: \"object-contain\",\n    name: \"max-w-full truncate\",\n    size: \"text-base-content-medium\",\n    error: \"text-utility-feedback-critical\",\n    actionButton: \"ml-auto self-center\",\n  },\n  variants: {\n    variant: {\n      solid: {},\n    },\n    size: {\n      sm: {\n        base: \"min-h-14\",\n        container: \"gap-4 px-4\",\n        textContainer: \"prose-caption-1 min-h-14 gap-1\",\n        size: \"prose-caption-2\",\n        error: \"prose-caption-2\",\n      },\n      md: {\n        base: \"min-h-18\",\n        container: \"gap-4 px-4 py-3.5\",\n        textContainer: \"prose-subhead-1 h-full gap-1\",\n        size: \"prose-caption-1\",\n        error: \"prose-caption-1\",\n      },\n    },\n    imagePreview: {\n      small: {\n        image: \"p-1\",\n        imageContainer: \"border-base-divider-medium border-r\",\n      },\n      large: {\n        image: \"w-full p-1\",\n        base: \"flex-col\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-21\",\n        image: \"max-h-14 max-w-21\",\n      },\n    },\n    {\n      size: \"md\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-24\",\n        image: \"max-h-18 max-w-24\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    imagePreview: \"small\",\n    size: \"md\",\n  },\n})\n\nexport type FileInfoDropzoneVariantProps = VariantProps<\n  typeof fileInfoDropzoneStyles\n>\nexport type FileInfoDropzoneSlots = keyof ReturnType<\n  typeof fileInfoDropzoneStyles\n>\n"]}

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-W35S7EGR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/file-dropzone.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const fileDropzoneStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col items-stretch gap-2\",\n    icon: \"\",\n    text: \"text-center\",\n    group:\n      \"group/dropzone rounded-sm outline-transparent transition-colors focus-visible:outline-none\",\n    dropzone:\n      \"group-focus-within/dropzone:border-focus-ring! group-focus-within/dropzone:outline-focus-ring outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed\",\n    dropzoneHighlight:\n      \"text-interaction-links-default group-disabled:text-base-content-disabled underline group-disabled:text-inherit\",\n  },\n  variants: {\n    variant: {\n      solid: {\n        dropzone:\n          \"text-base-content-default bg-interaction-main-subtle-default border-base-divider-strong dragging:border-base-divider-medium hover:border-base-divider-medium dragging:bg-interaction-main-subtle-active hover:bg-interaction-main-subtle-hover group-disabled:bg-interaction-support-disabled! group-disabled:border-base-divider-medium! group-disabled:text-interaction-support-disabled-content flex cursor-pointer flex-col items-center justify-center rounded-sm border border-dashed group-read-only:cursor-default\",\n      },\n    },\n    size: {\n      sm: {},\n      md: {},\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-2\",\n        dropzone: \"gap-1 px-12 py-14\",\n        icon: \"size-7\",\n      },\n    },\n    {\n      size: \"md\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-1\",\n        dropzone: \"gap-2 px-12 py-16\",\n        icon: \"size-14\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type FileDropzoneVariantProps = VariantProps<typeof fileDropzoneStyles>\nexport type FileDropzoneSlots = keyof ReturnType<typeof fileDropzoneStyles>\n\nexport const fileInfoDropzoneStyles = tv({\n  slots: {\n    base: \"border-base-divider-medium bg-interaction-main-subtle-default flex items-stretch overflow-hidden rounded-sm border\",\n    container: \"flex flex-1\",\n    textContainer:\n      \"text-base-content-default flex shrink grow flex-col items-start justify-center truncate\",\n    imageContainer:\n      \"inline-flex items-center justify-center overflow-hidden bg-white\",\n    image: \"object-contain\",\n    name: \"max-w-full truncate\",\n    size: \"text-base-content-medium\",\n    error: \"text-utility-feedback-critical\",\n    actionButton: \"ml-auto self-center\",\n  },\n  variants: {\n    variant: {\n      solid: {},\n    },\n    size: {\n      sm: {\n        base: \"min-h-14\",\n        container: \"gap-4 px-4\",\n        textContainer: \"prose-caption-1 min-h-14 gap-1\",\n        size: \"prose-caption-2\",\n        error: \"prose-caption-2\",\n      },\n      md: {\n        base: \"min-h-18\",\n        container: \"gap-4 px-4 py-3.5\",\n        textContainer: \"prose-subhead-1 h-full gap-1\",\n        size: \"prose-caption-1\",\n        error: \"prose-caption-1\",\n      },\n    },\n    imagePreview: {\n      small: {\n        image: \"p-1\",\n        imageContainer: \"border-base-divider-medium border-r\",\n      },\n      large: {\n        image: \"w-full p-1\",\n        base: \"flex-col\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-21\",\n        image: \"max-h-14 max-w-21\",\n      },\n    },\n    {\n      size: \"md\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-24\",\n        image: \"max-h-18 max-w-24\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    imagePreview: \"small\",\n    size: \"md\",\n  },\n})\n\nexport type FileInfoDropzoneVariantProps = VariantProps<\n  typeof fileInfoDropzoneStyles\n>\nexport type FileInfoDropzoneSlots = keyof ReturnType<\n  typeof fileInfoDropzoneStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OACE;AAAA,IACF,UACE;AAAA,IACF,mBACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,QACL,UACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,IACP;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAKM,IAAM,yBAAyB,GAAG;AAAA,EACvC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,eACE;AAAA,IACF,gBACE;AAAA,IACF,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO,CAAC;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,OAAO;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,cAAc;AAAA,MACd,WAAW;AAAA,QACT,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,cAAc;AAAA,MACd,WAAW;AAAA,QACT,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}