@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/{chunk-WBRTXAKP.js.map → chunk-SCOIRBML.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/inputs/variants.ts"],"names":["cva","zuiInputBase","zuiInputAs","zuiInputAppearances","zuiInputSizes","zuiInputRing","zuiInputTextareaSizes","zuiInputFileSizes","zuiInputFileAppearances","zuiInputCheckboxSizes","zuiInputRadioSizes","zuiInputCheckboxAppearances","zuiInputRadioAppearances","zuiInputDateAppearances"],"mappings":"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","file":"chunk-WBRTXAKP.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiInputAppearances,\n  zuiInputAs,\n  zuiInputBase,\n  zuiInputCheckboxAppearances,\n  zuiInputCheckboxSizes,\n  zuiInputDateAppearances,\n  zuiInputFileAppearances,\n  zuiInputFileSizes,\n  zuiInputRadioAppearances,\n  zuiInputRadioSizes,\n  zuiInputRing,\n  zuiInputSizes,\n  zuiInputTextareaSizes,\n} from \"../../design-system/inputs\";\n\nexport const inputVariants = cva(zuiInputBase, {\n  variants: {\n    as: zuiInputAs,\n    appearance: zuiInputAppearances,\n    size: zuiInputSizes,\n    ring: zuiInputRing,\n  },\n  defaultVariants: {\n    as: \"input\",\n    appearance: \"default\",\n    size: \"md\",\n    ring: true,\n  },\n  compoundVariants: [\n    {\n      as: \"textarea\",\n      size: \"sm\",\n      class: zuiInputTextareaSizes.sm,\n    },\n    {\n      as: \"textarea\",\n      size: \"md\",\n      class: zuiInputTextareaSizes.md,\n    },\n    {\n      as: \"textarea\",\n      size: \"lg\",\n      class: zuiInputTextareaSizes.lg,\n    },\n    {\n      as: \"file\",\n      size: \"sm\",\n      class: zuiInputFileSizes.sm,\n    },\n    {\n      as: \"file\",\n      size: \"md\",\n      class: zuiInputFileSizes.md,\n    },\n    {\n      as: \"file\",\n      size: \"lg\",\n      class: zuiInputFileSizes.lg,\n    },\n    {\n      as: \"file\",\n      appearance: \"default\",\n      class: zuiInputFileAppearances.default,\n    },\n    {\n      as: \"file\",\n      appearance: \"warning\",\n      class: zuiInputFileAppearances.warning,\n    },\n    {\n      as: \"file\",\n      appearance: \"error\",\n      class: zuiInputFileAppearances.error,\n    },\n    {\n      as: \"file\",\n      appearance: \"success\",\n      class: zuiInputFileAppearances.success,\n    },\n    {\n      as: \"file\",\n      appearance: \"info\",\n      class: zuiInputFileAppearances.info,\n    },\n    {\n      as: \"file\",\n      appearance: \"violet\",\n      class: zuiInputFileAppearances.violet,\n    },\n    {\n      as: \"file\",\n      appearance: \"amber\",\n      class: zuiInputFileAppearances.amber,\n    },\n    {\n      as: \"file\",\n      appearance: \"pink\",\n      class: zuiInputFileAppearances.pink,\n    },\n    {\n      as: \"file\",\n      appearance: \"indigo\",\n      class: zuiInputFileAppearances.indigo,\n    },\n    {\n      as: \"checkbox\",\n      size: \"sm\",\n      class: zuiInputCheckboxSizes.sm,\n    },\n    {\n      as: \"checkbox\",\n      size: \"md\",\n      class: zuiInputCheckboxSizes.md,\n    },\n    {\n      as: \"checkbox\",\n      size: \"lg\",\n      class: zuiInputCheckboxSizes.lg,\n    },\n    {\n      as: \"radio\",\n      size: \"sm\",\n      class: zuiInputRadioSizes.sm,\n    },\n    {\n      as: \"radio\",\n      size: \"md\",\n      class: zuiInputRadioSizes.md,\n    },\n    {\n      as: \"radio\",\n      size: \"lg\",\n      class: zuiInputRadioSizes.lg,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"default\",\n      class: zuiInputCheckboxAppearances.default,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"warning\",\n      class: zuiInputCheckboxAppearances.warning,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"error\",\n      class: zuiInputCheckboxAppearances.error,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"success\",\n      class: zuiInputCheckboxAppearances.success,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"info\",\n      class: zuiInputCheckboxAppearances.info,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"violet\",\n      class: zuiInputCheckboxAppearances.violet,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"amber\",\n      class: zuiInputCheckboxAppearances.amber,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"pink\",\n      class: zuiInputCheckboxAppearances.pink,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"indigo\",\n      class: zuiInputCheckboxAppearances.indigo,\n    },\n    {\n      as: \"radio\",\n      appearance: \"default\",\n      class: zuiInputRadioAppearances.default,\n    },\n    {\n      as: \"radio\",\n      appearance: \"warning\",\n      class: zuiInputRadioAppearances.warning,\n    },\n    {\n      as: \"radio\",\n      appearance: \"error\",\n      class: zuiInputRadioAppearances.error,\n    },\n    {\n      as: \"radio\",\n      appearance: \"success\",\n      class: zuiInputRadioAppearances.success,\n    },\n    {\n      as: \"radio\",\n      appearance: \"info\",\n      class: zuiInputRadioAppearances.info,\n    },\n    {\n      as: \"radio\",\n      appearance: \"violet\",\n      class: zuiInputRadioAppearances.violet,\n    },\n    {\n      as: \"radio\",\n      appearance: \"amber\",\n      class: zuiInputRadioAppearances.amber,\n    },\n    {\n      as: \"radio\",\n      appearance: \"pink\",\n      class: zuiInputRadioAppearances.pink,\n    },\n    {\n      as: \"radio\",\n      appearance: \"indigo\",\n      class: zuiInputRadioAppearances.indigo,\n    },\n    {\n      as: \"date\",\n      appearance: \"default\",\n      class: zuiInputDateAppearances.default,\n    },\n    {\n      as: \"date\",\n      appearance: \"warning\",\n      class: zuiInputDateAppearances.warning,\n    },\n    {\n      as: \"date\",\n      appearance: \"error\",\n      class: zuiInputDateAppearances.error,\n    },\n    {\n      as: \"date\",\n      appearance: \"success\",\n      class: zuiInputDateAppearances.success,\n    },\n    {\n      as: \"date\",\n      appearance: \"info\",\n      class: zuiInputDateAppearances.info,\n    },\n    {\n      as: \"date\",\n      appearance: \"violet\",\n      class: zuiInputDateAppearances.violet,\n    },\n    {\n      as: \"date\",\n      appearance: \"amber\",\n      class: zuiInputDateAppearances.amber,\n    },\n    {\n      as: \"date\",\n      appearance: \"pink\",\n      class: zuiInputDateAppearances.pink,\n    },\n    {\n      as: \"date\",\n      appearance: \"indigo\",\n      class: zuiInputDateAppearances.indigo,\n    },\n    {\n      as: \"date\",\n      appearance: \"orange\",\n      class: zuiInputDateAppearances.orange,\n    },\n    {\n      as: \"file\",\n      appearance: \"blue\",\n      class: zuiInputFileAppearances.blue,\n    },\n    {\n      as: \"file\",\n      appearance: \"cyan\",\n      class: zuiInputFileAppearances.cyan,\n    },\n    {\n      as: \"file\",\n      appearance: \"green\",\n      class: zuiInputFileAppearances.green,\n    },\n    {\n      as: \"file\",\n      appearance: \"lime\",\n      class: zuiInputFileAppearances.lime,\n    },\n    {\n      as: \"file\",\n      appearance: \"mint\",\n      class: zuiInputFileAppearances.mint,\n    },\n    {\n      as: \"file\",\n      appearance: \"ocean\",\n      class: zuiInputFileAppearances.ocean,\n    },\n    {\n      as: \"file\",\n      appearance: \"sapphire\",\n      class: zuiInputFileAppearances.sapphire,\n    },\n    {\n      as: \"file\",\n      appearance: \"lavender\",\n      class: zuiInputFileAppearances.lavender,\n    },\n    {\n      as: \"file\",\n      appearance: \"ruby\",\n      class: zuiInputFileAppearances.ruby,\n    },\n    {\n      as: \"file\",\n      appearance: \"red\",\n      class: zuiInputFileAppearances.red,\n    },\n    {\n      as: \"file\",\n      appearance: \"slate\",\n      class: zuiInputFileAppearances.slate,\n    },\n    {\n      as: \"file\",\n      appearance: \"zinc\",\n      class: zuiInputFileAppearances.zinc,\n    },\n    {\n      as: \"file\",\n      appearance: \"stone\",\n      class: zuiInputFileAppearances.stone,\n    },\n    {\n      as: \"file\",\n      appearance: \"royal\",\n      class: zuiInputFileAppearances.royal,\n    },\n    {\n      as: \"file\",\n      appearance: \"electric\",\n      class: zuiInputFileAppearances.electric,\n    },\n    {\n      as: \"file\",\n      appearance: \"forest\",\n      class: zuiInputFileAppearances.forest,\n    },\n    {\n      as: \"file\",\n      appearance: \"sunset\",\n      class: zuiInputFileAppearances.sunset,\n    },\n    {\n      as: \"file\",\n      appearance: \"magenta\",\n      class: zuiInputFileAppearances.magenta,\n    },\n    {\n      as: \"file\",\n      appearance: \"crimson\",\n      class: zuiInputFileAppearances.crimson,\n    },\n    {\n      as: \"file\",\n      appearance: \"aqua\",\n      class: zuiInputFileAppearances.aqua,\n    },\n    {\n      as: \"file\",\n      appearance: \"plum\",\n      class: zuiInputFileAppearances.plum,\n    },\n    {\n      as: \"file\",\n      appearance: \"orange\",\n      class: zuiInputFileAppearances.orange,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"blue\",\n      class: zuiInputCheckboxAppearances.blue,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"cyan\",\n      class: zuiInputCheckboxAppearances.cyan,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"green\",\n      class: zuiInputCheckboxAppearances.green,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"lime\",\n      class: zuiInputCheckboxAppearances.lime,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"mint\",\n      class: zuiInputCheckboxAppearances.mint,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"ocean\",\n      class: zuiInputCheckboxAppearances.ocean,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"sapphire\",\n      class: zuiInputCheckboxAppearances.sapphire,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"lavender\",\n      class: zuiInputCheckboxAppearances.lavender,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"ruby\",\n      class: zuiInputCheckboxAppearances.ruby,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"red\",\n      class: zuiInputCheckboxAppearances.red,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"slate\",\n      class: zuiInputCheckboxAppearances.slate,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"zinc\",\n      class: zuiInputCheckboxAppearances.zinc,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"stone\",\n      class: zuiInputCheckboxAppearances.stone,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"royal\",\n      class: zuiInputCheckboxAppearances.royal,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"electric\",\n      class: zuiInputCheckboxAppearances.electric,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"forest\",\n      class: zuiInputCheckboxAppearances.forest,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"sunset\",\n      class: zuiInputCheckboxAppearances.sunset,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"magenta\",\n      class: zuiInputCheckboxAppearances.magenta,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"crimson\",\n      class: zuiInputCheckboxAppearances.crimson,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"aqua\",\n      class: zuiInputCheckboxAppearances.aqua,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"plum\",\n      class: zuiInputCheckboxAppearances.plum,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"orange\",\n      class: zuiInputCheckboxAppearances.orange,\n    },\n    {\n      as: \"radio\",\n      appearance: \"blue\",\n      class: zuiInputRadioAppearances.blue,\n    },\n    {\n      as: \"radio\",\n      appearance: \"cyan\",\n      class: zuiInputRadioAppearances.cyan,\n    },\n    {\n      as: \"radio\",\n      appearance: \"green\",\n      class: zuiInputRadioAppearances.green,\n    },\n    {\n      as: \"radio\",\n      appearance: \"lime\",\n      class: zuiInputRadioAppearances.lime,\n    },\n    {\n      as: \"radio\",\n      appearance: \"mint\",\n      class: zuiInputRadioAppearances.mint,\n    },\n    {\n      as: \"radio\",\n      appearance: \"ocean\",\n      class: zuiInputRadioAppearances.ocean,\n    },\n    {\n      as: \"radio\",\n      appearance: \"sapphire\",\n      class: zuiInputRadioAppearances.sapphire,\n    },\n    {\n      as: \"radio\",\n      appearance: \"lavender\",\n      class: zuiInputRadioAppearances.lavender,\n    },\n    {\n      as: \"radio\",\n      appearance: \"ruby\",\n      class: zuiInputRadioAppearances.ruby,\n    },\n    {\n      as: \"radio\",\n      appearance: \"red\",\n      class: zuiInputRadioAppearances.red,\n    },\n    {\n      as: \"radio\",\n      appearance: \"slate\",\n      class: zuiInputRadioAppearances.slate,\n    },\n    {\n      as: \"radio\",\n      appearance: \"zinc\",\n      class: zuiInputRadioAppearances.zinc,\n    },\n    {\n      as: \"radio\",\n      appearance: \"stone\",\n      class: zuiInputRadioAppearances.stone,\n    },\n    {\n      as: \"radio\",\n      appearance: \"royal\",\n      class: zuiInputRadioAppearances.royal,\n    },\n    {\n      as: \"radio\",\n      appearance: \"electric\",\n      class: zuiInputRadioAppearances.electric,\n    },\n    {\n      as: \"radio\",\n      appearance: \"forest\",\n      class: zuiInputRadioAppearances.forest,\n    },\n    {\n      as: \"radio\",\n      appearance: \"sunset\",\n      class: zuiInputRadioAppearances.sunset,\n    },\n    {\n      as: \"radio\",\n      appearance: \"magenta\",\n      class: zuiInputRadioAppearances.magenta,\n    },\n    {\n      as: \"radio\",\n      appearance: \"crimson\",\n      class: zuiInputRadioAppearances.crimson,\n    },\n    {\n      as: \"radio\",\n      appearance: \"aqua\",\n      class: zuiInputRadioAppearances.aqua,\n    },\n    {\n      as: \"radio\",\n      appearance: \"plum\",\n      class: zuiInputRadioAppearances.plum,\n    },\n    {\n      as: \"radio\",\n      appearance: \"orange\",\n      class: zuiInputRadioAppearances.orange,\n    },\n    {\n      as: \"date\",\n      appearance: \"blue\",\n      class: zuiInputDateAppearances.blue,\n    },\n    {\n      as: \"date\",\n      appearance: \"cyan\",\n      class: zuiInputDateAppearances.cyan,\n    },\n    {\n      as: \"date\",\n      appearance: \"green\",\n      class: zuiInputDateAppearances.green,\n    },\n    {\n      as: \"date\",\n      appearance: \"lime\",\n      class: zuiInputDateAppearances.lime,\n    },\n    {\n      as: \"date\",\n      appearance: \"mint\",\n      class: zuiInputDateAppearances.mint,\n    },\n    {\n      as: \"date\",\n      appearance: \"ocean\",\n      class: zuiInputDateAppearances.ocean,\n    },\n    {\n      as: \"date\",\n      appearance: \"sapphire\",\n      class: zuiInputDateAppearances.sapphire,\n    },\n    {\n      as: \"date\",\n      appearance: \"lavender\",\n      class: zuiInputDateAppearances.lavender,\n    },\n    {\n      as: \"date\",\n      appearance: \"ruby\",\n      class: zuiInputDateAppearances.ruby,\n    },\n    {\n      as: \"date\",\n      appearance: \"red\",\n      class: zuiInputDateAppearances.red,\n    },\n    {\n      as: \"date\",\n      appearance: \"slate\",\n      class: zuiInputDateAppearances.slate,\n    },\n    {\n      as: \"date\",\n      appearance: \"zinc\",\n      class: zuiInputDateAppearances.zinc,\n    },\n    {\n      as: \"date\",\n      appearance: \"stone\",\n      class: zuiInputDateAppearances.stone,\n    },\n    {\n      as: \"date\",\n      appearance: \"royal\",\n      class: zuiInputDateAppearances.royal,\n    },\n    {\n      as: \"date\",\n      appearance: \"electric\",\n      class: zuiInputDateAppearances.electric,\n    },\n    {\n      as: \"date\",\n      appearance: \"forest\",\n      class: zuiInputDateAppearances.forest,\n    },\n    {\n      as: \"date\",\n      appearance: \"sunset\",\n      class: zuiInputDateAppearances.sunset,\n    },\n    {\n      as: \"date\",\n      appearance: \"magenta\",\n      class: zuiInputDateAppearances.magenta,\n    },\n    {\n      as: \"date\",\n      appearance: \"crimson\",\n      class: zuiInputDateAppearances.crimson,\n    },\n    {\n      as: \"date\",\n      appearance: \"aqua\",\n      class: zuiInputDateAppearances.aqua,\n    },\n    {\n      as: \"date\",\n      appearance: \"plum\",\n      class: zuiInputDateAppearances.plum,\n    },\n  ],\n});\n"]}
+{"version":3,"sources":["../src/ui/inputs/variants.ts"],"names":["cva","zuiInputBase","zuiInputAs","zuiInputAppearances","zuiInputSizes","zuiInputRing","zuiInputTextareaSizes","zuiInputFileSizes","zuiInputFileAppearances","zuiInputCheckboxSizes","zuiInputRadioSizes","zuiInputCheckboxAppearances","zuiInputRadioAppearances","zuiInputDateAppearances"],"mappings":"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","file":"chunk-SCOIRBML.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiInputAppearances,\n  zuiInputAs,\n  zuiInputBase,\n  zuiInputCheckboxAppearances,\n  zuiInputCheckboxSizes,\n  zuiInputDateAppearances,\n  zuiInputFileAppearances,\n  zuiInputFileSizes,\n  zuiInputRadioAppearances,\n  zuiInputRadioSizes,\n  zuiInputRing,\n  zuiInputSizes,\n  zuiInputTextareaSizes,\n} from \"../../design-system/inputs\";\n\nexport const inputVariants = cva(zuiInputBase, {\n  variants: {\n    as: zuiInputAs,\n    appearance: zuiInputAppearances,\n    size: zuiInputSizes,\n    ring: zuiInputRing,\n  },\n  defaultVariants: {\n    as: \"input\",\n    appearance: \"default\",\n    size: \"md\",\n    ring: true,\n  },\n  compoundVariants: [\n    {\n      as: \"textarea\",\n      size: \"sm\",\n      class: zuiInputTextareaSizes.sm,\n    },\n    {\n      as: \"textarea\",\n      size: \"md\",\n      class: zuiInputTextareaSizes.md,\n    },\n    {\n      as: \"textarea\",\n      size: \"lg\",\n      class: zuiInputTextareaSizes.lg,\n    },\n    {\n      as: \"file\",\n      size: \"sm\",\n      class: zuiInputFileSizes.sm,\n    },\n    {\n      as: \"file\",\n      size: \"md\",\n      class: zuiInputFileSizes.md,\n    },\n    {\n      as: \"file\",\n      size: \"lg\",\n      class: zuiInputFileSizes.lg,\n    },\n    {\n      as: \"file\",\n      appearance: \"default\",\n      class: zuiInputFileAppearances.default,\n    },\n    {\n      as: \"file\",\n      appearance: \"warning\",\n      class: zuiInputFileAppearances.warning,\n    },\n    {\n      as: \"file\",\n      appearance: \"error\",\n      class: zuiInputFileAppearances.error,\n    },\n    {\n      as: \"file\",\n      appearance: \"success\",\n      class: zuiInputFileAppearances.success,\n    },\n    {\n      as: \"file\",\n      appearance: \"info\",\n      class: zuiInputFileAppearances.info,\n    },\n    {\n      as: \"file\",\n      appearance: \"violet\",\n      class: zuiInputFileAppearances.violet,\n    },\n    {\n      as: \"file\",\n      appearance: \"amber\",\n      class: zuiInputFileAppearances.amber,\n    },\n    {\n      as: \"file\",\n      appearance: \"pink\",\n      class: zuiInputFileAppearances.pink,\n    },\n    {\n      as: \"file\",\n      appearance: \"indigo\",\n      class: zuiInputFileAppearances.indigo,\n    },\n    {\n      as: \"checkbox\",\n      size: \"sm\",\n      class: zuiInputCheckboxSizes.sm,\n    },\n    {\n      as: \"checkbox\",\n      size: \"md\",\n      class: zuiInputCheckboxSizes.md,\n    },\n    {\n      as: \"checkbox\",\n      size: \"lg\",\n      class: zuiInputCheckboxSizes.lg,\n    },\n    {\n      as: \"radio\",\n      size: \"sm\",\n      class: zuiInputRadioSizes.sm,\n    },\n    {\n      as: \"radio\",\n      size: \"md\",\n      class: zuiInputRadioSizes.md,\n    },\n    {\n      as: \"radio\",\n      size: \"lg\",\n      class: zuiInputRadioSizes.lg,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"default\",\n      class: zuiInputCheckboxAppearances.default,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"warning\",\n      class: zuiInputCheckboxAppearances.warning,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"error\",\n      class: zuiInputCheckboxAppearances.error,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"success\",\n      class: zuiInputCheckboxAppearances.success,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"info\",\n      class: zuiInputCheckboxAppearances.info,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"violet\",\n      class: zuiInputCheckboxAppearances.violet,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"amber\",\n      class: zuiInputCheckboxAppearances.amber,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"pink\",\n      class: zuiInputCheckboxAppearances.pink,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"indigo\",\n      class: zuiInputCheckboxAppearances.indigo,\n    },\n    {\n      as: \"radio\",\n      appearance: \"default\",\n      class: zuiInputRadioAppearances.default,\n    },\n    {\n      as: \"radio\",\n      appearance: \"warning\",\n      class: zuiInputRadioAppearances.warning,\n    },\n    {\n      as: \"radio\",\n      appearance: \"error\",\n      class: zuiInputRadioAppearances.error,\n    },\n    {\n      as: \"radio\",\n      appearance: \"success\",\n      class: zuiInputRadioAppearances.success,\n    },\n    {\n      as: \"radio\",\n      appearance: \"info\",\n      class: zuiInputRadioAppearances.info,\n    },\n    {\n      as: \"radio\",\n      appearance: \"violet\",\n      class: zuiInputRadioAppearances.violet,\n    },\n    {\n      as: \"radio\",\n      appearance: \"amber\",\n      class: zuiInputRadioAppearances.amber,\n    },\n    {\n      as: \"radio\",\n      appearance: \"pink\",\n      class: zuiInputRadioAppearances.pink,\n    },\n    {\n      as: \"radio\",\n      appearance: \"indigo\",\n      class: zuiInputRadioAppearances.indigo,\n    },\n    {\n      as: \"date\",\n      appearance: \"default\",\n      class: zuiInputDateAppearances.default,\n    },\n    {\n      as: \"date\",\n      appearance: \"warning\",\n      class: zuiInputDateAppearances.warning,\n    },\n    {\n      as: \"date\",\n      appearance: \"error\",\n      class: zuiInputDateAppearances.error,\n    },\n    {\n      as: \"date\",\n      appearance: \"success\",\n      class: zuiInputDateAppearances.success,\n    },\n    {\n      as: \"date\",\n      appearance: \"info\",\n      class: zuiInputDateAppearances.info,\n    },\n    {\n      as: \"date\",\n      appearance: \"violet\",\n      class: zuiInputDateAppearances.violet,\n    },\n    {\n      as: \"date\",\n      appearance: \"amber\",\n      class: zuiInputDateAppearances.amber,\n    },\n    {\n      as: \"date\",\n      appearance: \"pink\",\n      class: zuiInputDateAppearances.pink,\n    },\n    {\n      as: \"date\",\n      appearance: \"indigo\",\n      class: zuiInputDateAppearances.indigo,\n    },\n    {\n      as: \"date\",\n      appearance: \"orange\",\n      class: zuiInputDateAppearances.orange,\n    },\n    {\n      as: \"file\",\n      appearance: \"blue\",\n      class: zuiInputFileAppearances.blue,\n    },\n    {\n      as: \"file\",\n      appearance: \"cyan\",\n      class: zuiInputFileAppearances.cyan,\n    },\n    {\n      as: \"file\",\n      appearance: \"green\",\n      class: zuiInputFileAppearances.green,\n    },\n    {\n      as: \"file\",\n      appearance: \"lime\",\n      class: zuiInputFileAppearances.lime,\n    },\n    {\n      as: \"file\",\n      appearance: \"mint\",\n      class: zuiInputFileAppearances.mint,\n    },\n    {\n      as: \"file\",\n      appearance: \"ocean\",\n      class: zuiInputFileAppearances.ocean,\n    },\n    {\n      as: \"file\",\n      appearance: \"sapphire\",\n      class: zuiInputFileAppearances.sapphire,\n    },\n    {\n      as: \"file\",\n      appearance: \"lavender\",\n      class: zuiInputFileAppearances.lavender,\n    },\n    {\n      as: \"file\",\n      appearance: \"ruby\",\n      class: zuiInputFileAppearances.ruby,\n    },\n    {\n      as: \"file\",\n      appearance: \"red\",\n      class: zuiInputFileAppearances.red,\n    },\n    {\n      as: \"file\",\n      appearance: \"slate\",\n      class: zuiInputFileAppearances.slate,\n    },\n    {\n      as: \"file\",\n      appearance: \"zinc\",\n      class: zuiInputFileAppearances.zinc,\n    },\n    {\n      as: \"file\",\n      appearance: \"stone\",\n      class: zuiInputFileAppearances.stone,\n    },\n    {\n      as: \"file\",\n      appearance: \"royal\",\n      class: zuiInputFileAppearances.royal,\n    },\n    {\n      as: \"file\",\n      appearance: \"electric\",\n      class: zuiInputFileAppearances.electric,\n    },\n    {\n      as: \"file\",\n      appearance: \"forest\",\n      class: zuiInputFileAppearances.forest,\n    },\n    {\n      as: \"file\",\n      appearance: \"sunset\",\n      class: zuiInputFileAppearances.sunset,\n    },\n    {\n      as: \"file\",\n      appearance: \"magenta\",\n      class: zuiInputFileAppearances.magenta,\n    },\n    {\n      as: \"file\",\n      appearance: \"crimson\",\n      class: zuiInputFileAppearances.crimson,\n    },\n    {\n      as: \"file\",\n      appearance: \"aqua\",\n      class: zuiInputFileAppearances.aqua,\n    },\n    {\n      as: \"file\",\n      appearance: \"plum\",\n      class: zuiInputFileAppearances.plum,\n    },\n    {\n      as: \"file\",\n      appearance: \"orange\",\n      class: zuiInputFileAppearances.orange,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"blue\",\n      class: zuiInputCheckboxAppearances.blue,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"cyan\",\n      class: zuiInputCheckboxAppearances.cyan,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"green\",\n      class: zuiInputCheckboxAppearances.green,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"lime\",\n      class: zuiInputCheckboxAppearances.lime,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"mint\",\n      class: zuiInputCheckboxAppearances.mint,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"ocean\",\n      class: zuiInputCheckboxAppearances.ocean,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"sapphire\",\n      class: zuiInputCheckboxAppearances.sapphire,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"lavender\",\n      class: zuiInputCheckboxAppearances.lavender,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"ruby\",\n      class: zuiInputCheckboxAppearances.ruby,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"red\",\n      class: zuiInputCheckboxAppearances.red,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"slate\",\n      class: zuiInputCheckboxAppearances.slate,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"zinc\",\n      class: zuiInputCheckboxAppearances.zinc,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"stone\",\n      class: zuiInputCheckboxAppearances.stone,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"royal\",\n      class: zuiInputCheckboxAppearances.royal,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"electric\",\n      class: zuiInputCheckboxAppearances.electric,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"forest\",\n      class: zuiInputCheckboxAppearances.forest,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"sunset\",\n      class: zuiInputCheckboxAppearances.sunset,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"magenta\",\n      class: zuiInputCheckboxAppearances.magenta,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"crimson\",\n      class: zuiInputCheckboxAppearances.crimson,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"aqua\",\n      class: zuiInputCheckboxAppearances.aqua,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"plum\",\n      class: zuiInputCheckboxAppearances.plum,\n    },\n    {\n      as: \"checkbox\",\n      appearance: \"orange\",\n      class: zuiInputCheckboxAppearances.orange,\n    },\n    {\n      as: \"radio\",\n      appearance: \"blue\",\n      class: zuiInputRadioAppearances.blue,\n    },\n    {\n      as: \"radio\",\n      appearance: \"cyan\",\n      class: zuiInputRadioAppearances.cyan,\n    },\n    {\n      as: \"radio\",\n      appearance: \"green\",\n      class: zuiInputRadioAppearances.green,\n    },\n    {\n      as: \"radio\",\n      appearance: \"lime\",\n      class: zuiInputRadioAppearances.lime,\n    },\n    {\n      as: \"radio\",\n      appearance: \"mint\",\n      class: zuiInputRadioAppearances.mint,\n    },\n    {\n      as: \"radio\",\n      appearance: \"ocean\",\n      class: zuiInputRadioAppearances.ocean,\n    },\n    {\n      as: \"radio\",\n      appearance: \"sapphire\",\n      class: zuiInputRadioAppearances.sapphire,\n    },\n    {\n      as: \"radio\",\n      appearance: \"lavender\",\n      class: zuiInputRadioAppearances.lavender,\n    },\n    {\n      as: \"radio\",\n      appearance: \"ruby\",\n      class: zuiInputRadioAppearances.ruby,\n    },\n    {\n      as: \"radio\",\n      appearance: \"red\",\n      class: zuiInputRadioAppearances.red,\n    },\n    {\n      as: \"radio\",\n      appearance: \"slate\",\n      class: zuiInputRadioAppearances.slate,\n    },\n    {\n      as: \"radio\",\n      appearance: \"zinc\",\n      class: zuiInputRadioAppearances.zinc,\n    },\n    {\n      as: \"radio\",\n      appearance: \"stone\",\n      class: zuiInputRadioAppearances.stone,\n    },\n    {\n      as: \"radio\",\n      appearance: \"royal\",\n      class: zuiInputRadioAppearances.royal,\n    },\n    {\n      as: \"radio\",\n      appearance: \"electric\",\n      class: zuiInputRadioAppearances.electric,\n    },\n    {\n      as: \"radio\",\n      appearance: \"forest\",\n      class: zuiInputRadioAppearances.forest,\n    },\n    {\n      as: \"radio\",\n      appearance: \"sunset\",\n      class: zuiInputRadioAppearances.sunset,\n    },\n    {\n      as: \"radio\",\n      appearance: \"magenta\",\n      class: zuiInputRadioAppearances.magenta,\n    },\n    {\n      as: \"radio\",\n      appearance: \"crimson\",\n      class: zuiInputRadioAppearances.crimson,\n    },\n    {\n      as: \"radio\",\n      appearance: \"aqua\",\n      class: zuiInputRadioAppearances.aqua,\n    },\n    {\n      as: \"radio\",\n      appearance: \"plum\",\n      class: zuiInputRadioAppearances.plum,\n    },\n    {\n      as: \"radio\",\n      appearance: \"orange\",\n      class: zuiInputRadioAppearances.orange,\n    },\n    {\n      as: \"date\",\n      appearance: \"blue\",\n      class: zuiInputDateAppearances.blue,\n    },\n    {\n      as: \"date\",\n      appearance: \"cyan\",\n      class: zuiInputDateAppearances.cyan,\n    },\n    {\n      as: \"date\",\n      appearance: \"green\",\n      class: zuiInputDateAppearances.green,\n    },\n    {\n      as: \"date\",\n      appearance: \"lime\",\n      class: zuiInputDateAppearances.lime,\n    },\n    {\n      as: \"date\",\n      appearance: \"mint\",\n      class: zuiInputDateAppearances.mint,\n    },\n    {\n      as: \"date\",\n      appearance: \"ocean\",\n      class: zuiInputDateAppearances.ocean,\n    },\n    {\n      as: \"date\",\n      appearance: \"sapphire\",\n      class: zuiInputDateAppearances.sapphire,\n    },\n    {\n      as: \"date\",\n      appearance: \"lavender\",\n      class: zuiInputDateAppearances.lavender,\n    },\n    {\n      as: \"date\",\n      appearance: \"ruby\",\n      class: zuiInputDateAppearances.ruby,\n    },\n    {\n      as: \"date\",\n      appearance: \"red\",\n      class: zuiInputDateAppearances.red,\n    },\n    {\n      as: \"date\",\n      appearance: \"slate\",\n      class: zuiInputDateAppearances.slate,\n    },\n    {\n      as: \"date\",\n      appearance: \"zinc\",\n      class: zuiInputDateAppearances.zinc,\n    },\n    {\n      as: \"date\",\n      appearance: \"stone\",\n      class: zuiInputDateAppearances.stone,\n    },\n    {\n      as: \"date\",\n      appearance: \"royal\",\n      class: zuiInputDateAppearances.royal,\n    },\n    {\n      as: \"date\",\n      appearance: \"electric\",\n      class: zuiInputDateAppearances.electric,\n    },\n    {\n      as: \"date\",\n      appearance: \"forest\",\n      class: zuiInputDateAppearances.forest,\n    },\n    {\n      as: \"date\",\n      appearance: \"sunset\",\n      class: zuiInputDateAppearances.sunset,\n    },\n    {\n      as: \"date\",\n      appearance: \"magenta\",\n      class: zuiInputDateAppearances.magenta,\n    },\n    {\n      as: \"date\",\n      appearance: \"crimson\",\n      class: zuiInputDateAppearances.crimson,\n    },\n    {\n      as: \"date\",\n      appearance: \"aqua\",\n      class: zuiInputDateAppearances.aqua,\n    },\n    {\n      as: \"date\",\n      appearance: \"plum\",\n      class: zuiInputDateAppearances.plum,\n    },\n  ],\n});\n"]}

