@rinzai/zen 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/packages/badge/index.d.ts +1 -1
  2. package/dist/packages/badge/index.d.ts.map +1 -1
  3. package/dist/packages/collapse/index.d.ts.map +1 -1
  4. package/dist/packages/dropdown/index.d.ts.map +1 -1
  5. package/dist/packages/popover/index.d.ts.map +1 -1
  6. package/dist/packages/textarea/index.d.ts +1 -1
  7. package/dist/packages/textarea/index.d.ts.map +1 -1
  8. package/dist/packages/toggle/index.d.ts +1 -1
  9. package/dist/packages/toggle/index.d.ts.map +1 -1
  10. package/dist/zen.css +1 -1
  11. package/dist/zen.js +106 -78
  12. package/package.json +1 -2
package/dist/packages/badge/index.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const badgeVariants: (props?: ({
13
13
  class?: never;
14
14
  className?: never;
15
15
  })) | undefined) => string;
16
- export interface BadgeProps extends Omit<ComponentProps<'div'>, 'tag'>, VariantProps<typeof badgeVariants> {
16
+ export interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
17
17
  }
18
18
  export {};
19
19
  //# sourceMappingURL=index.d.ts.map
package/dist/packages/badge/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAExE;AACD,QAAA,MAAM,aAAa;;;;;;;;;;;0BAelB,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAExE;AACD,QAAA,MAAM,aAAa;;;;;;;;;;;0BAelB,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}
package/dist/packages/collapse/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/collapse/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,2CAmGlE;AACD,MAAM,WAAW,aAAa,CAAC,KAAK;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/collapse/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,2CAwGlE;AACD,MAAM,WAAW,aAAa,CAAC,KAAK;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}
package/dist/packages/dropdown/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAe,cAAc,EAAoC,MAAM,OAAO,CAAC;AAEtF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC5B,KAAK,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,GACzC,CAAC,oBAAoB,GAAG,sBAAsB,CAAC,GAC/C,aAAa,GACb,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,2CAoFhD;AAoGD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AACD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,IAAI,CAAC;CAClB;AACD,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AACD,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AACD,MAAM,WAAW,sBAAsB;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AACD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAe,cAAc,EAA6B,MAAM,OAAO,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC5B,KAAK,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,GACzC,CAAC,oBAAoB,GAAG,sBAAsB,CAAC,GAC/C,aAAa,GACb,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,2CAuFhD;AA+GD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AACD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,IAAI,CAAC;CAClB;AACD,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AACD,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AACD,MAAM,WAAW,sBAAsB;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AACD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf,CAAC"}
package/dist/packages/popover/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/popover/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAwC,MAAM,OAAO,CAAC;AAE7E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,2CA8GlD;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACxE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAEhC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5F,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AACrD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,OAAO,GACP,aAAa,GACb,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/popover/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA2C,MAAM,OAAO,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,2CA8HlD;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACxE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5F,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AACrD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,OAAO,GACP,aAAa,GACb,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,CAAC"}
package/dist/packages/textarea/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ComponentProps } from 'react';
2
- export default function Input(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
2
+ export default function Textarea(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
3
3
  export type TextAreaProps = ComponentProps<'textarea'>;
4
4
  //# sourceMappingURL=index.d.ts.map
package/dist/packages/textarea/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,aAAa,2CAejD;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAepD;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC"}
package/dist/packages/toggle/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentProps } from 'react';
2
2
  export interface ToggleProps extends Omit<ComponentProps<'input'>, 'onChange'> {
3
- onChange?: (e: boolean) => void;
3
+ onChange?: (checked: boolean) => void;
4
4
  }
5
5
  export default function Toggle(props: ToggleProps): import("react/jsx-runtime").JSX.Element;
6
6
  //# sourceMappingURL=index.d.ts.map
package/dist/packages/toggle/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/toggle/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAsBhD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/toggle/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAS,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CA2ChD"}
package/dist/zen.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-leading:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring));--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground))}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}h1{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (width>=64rem){h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}h2{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h2:first-child{margin-top:calc(var(--spacing) * 0)}h3{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h4{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h5{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h6{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}p{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}p:not(:first-child){margin-top:calc(var(--spacing) * 6)}blockquote{margin-top:calc(var(--spacing) * 6);border-left-style:var(--tw-border-style);padding-left:calc(var(--spacing) * 6);border-left-width:2px;font-style:italic}code,pre{background-color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted-foreground);border-radius:.25rem;padding-block:.2rem;padding-inline:.3rem;position:relative}label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}label:is(:where(.peer):disabled~*){cursor:not-allowed;opacity:.7}.zen__popover{position-try-options:flip-block, flip-inline, flip-block flip-inline;position-visibility:anchors-visible}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.left-0{left:calc(var(--spacing) * 0)}.left-3{left:calc(var(--spacing) * 3)}.z-50{z-index:50}.z-auto{z-index:auto}.col-4{grid-column:4}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.list-item{display:list-item}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-24{height:calc(var(--spacing) * 24)}.h-30{height:calc(var(--spacing) * 30)}.h-48{height:calc(var(--spacing) * 48)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.max-h-60{max-height:calc(var(--spacing) * 60)}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[500px\]{width:500px}.w-\[anchor-size\(width\)\]{width:anchor-size(width)}.w-full{width:100%}.max-w-\[calc\(100\%-30px\)\]{max-width:calc(100% - 30px)}.max-w-fit{max-width:fit-content}.min-w-fit{min-width:fit-content}.min-w-max{min-width:max-content}.min-w-min{min-width:min-content}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-flow-row{grid-auto-flow:row}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.divide-y-2>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(2px * var(--tw-divide-y-reverse));border-bottom-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.\[justify-self\:anchor-center\]{justify-self:anchor-center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--color-background)}.bg-destructive{background-color:var(--color-destructive)}.bg-input{background-color:var(--color-input)}.bg-input\!{background-color:var(--color-input)!important}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/90{background-color:color-mix(in srgb, hsl(var(--primary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/90{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted{color:var(--color-muted)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-secondary{--tw-shadow-color:hsl(var(--secondary))}@supports (color:color-mix(in lab, red, red)){.shadow-secondary{--tw-shadow-color:color-mix(in oklab, var(--color-secondary) var(--tw-shadow-alpha), transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[position-area\:block-end_center\]{position-area:block-end center}@media (hover:hover){.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\:text-muted:is(:where(.group):hover *){color:var(--color-muted)}}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.read-only\:cursor-pointer:read-only{cursor:pointer}.read-only\:border-none\!:read-only{--tw-border-style:none!important;border-style:none!important}.read-only\:bg-transparent:read-only{background-color:#0000}.read-only\:text-foreground:read-only{color:var(--color-foreground)}.read-only\:shadow-none\!:read-only{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.read-only\:outline-hidden\!:read-only{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.read-only\:outline-hidden\!:read-only{outline-offset:2px!important;outline:2px solid #0000!important}}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/70:hover{background-color:color-mix(in srgb, hsl(var(--destructive)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/70:hover{background-color:color-mix(in oklab, var(--color-destructive) 70%, transparent)}}.hover\:bg-muted-foreground:hover{background-color:var(--color-muted-foreground)}.hover\:bg-primary\/60:hover{background-color:color-mix(in srgb, hsl(var(--primary)) 60%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/60:hover{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.hover\:bg-primary\/70:hover{background-color:color-mix(in srgb, hsl(var(--primary)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/70:hover{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.hover\:bg-secondary\/70:hover{background-color:color-mix(in srgb, hsl(var(--secondary)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-primary-foreground:hover{color:var(--color-primary-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-primary:focus-visible{border-color:var(--color-primary)}.focus-visible\:shadow-xs:focus-visible{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:shadow-ring:focus-visible{--tw-shadow-color:hsl(var(--ring))}@supports (color:color-mix(in lab, red, red)){.focus-visible\:shadow-ring:focus-visible{--tw-shadow-color:color-mix(in oklab, var(--color-ring) var(--tw-shadow-alpha), transparent)}}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:border-primary:active{border-color:var(--color-primary)}.active\:bg-accent:active{background-color:var(--color-accent)}.active\:bg-destructive:active{background-color:var(--color-destructive)}.active\:bg-primary\/90:active{background-color:color-mix(in srgb, hsl(var(--primary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-primary\/90:active{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.active\:bg-secondary\/90:active{background-color:color-mix(in srgb, hsl(var(--secondary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-secondary\/90:active{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}}.active\:underline:active{text-decoration-line:underline}.active\:shadow-ring:active{--tw-shadow-color:hsl(var(--ring))}@supports (color:color-mix(in lab, red, red)){.active\:shadow-ring:active{--tw-shadow-color:color-mix(in oklab, var(--color-ring) var(--tw-shadow-alpha), transparent)}}.active\:outline-hidden:active{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.active\:outline-hidden:active{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{background-color:var(--color-muted)}.disabled\:text-muted:disabled{color:var(--color-muted)}.disabled\:opacity-50:disabled{opacity:.5}.dark\:bg-primary-foreground:is(.dark *){background-color:var(--color-primary-foreground)}.dark\:text-foreground:is(.dark *){color:var(--color-foreground)}@media (hover:hover){.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--color-foreground)}}.\[\[type\=\"checkbox\"\]\]\:h-4[type=checkbox]{height:calc(var(--spacing) * 4)}.\[\[type\=\"checkbox\"\]\]\:w-4[type=checkbox]{width:calc(var(--spacing) * 4)}.\[\[type\=\"checkbox\"\]\]\:rounded-sm[type=checkbox]{border-radius:var(--radius-sm)}.\[\[type\=\"checkbox\"\]\]\:accent-primary[type=checkbox]{accent-color:var(--color-primary)}.\[\[type\=\"radio\"\]\]\:h-4[type=radio]{height:calc(var(--spacing) * 4)}.\[\[type\=\"radio\"\]\]\:w-4[type=radio]{width:calc(var(--spacing) * 4)}.\[\[type\=\"radio\"\]\]\:accent-primary[type=radio]{accent-color:var(--color-primary)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-leading:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring));--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground))}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}h1{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (width>=64rem){h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}h2{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h2:first-child{margin-top:calc(var(--spacing) * 0)}h3{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h4{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h5{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}h6{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}p{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}p:not(:first-child){margin-top:calc(var(--spacing) * 6)}blockquote{margin-top:calc(var(--spacing) * 6);border-left-style:var(--tw-border-style);padding-left:calc(var(--spacing) * 6);border-left-width:2px;font-style:italic}code,pre{background-color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted-foreground);border-radius:.25rem;padding-block:.2rem;padding-inline:.3rem;position:relative}label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}label:is(:where(.peer):disabled~*){cursor:not-allowed;opacity:.7}@supports (position-area:block-end){.zen__popover{position-try-options:flip-block, flip-inline, flip-block flip-inline;position-visibility:anchors-visible}}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.col-4{grid-column:4}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.list-item{display:list-item}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.max-h-60{max-height:calc(var(--spacing) * 60)}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[500px\]{width:500px}.w-\[anchor-size\(width\)\]{width:anchor-size(width)}.w-full{width:100%}.max-w-\[calc\(100\%-30px\)\]{max-width:calc(100% - 30px)}.max-w-fit{max-width:fit-content}.min-w-fit{min-width:fit-content}.min-w-max{min-width:max-content}.min-w-min{min-width:min-content}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.grid-flow-row{grid-auto-flow:row}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.\[justify-self\:anchor-center\]{justify-self:anchor-center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--color-background)}.bg-destructive{background-color:var(--color-destructive)}.bg-input{background-color:var(--color-input)}.bg-input\!{background-color:var(--color-input)!important}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/90{background-color:color-mix(in srgb, hsl(var(--primary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/90{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[position-area\:block-end_center\]{position-area:block-end center}@media (hover:hover){.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\:text-muted:is(:where(.group):hover *){color:var(--color-muted)}}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.read-only\:cursor-default:read-only{cursor:default}.read-only\:border-none\!:read-only{--tw-border-style:none!important;border-style:none!important}.read-only\:bg-transparent:read-only{background-color:#0000}.read-only\:text-foreground:read-only{color:var(--color-foreground)}.read-only\:shadow-none\!:read-only{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.read-only\:outline-hidden\!:read-only{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.read-only\:outline-hidden\!:read-only{outline-offset:2px!important;outline:2px solid #0000!important}}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/70:hover{background-color:color-mix(in srgb, hsl(var(--destructive)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/70:hover{background-color:color-mix(in oklab, var(--color-destructive) 70%, transparent)}}.hover\:bg-muted-foreground:hover{background-color:var(--color-muted-foreground)}.hover\:bg-primary\/60:hover{background-color:color-mix(in srgb, hsl(var(--primary)) 60%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/60:hover{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.hover\:bg-primary\/70:hover{background-color:color-mix(in srgb, hsl(var(--primary)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/70:hover{background-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.hover\:bg-secondary\/70:hover{background-color:color-mix(in srgb, hsl(var(--secondary)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-primary-foreground:hover{color:var(--color-primary-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-primary:focus-visible{border-color:var(--color-primary)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in srgb, hsl(var(--ring)) 30%, transparent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring) 30%, transparent)}}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:bg-accent:active{background-color:var(--color-accent)}.active\:bg-accent\/80:active{background-color:color-mix(in srgb, hsl(var(--accent)) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-accent\/80:active{background-color:color-mix(in oklab, var(--color-accent) 80%, transparent)}}.active\:bg-destructive\/90:active{background-color:color-mix(in srgb, hsl(var(--destructive)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-destructive\/90:active{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.active\:bg-primary\/90:active{background-color:color-mix(in srgb, hsl(var(--primary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-primary\/90:active{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.active\:bg-secondary\/90:active{background-color:color-mix(in srgb, hsl(var(--secondary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-secondary\/90:active{background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent)}}.active\:text-accent-foreground:active{color:var(--color-accent-foreground)}.active\:underline:active{text-decoration-line:underline}.active\:opacity-75:active{opacity:.75}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{background-color:var(--color-muted)}.disabled\:text-muted-foreground:disabled{color:var(--color-muted-foreground)}.disabled\:opacity-50:disabled{opacity:.5}.dark\:bg-muted:is(.dark *,[data-theme=dark] *){background-color:var(--color-muted)}.dark\:text-foreground:is(.dark *,[data-theme=dark] *){color:var(--color-foreground)}@media (hover:hover){.dark\:hover\:text-foreground:is(.dark *,[data-theme=dark] *):hover{color:var(--color-foreground)}}.\[\[type\=\"checkbox\"\]\]\:h-4[type=checkbox]{height:calc(var(--spacing) * 4)}.\[\[type\=\"checkbox\"\]\]\:w-4[type=checkbox]{width:calc(var(--spacing) * 4)}.\[\[type\=\"checkbox\"\]\]\:rounded-sm[type=checkbox]{border-radius:var(--radius-sm)}.\[\[type\=\"checkbox\"\]\]\:accent-primary[type=checkbox]{accent-color:var(--color-primary)}.\[\[type\=\"radio\"\]\]\:h-4[type=radio]{height:calc(var(--spacing) * 4)}.\[\[type\=\"radio\"\]\]\:w-4[type=radio]{width:calc(var(--spacing) * 4)}.\[\[type\=\"radio\"\]\]\:accent-primary[type=radio]{accent-color:var(--color-primary)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
3
3
  /*$vite$:1*/
package/dist/zen.js CHANGED
@@ -34,12 +34,12 @@ function p({ variant: e, className: t, ...n }) {
34
34
  })
35
35
  });
36
36
  }
37
- var m = f("zen__badge inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap", {
37
+ var m = f("zen__badge inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", {
38
38
  variants: { variant: {
39
39
  default: "border-transparent bg-primary text-primary-foreground shadow-sm",
40
- secondary: "border-transparent bg-secondary text-secondary-foreground",
40
+ secondary: "border-transparent bg-secondary text-secondary-foreground shadow-sm",
41
41
  destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm",
42
- outline: "text-foreground"
42
+ outline: "border-border text-foreground"
43
43
  } },
44
44
  defaultVariants: { variant: "default" }
45
45
  });
@@ -59,18 +59,18 @@ var g = f("zen__button inline-flex items-center justify-center whitespace-nowrap
59
59
  variants: {
60
60
  variant: {
61
61
  default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/70 active:bg-primary/90",
62
- destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/70 active:bg-destructive",
63
- outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground active:bg-accent",
64
- secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/70 active:bg-secondary/90",
65
- ghost: "hover:bg-accent hover:text-accent-foreground active:bg-accent",
66
- link: "text-primary underline-offset-4 hover:underline active:underline",
67
- icon: ""
62
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/70 active:bg-destructive/90",
63
+ outline: "border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground active:bg-accent active:text-accent-foreground",
64
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/70 active:bg-secondary/90",
65
+ ghost: "text-foreground hover:bg-accent hover:text-accent-foreground active:bg-accent active:text-accent-foreground",
66
+ link: "text-primary underline-offset-4 hover:underline active:underline active:opacity-75",
67
+ icon: "text-foreground hover:bg-accent hover:text-accent-foreground active:bg-accent/80"
68
68
  },
69
69
  size: {
70
70
  default: "h-9 px-4 py-2",
71
- sm: "h-8 rounded-md px-3 text-xs",
72
- lg: "h-10 rounded-md px-8",
73
- icon: ""
71
+ sm: "h-8 px-3 text-xs",
72
+ lg: "h-10 px-8",
73
+ icon: "p-0"
74
74
  }
75
75
  },
76
76
  defaultVariants: {
@@ -81,50 +81,57 @@ var g = f("zen__button inline-flex items-center justify-center whitespace-nowrap
81
81
  //#endregion
82
82
  //#region packages/popover/index.tsx
83
83
  function _(e) {
84
- let { className: n, content: r, children: a, role: o = "tooltip", triggerType: l = "auto", trigger: d = "click", gap: f = "5px", show: p, setShow: m, style: h, ...g } = e, _ = crypto.randomUUID(), v = i(null);
84
+ let { className: n, content: r, children: o, role: l = "tooltip", triggerType: d = "auto", trigger: f = "click", gap: p = "5px", show: m, setShow: h, style: g, ..._ } = e, v = i(null);
85
+ v.current === null && (v.current = crypto.randomUUID());
86
+ let y = v.current, [b, x] = a(!1), S = i(null);
85
87
  return t(() => {
86
- let t = v.current;
88
+ let t = S.current;
87
89
  if (!t) return;
88
- let n = () => e.onOpen?.(), r = () => e.onClose?.();
90
+ let n = () => {
91
+ x(!0), e.onOpen?.();
92
+ }, r = () => {
93
+ x(!1), e.onClose?.();
94
+ };
89
95
  return t.addEventListener("popover:open", n), t.addEventListener("popover:close", r), () => {
90
96
  t.removeEventListener("popover:open", n), t.removeEventListener("popover:close", r);
91
97
  };
92
98
  }, [e.onOpen, e.onClose]), t(() => {
93
- l === "manual" && (p ? v.current?.showPopover?.() : v.current?.hidePopover?.());
94
- }, [p, l]), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
95
- className: "z-auto max-w-fit min-w-fit",
96
- style: { "anchor-name": `--zen-popover-anchor-${_}` },
97
- popoverTarget: `zen__popover-${_}`,
99
+ d === "manual" && (m ? S.current?.showPopover?.() : S.current?.hidePopover?.());
100
+ }, [m, d]), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
101
+ "aria-expanded": b,
102
+ className: "max-w-fit min-w-fit",
103
+ style: { "anchor-name": `--zen-popover-anchor-${y}` },
104
+ popoverTarget: `zen__popover-${y}`,
98
105
  popoverTargetAction: "toggle",
99
- onClick: d === "click" ? (e) => {
100
- switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), l) {
106
+ onClick: f === "click" ? (e) => {
107
+ switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), d) {
101
108
  case "auto":
102
- v.current?.togglePopover?.();
109
+ S.current?.togglePopover?.();
103
110
  break;
104
111
  case "manual":
105
- m?.(!p);
112
+ h?.(!m);
106
113
  break;
107
114
  }
108
115
  } : void 0,
109
- onMouseEnter: d === "hover" ? (e) => {
110
- e.stopPropagation(), v.current?.showPopover?.();
116
+ onMouseEnter: f === "hover" ? (e) => {
117
+ e.stopPropagation(), S.current?.showPopover?.();
111
118
  } : void 0,
112
- onMouseLeave: d === "hover" ? (e) => {
113
- e.stopPropagation(), v.current?.hidePopover?.();
119
+ onMouseLeave: f === "hover" ? (e) => {
120
+ e.stopPropagation(), S.current?.hidePopover?.();
114
121
  } : void 0,
115
- children: a
122
+ children: o
116
123
  }), /* @__PURE__ */ s("div", {
117
- ...g,
118
- ref: v,
119
- role: "tooltip",
120
- popover: l,
121
- id: `zen__popover-${_}`,
122
- className: u("zen__popover border-border bg-background shadow-secondary fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] rounded border [position-area:block-end_center]", n),
124
+ ..._,
125
+ ref: S,
126
+ role: l,
127
+ popover: d,
128
+ id: `zen__popover-${y}`,
129
+ className: u("zen__popover border-border bg-background fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] rounded border shadow-md [position-area:block-end_center]", n),
123
130
  style: {
124
- ...h,
125
- "--gap": f,
131
+ ...g,
132
+ "--gap": p,
126
133
  top: "calc(anchor(bottom) + var(--gap))",
127
- "position-anchor": `--zen-popover-anchor-${_}`
134
+ "position-anchor": `--zen-popover-anchor-${y}`
128
135
  },
129
136
  children: r
130
137
  })] });
@@ -167,7 +174,8 @@ function v(e) {
167
174
  children: /* @__PURE__ */ s(p, {
168
175
  className: g,
169
176
  variant: h,
170
- children: /* @__PURE__ */ s("p", { children: `+${v.hidden.length} ${l}` })
177
+ "aria-label": `Show ${v.hidden.length} more ${l}`,
178
+ children: /* @__PURE__ */ s("span", { children: `+${v.hidden.length} ${l}` })
171
179
  }, "more_items_button")
172
180
  })] });
173
181
  }
@@ -742,51 +750,56 @@ function B(e) {
742
750
  //#endregion
743
751
  //#region packages/dropdown/index.tsx
744
752
  function V(e) {
745
- let { items: t, selected: r, className: o, onChange: l, disabled: d, placeholder: f = "Select an Item", multiple: m, mutable: g, onAdd: y } = e, b = i(null), [x, S] = a(!1);
746
- return i(null), n(), /* @__PURE__ */ s(_, {
753
+ let { items: t, selected: n, className: r, onChange: o, disabled: l, placeholder: d = "Select an Item", multiple: f, mutable: m, onAdd: g } = e, y = i(null), [b, x] = a(!1);
754
+ return /* @__PURE__ */ s(_, {
747
755
  content: /* @__PURE__ */ s(H, {
748
- ...g ? {
749
- mutable: g,
750
- onAdd: y
751
- } : { mutable: g },
752
756
  ...m ? {
753
- multiple: m,
757
+ mutable: m,
758
+ onAdd: g
759
+ } : { mutable: m },
760
+ ...f ? {
761
+ multiple: f,
754
762
  items: t,
755
- onChange: l,
756
- selected: r
763
+ onChange: o,
764
+ selected: n
757
765
  } : {
758
766
  items: t,
759
- onChange: l,
760
- selected: r
767
+ onChange: o,
768
+ selected: n
761
769
  }
762
770
  }),
771
+ onOpen: () => x(!0),
772
+ onClose: () => x(!1),
763
773
  children: /* @__PURE__ */ c("div", {
764
- className: u("border-input bg-background inline-flex h-10 w-56 grow items-center justify-between rounded border-2 p-2 transition", d ? "bg-muted text-muted cursor-not-allowed" : "cursor-pointer", x && "border-primary", o),
774
+ role: "combobox",
775
+ "aria-expanded": b,
776
+ "aria-haspopup": "listbox",
777
+ className: u("border-input bg-background inline-flex h-10 w-56 grow items-center justify-between rounded border-2 p-2 transition", l ? "bg-muted text-muted-foreground cursor-not-allowed" : "cursor-pointer", b && "border-primary", r),
765
778
  children: [/* @__PURE__ */ s("div", {
766
- className: u("flex max-w-[calc(100%-30px)] flex-none grow items-center gap-1 text-sm", d ? "text-muted-foreground" : "text-foreground"),
767
- ref: b,
768
- children: m ? /* @__PURE__ */ s(v, {
769
- items: r.map((e) => e.text),
770
- data: r,
771
- parentRef: b,
779
+ className: u("flex max-w-[calc(100%-30px)] flex-none grow items-center gap-1 text-sm", l ? "text-muted-foreground" : "text-foreground"),
780
+ ref: y,
781
+ children: f ? /* @__PURE__ */ s(v, {
782
+ items: n.map((e) => e.text),
783
+ data: n,
784
+ parentRef: y,
772
785
  estimator: (e, t) => t + 40,
773
786
  badgeVariant: "secondary",
774
- badgeStyles: "bg-input! h-6 min-w-min gap-2 bg-input!",
775
- children: (e, t, n) => /* @__PURE__ */ c(p, {
787
+ badgeStyles: "bg-input! h-6 min-w-min gap-2",
788
+ children: (e, t, r) => /* @__PURE__ */ c(p, {
776
789
  className: "bg-input! flex h-6 min-w-min gap-2 pr-1",
777
790
  variant: "secondary",
778
791
  children: [e, /* @__PURE__ */ s(h, {
779
792
  onClick: () => {
780
- l(r.filter((e) => e.key !== n?.key));
793
+ o(n.filter((e) => e.key !== r?.key));
781
794
  },
782
795
  variant: "icon",
783
796
  size: "icon",
784
797
  className: "group bg-muted hover:bg-muted-foreground p-0.5",
785
798
  children: /* @__PURE__ */ s(B, { className: "group-hover:text-muted size-3 transition duration-300 group-hover:rotate-90" })
786
799
  })]
787
- }, `collapsed_item_${n?.key ?? t}`)
788
- }) : r.text ?? f
789
- }), /* @__PURE__ */ s(R, { className: u("bg-input size-4 rounded-full p-0.5 transition duration-300 ease-in-out", x ? "rotate-180" : "rotate-0", d ? "text-muted-foreground" : "text-foreground") })]
800
+ }, `collapsed_item_${r?.key ?? t}`)
801
+ }) : n.text ?? d
802
+ }), /* @__PURE__ */ s(R, { className: u("bg-input size-4 rounded-full p-0.5 transition duration-300 ease-in-out", b ? "rotate-180" : "rotate-0", l ? "text-muted-foreground" : "text-foreground") })]
790
803
  })
791
804
  });
792
805
  }
@@ -797,16 +810,17 @@ function H(e) {
797
810
  estimateSize: () => 35
798
811
  }), v = o instanceof Array ? o.map((e) => e.key) : [o.key];
799
812
  return /* @__PURE__ */ c("div", {
800
- className: "divide-border border-input bg-background w-full flex-col divide-y-2 overflow-hidden rounded border",
813
+ className: "divide-border border-input bg-background flex w-full flex-col divide-y overflow-hidden rounded border",
801
814
  children: [/* @__PURE__ */ c("div", {
802
815
  className: u("flex grow items-center rounded px-3 py-2"),
803
- children: [/* @__PURE__ */ s(z, { className: "text-muted-foreground top-3 left-3 mr-2 size-4" }), /* @__PURE__ */ s("input", {
816
+ children: [/* @__PURE__ */ s(z, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ s("input", {
804
817
  className: "text-foreground inline-flex grow bg-transparent text-sm outline-hidden",
805
818
  placeholder: "Search",
806
819
  value: p,
807
820
  onChange: (e) => m(e.target.value)
808
821
  })]
809
822
  }), /* @__PURE__ */ c("ul", {
823
+ role: "listbox",
810
824
  className: u("max-h-60 grow overflow-auto shadow-sm", "focus:ring-0 focus:outline-hidden"),
811
825
  ref: h,
812
826
  children: [/* @__PURE__ */ s("div", {
@@ -816,6 +830,8 @@ function H(e) {
816
830
  position: "relative"
817
831
  },
818
832
  children: _.getVirtualItems().map((e) => /* @__PURE__ */ s("li", {
833
+ role: "option",
834
+ "aria-selected": v.includes(g[e.index].key),
819
835
  style: {
820
836
  height: `${e.size}px`,
821
837
  transform: `translateY(${e.start}px)`
@@ -827,7 +843,9 @@ function H(e) {
827
843
  children: g[e.index].text
828
844
  }, e.key))
829
845
  }), p.length > 0 && g.length === 0 && (d ? /* @__PURE__ */ c("li", {
830
- className: u("text-foreground px-3 py-2 text-sm"),
846
+ role: "option",
847
+ "aria-selected": !1,
848
+ className: u("text-foreground cursor-pointer px-3 py-2 text-sm"),
831
849
  onClick: () => {
832
850
  f({
833
851
  text: p,
@@ -836,6 +854,8 @@ function H(e) {
836
854
  },
837
855
  children: ["Add ", p]
838
856
  }) : /* @__PURE__ */ s("li", {
857
+ role: "option",
858
+ "aria-selected": !1,
839
859
  className: u("text-foreground cursor-not-allowed px-3 py-2 text-sm"),
840
860
  children: "No results found"
841
861
  }))]
@@ -865,7 +885,7 @@ function U(e) {
865
885
  function W(e) {
866
886
  let { className: t, ...n } = e;
867
887
  return /* @__PURE__ */ s("input", {
868
- className: u("border-input bg-background text-foreground h-10 w-full rounded border-2 px-3 py-2 text-sm transition", "focus-visible:border-primary focus-visible:shadow-ring focus-visible:outline-hidden", "active:border-primary active:shadow-ring active:outline-hidden", "read-only:text-foreground read-only:cursor-pointer read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "disabled:bg-muted disabled:text-muted disabled:cursor-not-allowed", "file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
888
+ className: u("border-input bg-background text-foreground h-10 w-full rounded border-2 px-3 py-2 text-sm transition", "placeholder:text-muted-foreground", "focus-visible:border-primary focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-hidden", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed", "file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
869
889
  ...n
870
890
  });
871
891
  }
@@ -874,25 +894,33 @@ function W(e) {
874
894
  function G(e) {
875
895
  let { className: t, ...n } = e;
876
896
  return /* @__PURE__ */ s("textarea", {
877
- className: u("border-input bg-background text-foreground h-30 w-full rounded border-2 px-3 py-2 text-sm transition", "focus-visible:border-primary focus-visible:shadow-ring focus-visible:shadow-xs focus-visible:outline-hidden", "read-only:text-foreground read-only:cursor-pointer read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "disabled:bg-muted disabled:text-muted disabled:cursor-not-allowed", "file:border-0 file:bg-transparent file:text-sm file:font-medium", t),
897
+ className: u("border-input bg-background text-foreground h-32 w-full resize-y rounded border-2 px-3 py-2 text-sm transition", "placeholder:text-muted-foreground", "focus-visible:border-primary focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-hidden", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed", t),
878
898
  ...n
879
899
  });
880
900
  }
881
901
  //#endregion
882
902
  //#region packages/toggle/index.tsx
883
903
  function K(e) {
884
- let { className: t, checked: n, onChange: r, defaultChecked: i, ...a } = e;
904
+ let { className: t, checked: r, onChange: i, defaultChecked: a, id: o, ...l } = e, d = n(), f = o ?? d;
885
905
  return /* @__PURE__ */ c("div", {
886
- className: u("rounded-full", "h-5 w-10", "border-primary dark:bg-primary-foreground bg-secondary border", "flex items-center", t),
887
- onClick: () => r?.(!n),
906
+ role: "switch",
907
+ "aria-checked": r ?? a ?? !1,
908
+ tabIndex: 0,
909
+ className: u("relative inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full", "border-primary bg-secondary dark:bg-muted border", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", "transition-colors duration-300 ease-in-out", t),
910
+ onClick: () => i?.(!r),
911
+ onKeyDown: (e) => {
912
+ (e.key === " " || e.key === "Enter") && (e.preventDefault(), i?.(!r));
913
+ },
888
914
  children: [/* @__PURE__ */ s("input", {
889
- type: "hidden",
890
- ...a,
891
- readOnly: !0,
892
- className: "peer/toggle",
893
- defaultChecked: i,
894
- checked: n
895
- }), /* @__PURE__ */ s("div", { className: u("[animation-timing-function:cubic-bezier(1, 0, 0, 1)] bg-primary size-4 rounded-full transition-all duration-250", n ? "translate-x-5" : "translate-x-0.5") })]
915
+ type: "checkbox",
916
+ id: f,
917
+ className: "sr-only",
918
+ checked: r,
919
+ defaultChecked: a,
920
+ onChange: (e) => i?.(e.target.checked),
921
+ tabIndex: -1,
922
+ ...l
923
+ }), /* @__PURE__ */ s("span", { className: u("bg-primary size-4 rounded-full transition-all duration-300 ease-in-out", r ? "translate-x-5" : "translate-x-0.5") })]
896
924
  });
897
925
  }
898
926
  //#endregion
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rinzai/zen",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "type": "module",
5
5
  "types": "./dist/index.d.ts",
6
6
  "module": "./dist/zen.js",
@@ -19,7 +19,6 @@
19
19
  }
20
20
  },
21
21
  "dependencies": {
22
- "@floating-ui/react-dom": "^2.1.8",
23
22
  "@tanstack/react-virtual": "^3.13.24",
24
23
  "react": "^19.2.5",
25
24
  "react-dom": "^19.2.5"