package/dist/chunk-SCWQSQBJ.mjs

@@ -0,0 +1,113 @@
+// src/design-system/drawer.ts
+var zuiDrawerOverlayBase = "fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,color-mix(in oklch, var(--zui-fg,oklch(98.4%_0.003_247.858_/_0.7)) 60%, transparent))] dark:bg-[var(--zui-drawer-overlay-bg-dark,color-mix(in oklch, var(--zui-fg-dark,oklch(12.9%_0.042_264.695_/_0.7)) 60%, transparent))] backdrop-blur-sm";
+var zuiDrawerTriggerBase = "relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5";
+var zuiDrawerTriggerAppearances = {
+  default: "bg-[var(--zui-drawer-trigger-default-bg,var(--zui-surface-muted,oklch(12.9%_0.042_264.695)))] dark:bg-[var(--zui-drawer-trigger-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]",
+  glass: "border-[color:var(--zui-drawer-trigger-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-drawer-trigger-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-drawer-trigger-glass-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-drawer-trigger-glass-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-drawer-trigger-glass-fg-dark,var(--zui-fg-dark,#ffffff))]",
+  sky: "border-[color:var(--zui-drawer-trigger-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-drawer-trigger-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-drawer-trigger-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sky-fg,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:text-[color:var(--zui-drawer-trigger-sky-fg-dark,var(--zui-color-sky-dark,#ffffff))]",
+  rose: "border-[color:var(--zui-drawer-trigger-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-drawer-trigger-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-drawer-trigger-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-rose-fg,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:text-[color:var(--zui-drawer-trigger-rose-fg-dark,var(--zui-color-rose-dark,#ffffff))]",
+  purple: "border-[color:var(--zui-drawer-trigger-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-trigger-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-drawer-trigger-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-purple-fg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:text-[color:var(--zui-drawer-trigger-purple-fg-dark,var(--zui-color-purple-dark,#ffffff))]",
+  pink: "border-[color:var(--zui-drawer-trigger-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-trigger-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-drawer-trigger-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-pink-fg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:text-[color:var(--zui-drawer-trigger-pink-fg-dark,var(--zui-color-pink-dark,#ffffff))]",
+  orange: "border-[color:var(--zui-drawer-trigger-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-trigger-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-drawer-trigger-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-orange-fg,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:text-[color:var(--zui-drawer-trigger-orange-fg-dark,var(--zui-color-orange-dark,#ffffff))]",
+  yellow: "border-[color:var(--zui-drawer-trigger-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-trigger-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-drawer-trigger-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-yellow-fg,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:text-[color:var(--zui-drawer-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,#ffffff))]",
+  teal: "border-[color:var(--zui-drawer-trigger-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-trigger-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-drawer-trigger-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-teal-fg,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:text-[color:var(--zui-drawer-trigger-teal-fg-dark,var(--zui-color-teal-dark,#ffffff))]",
+  indigo: "border-[color:var(--zui-drawer-trigger-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-trigger-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-drawer-trigger-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-indigo-fg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:text-[color:var(--zui-drawer-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,#ffffff))]",
+  emerald: "border-[color:var(--zui-drawer-trigger-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-drawer-trigger-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-drawer-trigger-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-emerald-fg,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:text-[color:var(--zui-drawer-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,#ffffff))]",
+  gray: "border-[color:var(--zui-drawer-trigger-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-drawer-trigger-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-drawer-trigger-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gray-fg,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:text-[color:var(--zui-drawer-trigger-gray-fg-dark,var(--zui-color-gray-dark,#ffffff))]",
+  amber: "border-[color:var(--zui-drawer-trigger-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-drawer-trigger-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-drawer-trigger-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-amber-fg,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:text-[color:var(--zui-drawer-trigger-amber-fg-dark,var(--zui-color-amber-dark,#ffffff))]",
+  violet: "border-[color:var(--zui-drawer-trigger-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-drawer-trigger-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-drawer-trigger-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-violet-fg,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:text-[color:var(--zui-drawer-trigger-violet-fg-dark,var(--zui-color-violet-dark,#ffffff))]",
+  "gradient-blue": "border-[color:var(--zui-drawer-trigger-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-drawer-trigger-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-drawer-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-blue-fg,var(--zui-brand-fg,oklch(42.4%_0.199_265.638)))] dark:text-[color:var(--zui-drawer-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-green": "border-[color:var(--zui-drawer-trigger-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-drawer-trigger-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-drawer-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-drawer-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-green-fg,var(--zui-brand-fg,oklch(44.8%_0.119_151.328)))] dark:text-[color:var(--zui-drawer-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-red": "border-[color:var(--zui-drawer-trigger-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-drawer-trigger-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-drawer-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-red-fg,var(--zui-brand-fg,oklch(44.4%_0.177_26.899)))] dark:text-[color:var(--zui-drawer-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-yellow": "border-[color:var(--zui-drawer-trigger-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-trigger-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-drawer-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-drawer-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-yellow-fg,var(--zui-brand-fg,oklch(47.6%_0.114_61.907)))] dark:text-[color:var(--zui-drawer-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-purple": "border-[color:var(--zui-drawer-trigger-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-trigger-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-drawer-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-purple-fg,var(--zui-brand-fg,oklch(43.8%_0.218_303.724)))] dark:text-[color:var(--zui-drawer-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-teal": "border-[color:var(--zui-drawer-trigger-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-trigger-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-drawer-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-drawer-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-teal-fg,var(--zui-brand-fg,oklch(43.7%_0.078_188.216)))] dark:text-[color:var(--zui-drawer-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-indigo": "border-[color:var(--zui-drawer-trigger-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,var(--zui-brand-fg,oklch(39.8%_0.195_277.366)))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-pink": "border-[color:var(--zui-drawer-trigger-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,var(--zui-brand-fg,oklch(45.9%_0.187_3.815)))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-orange": "border-[color:var(--zui-drawer-trigger-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,var(--zui-brand-fg,oklch(47%_0.157_37.304)))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  blue: "border border-[color:var(--zui-drawer-trigger-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-drawer-trigger-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-drawer-trigger-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-drawer-trigger-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] hover:bg-[var(--zui-drawer-trigger-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f62e) 18%, transparent))]",
+  cyan: "border border-[color:var(--zui-drawer-trigger-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-drawer-trigger-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-drawer-trigger-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-drawer-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:bg-[var(--zui-drawer-trigger-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b218) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee2e) 18%, transparent))]",
+  green: "border border-[color:var(--zui-drawer-trigger-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-drawer-trigger-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-drawer-trigger-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-drawer-trigger-green-fg-dark,var(--zui-color-green-dark,#22c55e))] hover:bg-[var(--zui-drawer-trigger-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e2e) 18%, transparent))]",
+  lime: "border border-[color:var(--zui-drawer-trigger-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-drawer-trigger-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-drawer-trigger-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-drawer-trigger-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] hover:bg-[var(--zui-drawer-trigger-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e6352e) 18%, transparent))]",
+  mint: "border border-[color:var(--zui-drawer-trigger-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-drawer-trigger-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-drawer-trigger-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-drawer-trigger-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:bg-[var(--zui-drawer-trigger-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b98118) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b72e) 18%, transparent))]",
+  ocean: "border border-[color:var(--zui-drawer-trigger-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-drawer-trigger-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-drawer-trigger-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-drawer-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:bg-[var(--zui-drawer-trigger-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c718) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf82e) 18%, transparent))]",
+  sapphire: "border border-[color:var(--zui-drawer-trigger-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-drawer-trigger-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-drawer-trigger-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-drawer-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:bg-[var(--zui-drawer-trigger-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed818) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa2e) 18%, transparent))]",
+  lavender: "border border-[color:var(--zui-drawer-trigger-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-drawer-trigger-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-drawer-trigger-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-drawer-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:bg-[var(--zui-drawer-trigger-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf618) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa2e) 18%, transparent))]",
+  ruby: "border border-[color:var(--zui-drawer-trigger-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-drawer-trigger-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-drawer-trigger-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-drawer-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] hover:bg-[var(--zui-drawer-trigger-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb71852e) 18%, transparent))]",
+  red: "border border-[color:var(--zui-drawer-trigger-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-drawer-trigger-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-drawer-trigger-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-drawer-trigger-red-fg-dark,var(--zui-color-red-dark,#ef4444))] hover:bg-[var(--zui-drawer-trigger-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc262618) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef44442e) 18%, transparent))]",
+  slate: "border border-[color:var(--zui-drawer-trigger-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-drawer-trigger-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-drawer-trigger-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-drawer-trigger-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] hover:bg-[var(--zui-drawer-trigger-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#47556918) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b2e) 18%, transparent))]",
+  zinc: "border border-[color:var(--zui-drawer-trigger-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-drawer-trigger-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-drawer-trigger-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-drawer-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] hover:bg-[var(--zui-drawer-trigger-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a2e) 18%, transparent))]",
+  stone: "border border-[color:var(--zui-drawer-trigger-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-drawer-trigger-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-drawer-trigger-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-drawer-trigger-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] hover:bg-[var(--zui-drawer-trigger-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c2e) 18%, transparent))]",
+  royal: "border border-[color:var(--zui-drawer-trigger-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-drawer-trigger-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-drawer-trigger-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-drawer-trigger-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] hover:bg-[var(--zui-drawer-trigger-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf82e) 18%, transparent))]",
+  electric: "border border-[color:var(--zui-drawer-trigger-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-drawer-trigger-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-drawer-trigger-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-drawer-trigger-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] hover:bg-[var(--zui-drawer-trigger-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e918) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf82e) 18%, transparent))]",
+  forest: "border border-[color:var(--zui-drawer-trigger-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-drawer-trigger-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-drawer-trigger-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-drawer-trigger-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] hover:bg-[var(--zui-drawer-trigger-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#16653418) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade802e) 18%, transparent))]",
+  sunset: "border border-[color:var(--zui-drawer-trigger-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-drawer-trigger-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-drawer-trigger-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-drawer-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] hover:bg-[var(--zui-drawer-trigger-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c2e) 18%, transparent))]",
+  magenta: "border border-[color:var(--zui-drawer-trigger-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-drawer-trigger-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-drawer-trigger-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-drawer-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] hover:bg-[var(--zui-drawer-trigger-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d318) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f92e) 18%, transparent))]",
+  crimson: "border border-[color:var(--zui-drawer-trigger-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-drawer-trigger-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-drawer-trigger-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-drawer-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] hover:bg-[var(--zui-drawer-trigger-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f871712e) 18%, transparent))]",
+  aqua: "border border-[color:var(--zui-drawer-trigger-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-drawer-trigger-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-drawer-trigger-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-drawer-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:bg-[var(--zui-drawer-trigger-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf2e) 18%, transparent))]",
+  plum: "border border-[color:var(--zui-drawer-trigger-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-drawer-trigger-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-drawer-trigger-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-drawer-trigger-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] hover:bg-[var(--zui-drawer-trigger-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc2e) 18%, transparent))]"
+};
+var zuiDrawerContentBase = "fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-drawer-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-drawer-content-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-drawer-content-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] p-6 text-[color:var(--zui-drawer-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-drawer-content-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-drawer-content-shadow,var(--zui-shadow,0_12px_40px_rgba(15,23,42,0.14)))] dark:shadow-[var(--zui-drawer-content-shadow-dark,var(--zui-shadow-dark,0_24px_80px_rgba(15,23,42,0.55)))] focus:outline-none";
+var zuiDrawerContentSides = {
+  left: "left-0 top-0 h-full w-[min(100%,420px)]",
+  right: "right-0 top-0 h-full w-[min(100%,420px)]",
+  top: "left-0 top-0 w-full max-h-[min(92vh,520px)]",
+  bottom: "bottom-0 left-0 w-full max-h-[min(92vh,520px)]"
+};
+var zuiDrawerContentSizes = {
+  sm: "",
+  md: "",
+  lg: "",
+  xl: "",
+  full: ""
+};
+var zuiDrawerContentAppearances = {
+  default: "bg-[var(--zui-drawer-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-drawer-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-drawer-content-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-drawer-content-default-fg-dark,var(--zui-fg-dark,#ffffff))]",
+  glass: "border-[color:var(--zui-drawer-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-drawer-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-drawer-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-drawer-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl",
+  sky: "border-[color:var(--zui-drawer-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-drawer-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-drawer-content-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  rose: "border-[color:var(--zui-drawer-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-drawer-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-drawer-content-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  purple: "border-[color:var(--zui-drawer-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-drawer-content-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  pink: "border-[color:var(--zui-drawer-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-drawer-content-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  orange: "border-[color:var(--zui-drawer-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-drawer-content-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  yellow: "border-[color:var(--zui-drawer-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-drawer-content-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  teal: "border-[color:var(--zui-drawer-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-drawer-content-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  indigo: "border-[color:var(--zui-drawer-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-drawer-content-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  emerald: "border-[color:var(--zui-drawer-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-drawer-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-drawer-content-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  gray: "border-[color:var(--zui-drawer-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-drawer-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-drawer-content-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  amber: "border-[color:var(--zui-drawer-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-drawer-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-drawer-content-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  violet: "border-[color:var(--zui-drawer-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-drawer-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-drawer-content-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089_/_0.7)) 18%, transparent))] backdrop-blur-xl",
+  "gradient-blue": "border-[color:var(--zui-drawer-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-drawer-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-drawer-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-drawer-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl",
+  "gradient-green": "border-[color:var(--zui-drawer-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-drawer-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-drawer-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-drawer-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-drawer-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl",
+  "gradient-red": "border-[color:var(--zui-drawer-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-drawer-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-drawer-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-drawer-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl",
+  "gradient-yellow": "border-[color:var(--zui-drawer-content-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-drawer-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-drawer-content-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-drawer-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl",
+  "gradient-purple": "border-[color:var(--zui-drawer-content-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-drawer-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-drawer-content-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl",
+  "gradient-teal": "border-[color:var(--zui-drawer-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-drawer-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-drawer-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-drawer-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl",
+  "gradient-indigo": "border-[color:var(--zui-drawer-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-drawer-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl",
+  "gradient-pink": "border-[color:var(--zui-drawer-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-drawer-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl",
+  "gradient-orange": "border-[color:var(--zui-drawer-content-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-drawer-content-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl",
+  blue: "border border-[color:var(--zui-drawer-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-drawer-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-drawer-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-drawer-content-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-drawer-content-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))] backdrop-blur-xl",
+  cyan: "border border-[color:var(--zui-drawer-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-drawer-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-drawer-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-drawer-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-drawer-content-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-drawer-content-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))] backdrop-blur-xl",
+  green: "border border-[color:var(--zui-drawer-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-drawer-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-drawer-content-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-drawer-content-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-drawer-content-green-fg-dark,var(--zui-color-green-dark,#f8fafc))] backdrop-blur-xl",
+  lime: "border border-[color:var(--zui-drawer-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-drawer-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-drawer-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-drawer-content-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-drawer-content-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))] backdrop-blur-xl",
+  mint: "border border-[color:var(--zui-drawer-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-drawer-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-drawer-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-drawer-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-drawer-content-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-drawer-content-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))] backdrop-blur-xl",
+  ocean: "border border-[color:var(--zui-drawer-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-drawer-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-drawer-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-drawer-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-drawer-content-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-drawer-content-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))] backdrop-blur-xl",
+  sapphire: "border border-[color:var(--zui-drawer-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-drawer-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-drawer-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-drawer-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-drawer-content-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-drawer-content-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))] backdrop-blur-xl",
+  lavender: "border border-[color:var(--zui-drawer-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-drawer-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-drawer-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-drawer-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-drawer-content-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-drawer-content-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))] backdrop-blur-xl",
+  ruby: "border border-[color:var(--zui-drawer-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-drawer-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-drawer-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-drawer-content-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-drawer-content-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))] backdrop-blur-xl",
+  red: "border border-[color:var(--zui-drawer-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-drawer-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-drawer-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-drawer-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-drawer-content-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-drawer-content-red-fg-dark,var(--zui-color-red-dark,#f8fafc))] backdrop-blur-xl",
+  slate: "border border-[color:var(--zui-drawer-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-drawer-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-drawer-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-drawer-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-drawer-content-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-drawer-content-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))] backdrop-blur-xl",
+  zinc: "border border-[color:var(--zui-drawer-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-drawer-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-drawer-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-drawer-content-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-drawer-content-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))] backdrop-blur-xl",
+  stone: "border border-[color:var(--zui-drawer-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-drawer-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-drawer-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-drawer-content-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-drawer-content-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))] backdrop-blur-xl",
+  royal: "border border-[color:var(--zui-drawer-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-drawer-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-drawer-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-drawer-content-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-drawer-content-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))] backdrop-blur-xl",
+  electric: "border border-[color:var(--zui-drawer-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-drawer-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-drawer-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-drawer-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-drawer-content-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-drawer-content-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))] backdrop-blur-xl",
+  forest: "border border-[color:var(--zui-drawer-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-drawer-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-drawer-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-drawer-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-drawer-content-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-drawer-content-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))] backdrop-blur-xl",
+  sunset: "border border-[color:var(--zui-drawer-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-drawer-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-drawer-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-drawer-content-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-drawer-content-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))] backdrop-blur-xl",
+  magenta: "border border-[color:var(--zui-drawer-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-drawer-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-drawer-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-drawer-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-drawer-content-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-drawer-content-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))] backdrop-blur-xl",
+  crimson: "border border-[color:var(--zui-drawer-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-drawer-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-drawer-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-drawer-content-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-drawer-content-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))] backdrop-blur-xl",
+  aqua: "border border-[color:var(--zui-drawer-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-drawer-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-drawer-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-drawer-content-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-drawer-content-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))] backdrop-blur-xl",
+  plum: "border border-[color:var(--zui-drawer-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-drawer-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-drawer-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-drawer-content-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-drawer-content-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))] backdrop-blur-xl"
+};
+
+export { zuiDrawerContentAppearances, zuiDrawerContentBase, zuiDrawerContentSides, zuiDrawerContentSizes, zuiDrawerOverlayBase, zuiDrawerTriggerAppearances, zuiDrawerTriggerBase };
+//# sourceMappingURL=chunk-SCWQSQBJ.mjs.map
+//# sourceMappingURL=chunk-SCWQSQBJ.mjs.map

package/dist/chunk-SCWQSQBJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/drawer.ts"],"names":[],"mappings":";AAAO,IAAM,oBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EACE,4MAAA;AAAA,EACF,KAAA,EACE,okBAAA;AAAA,EACF,GAAA,EAAK,yqBAAA;AAAA,EACL,IAAA,EAAM,qrBAAA;AAAA,EACN,MAAA,EACE,ktBAAA;AAAA,EACF,IAAA,EAAM,krBAAA;AAAA,EACN,MAAA,EACE,usBAAA;AAAA,EACF,MAAA,EACE,8sBAAA;AAAA,EACF,IAAA,EAAM,urBAAA;AAAA,EACN,MAAA,EACE,itBAAA;AAAA,EACF,OAAA,EACE,8tBAAA;AAAA,EACF,IAAA,EAAM,urBAAA;AAAA,EACN,KAAA,EACE,isBAAA;AAAA,EACF,MAAA,EACE,ktBAAA;AAAA,EACF,eAAA,EACE,g5BAAA;AAAA,EACF,gBAAA,EACE,05BAAA;AAAA,EACF,cAAA,EACE,03BAAA;AAAA,EACF,iBAAA,EACE,k6BAAA;AAAA,EACF,iBAAA,EACE,o6BAAA;AAAA,EACF,eAAA,EACE,24BAAA;AAAA,EACF,iBAAA,EACE,y6BAAA;AAAA,EACF,eAAA,EACE,o4BAAA;AAAA,EACF,iBAAA,EACE,s5BAAA;AAAA,EACF,IAAA,EAAM,i2BAAA;AAAA,EACN,IAAA,EAAM,i2BAAA;AAAA,EACN,KAAA,EACE,i3BAAA;AAAA,EACF,IAAA,EAAM,i2BAAA;AAAA,EACN,IAAA,EAAM,i2BAAA;AAAA,EACN,KAAA,EACE,i3BAAA;AAAA,EACF,QAAA,EACE,i6BAAA;AAAA,EACF,QAAA,EACE,i6BAAA;AAAA,EACF,IAAA,EAAM,i2BAAA;AAAA,EACN,GAAA,EAAK,i1BAAA;AAAA,EACL,KAAA,EACE,i3BAAA;AAAA,EACF,IAAA,EAAM,i2BAAA;AAAA,EACN,KAAA,EACE,i3BAAA;AAAA,EACF,KAAA,EACE,i3BAAA;AAAA,EACF,QAAA,EACE,i6BAAA;AAAA,EACF,MAAA,EACE,i4BAAA;AAAA,EACF,MAAA,EACE,i4BAAA;AAAA,EACF,OAAA,EACE,i5BAAA;AAAA,EACF,OAAA,EACE,i5BAAA;AAAA,EACF,IAAA,EAAM,i2BAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,oBAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,IAAA,EAAM,yCAAA;AAAA,EACN,KAAA,EAAO,0CAAA;AAAA,EACP,GAAA,EAAK,6CAAA;AAAA,EACL,MAAA,EAAQ;AACV;AAEO,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,IAAA,EAAM;AACR;AAEO,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EACE,8XAAA;AAAA,EACF,KAAA,EACE,wZAAA;AAAA,EACF,GAAA,EAAK,mfAAA;AAAA,EACL,IAAA,EAAM,0fAAA;AAAA,EACN,MAAA,EACE,8gBAAA;AAAA,EACF,IAAA,EAAM,wfAAA;AAAA,EACN,MAAA,EACE,sgBAAA;AAAA,EACF,MAAA,EACE,2gBAAA;AAAA,EACF,IAAA,EAAM,2fAAA;AAAA,EACN,MAAA,EACE,6gBAAA;AAAA,EACF,OAAA,EACE,shBAAA;AAAA,EACF,IAAA,EAAM,2fAAA;AAAA,EACN,KAAA,EACE,kgBAAA;AAAA,EACF,MAAA,EACE,8gBAAA;AAAA,EACF,eAAA,EACE,ssBAAA;AAAA,EACF,gBAAA,EACE,8sBAAA;AAAA,EACF,cAAA,EACE,mrBAAA;AAAA,EACF,iBAAA,EACE,qtBAAA;AAAA,EACF,iBAAA,EACE,stBAAA;AAAA,EACF,eAAA,EACE,isBAAA;AAAA,EACF,iBAAA,EACE,2tBAAA;AAAA,EACF,eAAA,EACE,4rBAAA;AAAA,EACF,iBAAA,EACE,2sBAAA;AAAA,EACF,IAAA,EAAM,gmBAAA;AAAA,EACN,IAAA,EAAM,gmBAAA;AAAA,EACN,KAAA,EACE,4mBAAA;AAAA,EACF,IAAA,EAAM,gmBAAA;AAAA,EACN,IAAA,EAAM,gmBAAA;AAAA,EACN,KAAA,EACE,4mBAAA;AAAA,EACF,QAAA,EACE,gpBAAA;AAAA,EACF,QAAA,EACE,gpBAAA;AAAA,EACF,IAAA,EAAM,gmBAAA;AAAA,EACN,GAAA,EAAK,olBAAA;AAAA,EACL,KAAA,EACE,4mBAAA;AAAA,EACF,IAAA,EAAM,gmBAAA;AAAA,EACN,KAAA,EACE,4mBAAA;AAAA,EACF,KAAA,EACE,4mBAAA;AAAA,EACF,QAAA,EACE,gpBAAA;AAAA,EACF,MAAA,EACE,wnBAAA;AAAA,EACF,MAAA,EACE,wnBAAA;AAAA,EACF,OAAA,EACE,ooBAAA;AAAA,EACF,OAAA,EACE,ooBAAA;AAAA,EACF,IAAA,EAAM,gmBAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-SCWQSQBJ.mjs","sourcesContent":["export const zuiDrawerOverlayBase =\n  \"fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,color-mix(in oklch, var(--zui-fg,oklch(98.4%_0.003_247.858_/_0.7)) 60%, transparent))] dark:bg-[var(--zui-drawer-overlay-bg-dark,color-mix(in oklch, var(--zui-fg-dark,oklch(12.9%_0.042_264.695_/_0.7)) 60%, transparent))] backdrop-blur-sm\";\n\nexport const zuiDrawerTriggerBase =\n  \"relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5\";\n\nexport const zuiDrawerTriggerAppearances = {\n  default:\n    \"bg-[var(--zui-drawer-trigger-default-bg,var(--zui-surface-muted,oklch(12.9%_0.042_264.695)))] dark:bg-[var(--zui-drawer-trigger-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]\",\n  glass:\n    \"border-[color:var(--zui-drawer-trigger-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-drawer-trigger-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-drawer-trigger-glass-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-drawer-trigger-glass-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-drawer-trigger-glass-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n  sky: \"border-[color:var(--zui-drawer-trigger-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-drawer-trigger-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-drawer-trigger-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sky-fg,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:text-[color:var(--zui-drawer-trigger-sky-fg-dark,var(--zui-color-sky-dark,#ffffff))]\",\n  rose: \"border-[color:var(--zui-drawer-trigger-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-drawer-trigger-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-drawer-trigger-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-rose-fg,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:text-[color:var(--zui-drawer-trigger-rose-fg-dark,var(--zui-color-rose-dark,#ffffff))]\",\n  purple:\n    \"border-[color:var(--zui-drawer-trigger-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-trigger-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-drawer-trigger-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-purple-fg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:text-[color:var(--zui-drawer-trigger-purple-fg-dark,var(--zui-color-purple-dark,#ffffff))]\",\n  pink: \"border-[color:var(--zui-drawer-trigger-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-trigger-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-drawer-trigger-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-pink-fg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:text-[color:var(--zui-drawer-trigger-pink-fg-dark,var(--zui-color-pink-dark,#ffffff))]\",\n  orange:\n    \"border-[color:var(--zui-drawer-trigger-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-trigger-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-drawer-trigger-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-orange-fg,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:text-[color:var(--zui-drawer-trigger-orange-fg-dark,var(--zui-color-orange-dark,#ffffff))]\",\n  yellow:\n    \"border-[color:var(--zui-drawer-trigger-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-trigger-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-drawer-trigger-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-yellow-fg,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:text-[color:var(--zui-drawer-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,#ffffff))]\",\n  teal: \"border-[color:var(--zui-drawer-trigger-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-trigger-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-drawer-trigger-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-teal-fg,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:text-[color:var(--zui-drawer-trigger-teal-fg-dark,var(--zui-color-teal-dark,#ffffff))]\",\n  indigo:\n    \"border-[color:var(--zui-drawer-trigger-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-trigger-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-drawer-trigger-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-indigo-fg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:text-[color:var(--zui-drawer-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,#ffffff))]\",\n  emerald:\n    \"border-[color:var(--zui-drawer-trigger-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-drawer-trigger-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-drawer-trigger-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-emerald-fg,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:text-[color:var(--zui-drawer-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,#ffffff))]\",\n  gray: \"border-[color:var(--zui-drawer-trigger-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-drawer-trigger-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-drawer-trigger-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gray-fg,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:text-[color:var(--zui-drawer-trigger-gray-fg-dark,var(--zui-color-gray-dark,#ffffff))]\",\n  amber:\n    \"border-[color:var(--zui-drawer-trigger-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-drawer-trigger-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-drawer-trigger-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-amber-fg,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:text-[color:var(--zui-drawer-trigger-amber-fg-dark,var(--zui-color-amber-dark,#ffffff))]\",\n  violet:\n    \"border-[color:var(--zui-drawer-trigger-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-drawer-trigger-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-drawer-trigger-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089_/_0.7)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-violet-fg,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:text-[color:var(--zui-drawer-trigger-violet-fg-dark,var(--zui-color-violet-dark,#ffffff))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-drawer-trigger-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-drawer-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-blue-fg,var(--zui-brand-fg,oklch(42.4%_0.199_265.638)))] dark:text-[color:var(--zui-drawer-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-drawer-trigger-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-drawer-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-drawer-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-green-fg,var(--zui-brand-fg,oklch(44.8%_0.119_151.328)))] dark:text-[color:var(--zui-drawer-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-drawer-trigger-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-drawer-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-red-fg,var(--zui-brand-fg,oklch(44.4%_0.177_26.899)))] dark:text-[color:var(--zui-drawer-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-trigger-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-drawer-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-drawer-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-yellow-fg,var(--zui-brand-fg,oklch(47.6%_0.114_61.907)))] dark:text-[color:var(--zui-drawer-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-trigger-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-drawer-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-purple-fg,var(--zui-brand-fg,oklch(43.8%_0.218_303.724)))] dark:text-[color:var(--zui-drawer-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-trigger-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-drawer-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-drawer-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-teal-fg,var(--zui-brand-fg,oklch(43.7%_0.078_188.216)))] dark:text-[color:var(--zui-drawer-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,var(--zui-brand-fg,oklch(39.8%_0.195_277.366)))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,var(--zui-brand-fg,oklch(45.9%_0.187_3.815)))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-drawer-trigger-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,var(--zui-brand-fg,oklch(47%_0.157_37.304)))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  blue: \"border border-[color:var(--zui-drawer-trigger-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-drawer-trigger-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-drawer-trigger-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-drawer-trigger-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] hover:bg-[var(--zui-drawer-trigger-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f62e) 18%, transparent))]\",\n  cyan: \"border border-[color:var(--zui-drawer-trigger-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-drawer-trigger-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-drawer-trigger-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-drawer-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:bg-[var(--zui-drawer-trigger-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b218) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee2e) 18%, transparent))]\",\n  green:\n    \"border border-[color:var(--zui-drawer-trigger-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-drawer-trigger-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-drawer-trigger-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-drawer-trigger-green-fg-dark,var(--zui-color-green-dark,#22c55e))] hover:bg-[var(--zui-drawer-trigger-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e2e) 18%, transparent))]\",\n  lime: \"border border-[color:var(--zui-drawer-trigger-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-drawer-trigger-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-drawer-trigger-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-drawer-trigger-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] hover:bg-[var(--zui-drawer-trigger-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e6352e) 18%, transparent))]\",\n  mint: \"border border-[color:var(--zui-drawer-trigger-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-drawer-trigger-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-drawer-trigger-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-drawer-trigger-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:bg-[var(--zui-drawer-trigger-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b98118) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b72e) 18%, transparent))]\",\n  ocean:\n    \"border border-[color:var(--zui-drawer-trigger-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-drawer-trigger-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-drawer-trigger-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-drawer-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:bg-[var(--zui-drawer-trigger-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c718) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf82e) 18%, transparent))]\",\n  sapphire:\n    \"border border-[color:var(--zui-drawer-trigger-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-drawer-trigger-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-drawer-trigger-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-drawer-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:bg-[var(--zui-drawer-trigger-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed818) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa2e) 18%, transparent))]\",\n  lavender:\n    \"border border-[color:var(--zui-drawer-trigger-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-drawer-trigger-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-drawer-trigger-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-drawer-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:bg-[var(--zui-drawer-trigger-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf618) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa2e) 18%, transparent))]\",\n  ruby: \"border border-[color:var(--zui-drawer-trigger-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-drawer-trigger-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-drawer-trigger-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-drawer-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] hover:bg-[var(--zui-drawer-trigger-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb71852e) 18%, transparent))]\",\n  red: \"border border-[color:var(--zui-drawer-trigger-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-drawer-trigger-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-drawer-trigger-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-drawer-trigger-red-fg-dark,var(--zui-color-red-dark,#ef4444))] hover:bg-[var(--zui-drawer-trigger-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc262618) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef44442e) 18%, transparent))]\",\n  slate:\n    \"border border-[color:var(--zui-drawer-trigger-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-drawer-trigger-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-drawer-trigger-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-drawer-trigger-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] hover:bg-[var(--zui-drawer-trigger-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#47556918) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b2e) 18%, transparent))]\",\n  zinc: \"border border-[color:var(--zui-drawer-trigger-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-drawer-trigger-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-drawer-trigger-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-drawer-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] hover:bg-[var(--zui-drawer-trigger-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a2e) 18%, transparent))]\",\n  stone:\n    \"border border-[color:var(--zui-drawer-trigger-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-drawer-trigger-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-drawer-trigger-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-drawer-trigger-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] hover:bg-[var(--zui-drawer-trigger-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c2e) 18%, transparent))]\",\n  royal:\n    \"border border-[color:var(--zui-drawer-trigger-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-drawer-trigger-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-drawer-trigger-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-drawer-trigger-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] hover:bg-[var(--zui-drawer-trigger-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf82e) 18%, transparent))]\",\n  electric:\n    \"border border-[color:var(--zui-drawer-trigger-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-drawer-trigger-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-drawer-trigger-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-drawer-trigger-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] hover:bg-[var(--zui-drawer-trigger-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e918) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf82e) 18%, transparent))]\",\n  forest:\n    \"border border-[color:var(--zui-drawer-trigger-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-drawer-trigger-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-drawer-trigger-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-drawer-trigger-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] hover:bg-[var(--zui-drawer-trigger-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#16653418) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade802e) 18%, transparent))]\",\n  sunset:\n    \"border border-[color:var(--zui-drawer-trigger-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-drawer-trigger-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-drawer-trigger-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-drawer-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] hover:bg-[var(--zui-drawer-trigger-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c2e) 18%, transparent))]\",\n  magenta:\n    \"border border-[color:var(--zui-drawer-trigger-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-drawer-trigger-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-drawer-trigger-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-drawer-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] hover:bg-[var(--zui-drawer-trigger-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d318) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f92e) 18%, transparent))]\",\n  crimson:\n    \"border border-[color:var(--zui-drawer-trigger-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-drawer-trigger-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-drawer-trigger-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-drawer-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] hover:bg-[var(--zui-drawer-trigger-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f871712e) 18%, transparent))]\",\n  aqua: \"border border-[color:var(--zui-drawer-trigger-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-drawer-trigger-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-drawer-trigger-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-drawer-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:bg-[var(--zui-drawer-trigger-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf2e) 18%, transparent))]\",\n  plum: \"border border-[color:var(--zui-drawer-trigger-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-drawer-trigger-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-drawer-trigger-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-drawer-trigger-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-drawer-trigger-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] hover:bg-[var(--zui-drawer-trigger-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce18) 10%, transparent))] dark:hover:bg-[var(--zui-drawer-trigger-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc2e) 18%, transparent))]\",\n} as const;\n\nexport const zuiDrawerContentBase =\n  \"fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-drawer-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-drawer-content-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-drawer-content-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] p-6 text-[color:var(--zui-drawer-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-drawer-content-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-drawer-content-shadow,var(--zui-shadow,0_12px_40px_rgba(15,23,42,0.14)))] dark:shadow-[var(--zui-drawer-content-shadow-dark,var(--zui-shadow-dark,0_24px_80px_rgba(15,23,42,0.55)))] focus:outline-none\";\n\nexport const zuiDrawerContentSides = {\n  left: \"left-0 top-0 h-full w-[min(100%,420px)]\",\n  right: \"right-0 top-0 h-full w-[min(100%,420px)]\",\n  top: \"left-0 top-0 w-full max-h-[min(92vh,520px)]\",\n  bottom: \"bottom-0 left-0 w-full max-h-[min(92vh,520px)]\",\n} as const;\n\nexport const zuiDrawerContentSizes = {\n  sm: \"\",\n  md: \"\",\n  lg: \"\",\n  xl: \"\",\n  full: \"\",\n} as const;\n\nexport const zuiDrawerContentAppearances = {\n  default:\n    \"bg-[var(--zui-drawer-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-drawer-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-drawer-content-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-drawer-content-default-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n  glass:\n    \"border-[color:var(--zui-drawer-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-drawer-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-drawer-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-drawer-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl\",\n  sky: \"border-[color:var(--zui-drawer-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-drawer-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-drawer-content-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  rose: \"border-[color:var(--zui-drawer-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-drawer-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-drawer-content-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  purple:\n    \"border-[color:var(--zui-drawer-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-drawer-content-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  pink: \"border-[color:var(--zui-drawer-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-drawer-content-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  orange:\n    \"border-[color:var(--zui-drawer-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-drawer-content-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  yellow:\n    \"border-[color:var(--zui-drawer-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-drawer-content-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  teal: \"border-[color:var(--zui-drawer-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-drawer-content-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  indigo:\n    \"border-[color:var(--zui-drawer-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-drawer-content-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  emerald:\n    \"border-[color:var(--zui-drawer-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-drawer-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-drawer-content-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  gray: \"border-[color:var(--zui-drawer-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-drawer-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-drawer-content-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  amber:\n    \"border-[color:var(--zui-drawer-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-drawer-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-drawer-content-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  violet:\n    \"border-[color:var(--zui-drawer-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-drawer-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-drawer-content-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-drawer-content-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089_/_0.7)) 18%, transparent))] backdrop-blur-xl\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-drawer-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-drawer-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-drawer-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-drawer-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-drawer-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-drawer-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-drawer-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-drawer-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-drawer-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-drawer-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-drawer-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-drawer-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-drawer-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-drawer-content-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-drawer-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-drawer-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-drawer-content-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-drawer-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-drawer-content-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-drawer-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-drawer-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-drawer-content-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-drawer-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-drawer-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-drawer-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-drawer-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-drawer-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-drawer-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-drawer-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-drawer-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-drawer-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-drawer-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-drawer-content-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-drawer-content-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl\",\n  blue: \"border border-[color:var(--zui-drawer-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-drawer-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-drawer-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-drawer-content-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-drawer-content-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-drawer-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-drawer-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-drawer-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-drawer-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-drawer-content-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-drawer-content-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))] backdrop-blur-xl\",\n  green:\n    \"border border-[color:var(--zui-drawer-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-drawer-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-drawer-content-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-drawer-content-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-drawer-content-green-fg-dark,var(--zui-color-green-dark,#f8fafc))] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-drawer-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-drawer-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-drawer-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-drawer-content-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-drawer-content-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-drawer-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-drawer-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-drawer-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-drawer-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-drawer-content-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-drawer-content-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-drawer-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-drawer-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-drawer-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-drawer-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-drawer-content-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-drawer-content-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-drawer-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-drawer-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-drawer-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-drawer-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-drawer-content-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-drawer-content-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-drawer-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-drawer-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-drawer-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-drawer-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-drawer-content-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-drawer-content-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-drawer-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-drawer-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-drawer-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-drawer-content-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-drawer-content-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-drawer-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-drawer-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-drawer-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-drawer-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-drawer-content-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-drawer-content-red-fg-dark,var(--zui-color-red-dark,#f8fafc))] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-drawer-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-drawer-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-drawer-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-drawer-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-drawer-content-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-drawer-content-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-drawer-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-drawer-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-drawer-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-drawer-content-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-drawer-content-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-drawer-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-drawer-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-drawer-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-drawer-content-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-drawer-content-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-drawer-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-drawer-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-drawer-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-drawer-content-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-drawer-content-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-drawer-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-drawer-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-drawer-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-drawer-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-drawer-content-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-drawer-content-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-drawer-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-drawer-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-drawer-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-drawer-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-drawer-content-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-drawer-content-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-drawer-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-drawer-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-drawer-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-drawer-content-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-drawer-content-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-drawer-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-drawer-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-drawer-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-drawer-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-drawer-content-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-drawer-content-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-drawer-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-drawer-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-drawer-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-drawer-content-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-drawer-content-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-drawer-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-drawer-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-drawer-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-drawer-content-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-drawer-content-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-drawer-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-drawer-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-drawer-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-drawer-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-drawer-content-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-drawer-content-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))] backdrop-blur-xl\",\n} as const;\n"]}