@evinvest/uikit 0.25.0 → 0.27.0

package/dist/components/table.js

@@ -5,14 +5,18 @@ import {
   TABLE,
   TABLE_BODY,
   TABLE_CAPTION,
+  TABLE_CARD,
   TABLE_CELL,
   TABLE_CONTAINER,
   TABLE_FOOTER,
   TABLE_HEAD,
   TABLE_HEADER,
-  TABLE_ROW
+  TABLE_ROW,
+  tableAligns,
+  tableDensities,
+  tableVariants
 } from "../generated/table.js";
-function Table({ className, ...props }) {
+function Table({ variant = "default", density = "default", className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -22,13 +26,25 @@ function Table({ className, ...props }) {
         "table",
         {
           "data-slot": "table",
-          className: cn(TABLE, className),
+          "data-variant": variant,
+          "data-density": density,
+          className: cn(TABLE, tableVariants[variant], tableDensities[density], className),
           ...props
         }
       )
     }
   );
 }
+function TableCard({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-card",
+      className: cn(TABLE_CARD, className),
+      ...props
+    }
+  );
+}
 function TableHeader({
   className,
   ...props
@@ -78,22 +94,22 @@ function TableRow({ className, ...props }) {
     }
   );
 }
-function TableHead({ className, ...props }) {
+function TableHead({ align, className, ...props }) {
   return /* @__PURE__ */ jsx(
     "th",
     {
       "data-slot": "table-head",
-      className: cn(TABLE_HEAD, className),
+      className: cn(TABLE_HEAD, align && tableAligns[align], className),
       ...props
     }
   );
 }
-function TableCell({ className, ...props }) {
+function TableCell({ align, className, ...props }) {
   return /* @__PURE__ */ jsx(
     "td",
     {
       "data-slot": "table-cell",
-      className: cn(TABLE_CELL, className),
+      className: cn(TABLE_CELL, align && tableAligns[align], className),
       ...props
     }
   );
@@ -115,6 +131,7 @@ export {
   Table,
   TableBody,
   TableCaption,
+  TableCard,
   TableCell,
   TableFooter,
   TableHead,

package/dist/components/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  TABLE,\n  TABLE_BODY,\n  TABLE_CAPTION,\n  TABLE_CELL,\n  TABLE_CONTAINER,\n  TABLE_FOOTER,\n  TABLE_HEAD,\n  TABLE_HEADER,\n  TABLE_ROW,\n} from \"../generated/table\";\n\nexport function Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={TABLE_CONTAINER}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(TABLE, className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport function TableHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(TABLE_HEADER, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableBody({\n  className,\n  ...props\n}: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(TABLE_BODY, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(TABLE_FOOTER, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(TABLE_ROW, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(TABLE_HEAD, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(TABLE_CELL, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(TABLE_CAPTION, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AAoBM;AApBN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,OAAO,SAAS;AAAA,UAC7B,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,WAAW,SAAS;AAAA,MACjC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,SAAS;AAAA,MACrC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  TABLE,\n  TABLE_BODY,\n  TABLE_CAPTION,\n  TABLE_CARD,\n  TABLE_CELL,\n  TABLE_CONTAINER,\n  TABLE_FOOTER,\n  TABLE_HEAD,\n  TABLE_HEADER,\n  TABLE_ROW,\n  tableAligns,\n  tableDensities,\n  tableVariants,\n  type TableAlign,\n  type TableDensity,\n  type TableVariant,\n} from \"../generated/table\";\n\nexport type { TableAlign, TableDensity, TableVariant };\n\nexport interface TableProps extends React.ComponentProps<\"table\"> {\n  variant?: TableVariant;\n  density?: TableDensity;\n}\n\n// `variant` and `density` only set inherited `--table-*` properties that the\n// heads and cells read — no context, so `Table` stays a Server Component and a\n// cell's own `className` still beats the table's geometry.\nexport function Table({ variant = \"default\", density = \"default\", className, ...props }: TableProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={TABLE_CONTAINER}\n    >\n      <table\n        data-slot=\"table\"\n        data-variant={variant}\n        data-density={density}\n        className={cn(TABLE, tableVariants[variant], tableDensities[density], className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** The surface a `variant=\"card\"` table sits in, edge to edge. */\nexport function TableCard({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"table-card\"\n      className={cn(TABLE_CARD, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(TABLE_HEADER, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableBody({\n  className,\n  ...props\n}: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(TABLE_BODY, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(TABLE_FOOTER, className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(TABLE_ROW, className)}\n      {...props}\n    />\n  );\n}\n\n// The HTML `align` attribute is obsolete; the prop takes its name for the\n// logical start/end the Rust port uses.\nexport interface TableHeadProps extends Omit<React.ComponentProps<\"th\">, \"align\"> {\n  align?: TableAlign;\n}\n\nexport function TableHead({ align, className, ...props }: TableHeadProps) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(TABLE_HEAD, align && tableAligns[align], className)}\n      {...props}\n    />\n  );\n}\n\nexport interface TableCellProps extends Omit<React.ComponentProps<\"td\">, \"align\"> {\n  align?: TableAlign;\n}\n\nexport function TableCell({ align, className, ...props }: TableCellProps) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(TABLE_CELL, align && tableAligns[align], className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(TABLE_CAPTION, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AAqCM;AArCN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAYA,SAAS,MAAM,EAAE,UAAU,WAAW,UAAU,WAAW,WAAW,GAAG,MAAM,GAAe;AACnG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,gBAAc;AAAA,UACd,gBAAc;AAAA,UACd,WAAW,GAAG,OAAO,cAAc,OAAO,GAAG,eAAe,OAAO,GAAG,SAAS;AAAA,UAC9E,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAGO,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,WAAW,SAAS;AAAA,MACjC,GAAG;AAAA;AAAA,EACN;AAEJ;AAQO,SAAS,UAAU,EAAE,OAAO,WAAW,GAAG,MAAM,GAAmB;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS,YAAY,KAAK,GAAG,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AAMO,SAAS,UAAU,EAAE,OAAO,WAAW,GAAG,MAAM,GAAmB;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS,YAAY,KAAK,GAAG,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,SAAS;AAAA,MACrC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/toggle-group.js

@@ -86,7 +86,7 @@ function ToggleGroupItem({
         toggleVariants({ variant: resolvedVariant, size: resolvedSize }),
         // `flex-auto`, not shadcn's `flex-1`: the group is `w-fit`, and basis-0 items
         // make Chrome split it into equal columns, so a longer label overflows its cell.
-        "min-w-0 flex-auto shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        "min-w-0 flex-auto shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:-ml-px data-[variant=outline]:first:ml-0 data-[state=on]:z-10",
         className
       ),
       onClick: (e) => {

package/dist/components/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  toggleVariants,\n  type ToggleVariant,\n  type ToggleSize,\n} from \"./toggle\";\n\ntype ToggleGroupContextValue = {\n  variant: ToggleVariant;\n  size: ToggleSize;\n  value: string[];\n  toggle: (itemValue: string) => void;\n};\n\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({\n  variant: \"bare\",\n  size: \"md\",\n  value: [],\n  toggle: () => {},\n});\n\nexport interface ToggleGroupProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  type?: \"single\" | \"multiple\";\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: string | string[]) => void;\n}\n\nfunction toArray(v: string | string[] | undefined): string[] {\n  if (v === undefined) return [];\n  return Array.isArray(v) ? v : v === \"\" ? [] : [v];\n}\n\nexport function ToggleGroup({\n  className,\n  variant = \"bare\",\n  size = \"md\",\n  type = \"single\",\n  value,\n  defaultValue,\n  onValueChange,\n  children,\n  ...props\n}: ToggleGroupProps) {\n  const [selected, setSelected] = useControllableState<string[]>({\n    ...(value !== undefined ? { value: toArray(value) } : {}),\n    defaultValue: toArray(defaultValue),\n    onChange: (next) =>\n      onValueChange?.(type === \"single\" ? (next[0] ?? \"\") : next),\n  });\n\n  const toggle = React.useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        setSelected(selected.includes(itemValue) ? [] : [itemValue]);\n      } else {\n        setSelected(\n          selected.includes(itemValue)\n            ? selected.filter((v) => v !== itemValue)\n            : [...selected, itemValue],\n        );\n      }\n    },\n    [type, selected, setSelected],\n  );\n\n  return (\n    <div\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, value: selected, toggle }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </div>\n  );\n}\n\nexport interface ToggleGroupItemProps\n  extends Omit<React.ComponentProps<\"button\">, \"value\" | \"onChange\"> {\n  value: string;\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n}\n\nexport function ToggleGroupItem({\n  className,\n  children,\n  value,\n  variant,\n  size,\n  onClick,\n  ...props\n}: ToggleGroupItemProps) {\n  const context = React.useContext(ToggleGroupContext);\n  const resolvedVariant = context.variant || variant || \"bare\";\n  const resolvedSize = context.size || size || \"md\";\n  const on = context.value.includes(value);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toggle-group-item\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      data-state={on ? \"on\" : \"off\"}\n      aria-pressed={on}\n      className={cn(\n        toggleVariants({ variant: resolvedVariant, size: resolvedSize }),\n        // `flex-auto`, not shadcn's `flex-1`: the group is `w-fit`, and basis-0 items\n        // make Chrome split it into equal columns, so a longer label overflows its cell.\n        \"min-w-0 flex-auto shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l\",\n        className,\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        context.toggle(value);\n      }}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";AAoFM;AAlFN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,OAGK;AASP,MAAM,qBAAqB,MAAM,cAAuC;AAAA,EACtE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO,CAAC;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC;AAYD,SAAS,QAAQ,GAA4C;AAC3D,MAAI,MAAM,OAAW,QAAO,CAAC;AAC7B,SAAO,MAAM,QAAQ,CAAC,IAAI,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;AAClD;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,CAAC,UAAU,WAAW,IAAI,qBAA+B;AAAA,IAC7D,GAAI,UAAU,SAAY,EAAE,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC;AAAA,IACvD,cAAc,QAAQ,YAAY;AAAA,IAClC,UAAU,CAAC,SACT,gBAAgB,SAAS,WAAY,KAAK,CAAC,KAAK,KAAM,IAAI;AAAA,EAC9D,CAAC;AAED,QAAM,SAAS,MAAM;AAAA,IACnB,CAAC,cAAsB;AACrB,UAAI,SAAS,UAAU;AACrB,oBAAY,SAAS,SAAS,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,MAC7D,OAAO;AACL;AAAA,UACE,SAAS,SAAS,SAAS,IACvB,SAAS,OAAO,CAAC,MAAM,MAAM,SAAS,IACtC,CAAC,GAAG,UAAU,SAAS;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,UAAU,WAAW;AAAA,EAC9B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,OAAO,UAAU,OAAO,GAC1E,UACH;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,kBAAkB,QAAQ,WAAW,WAAW;AACtD,QAAM,eAAe,QAAQ,QAAQ,QAAQ;AAC7C,QAAM,KAAK,QAAQ,MAAM,SAAS,KAAK;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,cAAY,KAAK,OAAO;AAAA,MACxB,gBAAc;AAAA,MACd,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,iBAAiB,MAAM,aAAa,CAAC;AAAA;AAAA;AAAA,QAG/D;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM;AACd,kBAAU,CAAC;AACX,gBAAQ,OAAO,KAAK;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  toggleVariants,\n  type ToggleVariant,\n  type ToggleSize,\n} from \"./toggle\";\n\ntype ToggleGroupContextValue = {\n  variant: ToggleVariant;\n  size: ToggleSize;\n  value: string[];\n  toggle: (itemValue: string) => void;\n};\n\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({\n  variant: \"bare\",\n  size: \"md\",\n  value: [],\n  toggle: () => {},\n});\n\nexport interface ToggleGroupProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  type?: \"single\" | \"multiple\";\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: string | string[]) => void;\n}\n\nfunction toArray(v: string | string[] | undefined): string[] {\n  if (v === undefined) return [];\n  return Array.isArray(v) ? v : v === \"\" ? [] : [v];\n}\n\nexport function ToggleGroup({\n  className,\n  variant = \"bare\",\n  size = \"md\",\n  type = \"single\",\n  value,\n  defaultValue,\n  onValueChange,\n  children,\n  ...props\n}: ToggleGroupProps) {\n  const [selected, setSelected] = useControllableState<string[]>({\n    ...(value !== undefined ? { value: toArray(value) } : {}),\n    defaultValue: toArray(defaultValue),\n    onChange: (next) =>\n      onValueChange?.(type === \"single\" ? (next[0] ?? \"\") : next),\n  });\n\n  const toggle = React.useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        setSelected(selected.includes(itemValue) ? [] : [itemValue]);\n      } else {\n        setSelected(\n          selected.includes(itemValue)\n            ? selected.filter((v) => v !== itemValue)\n            : [...selected, itemValue],\n        );\n      }\n    },\n    [type, selected, setSelected],\n  );\n\n  return (\n    <div\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, value: selected, toggle }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </div>\n  );\n}\n\nexport interface ToggleGroupItemProps\n  extends Omit<React.ComponentProps<\"button\">, \"value\" | \"onChange\"> {\n  value: string;\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n}\n\nexport function ToggleGroupItem({\n  className,\n  children,\n  value,\n  variant,\n  size,\n  onClick,\n  ...props\n}: ToggleGroupItemProps) {\n  const context = React.useContext(ToggleGroupContext);\n  const resolvedVariant = context.variant || variant || \"bare\";\n  const resolvedSize = context.size || size || \"md\";\n  const on = context.value.includes(value);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toggle-group-item\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      data-state={on ? \"on\" : \"off\"}\n      aria-pressed={on}\n      className={cn(\n        toggleVariants({ variant: resolvedVariant, size: resolvedSize }),\n        // `flex-auto`, not shadcn's `flex-1`: the group is `w-fit`, and basis-0 items\n        // make Chrome split it into equal columns, so a longer label overflows its cell.\n        \"min-w-0 flex-auto shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:-ml-px data-[variant=outline]:first:ml-0 data-[state=on]:z-10\",\n        className,\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        context.toggle(value);\n      }}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";AAoFM;AAlFN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,OAGK;AASP,MAAM,qBAAqB,MAAM,cAAuC;AAAA,EACtE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO,CAAC;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC;AAYD,SAAS,QAAQ,GAA4C;AAC3D,MAAI,MAAM,OAAW,QAAO,CAAC;AAC7B,SAAO,MAAM,QAAQ,CAAC,IAAI,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;AAClD;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,CAAC,UAAU,WAAW,IAAI,qBAA+B;AAAA,IAC7D,GAAI,UAAU,SAAY,EAAE,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC;AAAA,IACvD,cAAc,QAAQ,YAAY;AAAA,IAClC,UAAU,CAAC,SACT,gBAAgB,SAAS,WAAY,KAAK,CAAC,KAAK,KAAM,IAAI;AAAA,EAC9D,CAAC;AAED,QAAM,SAAS,MAAM;AAAA,IACnB,CAAC,cAAsB;AACrB,UAAI,SAAS,UAAU;AACrB,oBAAY,SAAS,SAAS,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,MAC7D,OAAO;AACL;AAAA,UACE,SAAS,SAAS,SAAS,IACvB,SAAS,OAAO,CAAC,MAAM,MAAM,SAAS,IACtC,CAAC,GAAG,UAAU,SAAS;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,UAAU,WAAW;AAAA,EAC9B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,OAAO,UAAU,OAAO,GAC1E,UACH;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,kBAAkB,QAAQ,WAAW,WAAW;AACtD,QAAM,eAAe,QAAQ,QAAQ,QAAQ;AAC7C,QAAM,KAAK,QAAQ,MAAM,SAAS,KAAK;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,cAAY,KAAK,OAAO;AAAA,MACxB,gBAAc;AAAA,MACd,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,iBAAiB,MAAM,aAAa,CAAC;AAAA;AAAA;AAAA,QAG/D;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM;AACd,kBAAU,CAAC;AACX,gBAAQ,OAAO,KAAK;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/top-bar.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+function TopBar({ start, end, className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      "data-slot": "top-bar",
+      className: cn("flex h-14 items-center gap-3 border-b border-border bg-background px-8", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { "data-slot": "top-bar-start", className: "flex min-w-0 items-center gap-2", children: start }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "top-bar-end", className: "ml-auto flex shrink-0 items-center gap-3", children: end })
+      ]
+    }
+  );
+}
+export {
+  TopBar
+};
+//# sourceMappingURL=top-bar.js.map

package/dist/components/top-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/top-bar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\n\nexport interface TopBarProps extends React.ComponentProps<\"header\"> {\n  /** The app switcher, or the service's name. */\n  start?: React.ReactNode;\n  /** Service stats, then an `AccountMenu` last. */\n  end?: React.ReactNode;\n}\n\n/**\n * The wide screen's utility bar over the content column: who and where, never\n * product nav (that is the rail's). Layout only — `AppShell.topBar` pins it.\n */\nexport function TopBar({ start, end, className, ...props }: TopBarProps) {\n  return (\n    <header\n      data-slot=\"top-bar\"\n      className={cn(\"flex h-14 items-center gap-3 border-b border-border bg-background px-8\", className)}\n      {...props}\n    >\n      <div data-slot=\"top-bar-start\" className=\"flex min-w-0 items-center gap-2\">\n        {start}\n      </div>\n      <div data-slot=\"top-bar-end\" className=\"ml-auto flex shrink-0 items-center gap-3\">\n        {end}\n      </div>\n    </header>\n  );\n}\n"],"mappings":"AAgBI,SAKE,KALF;AAhBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAaZ,SAAS,OAAO,EAAE,OAAO,KAAK,WAAW,GAAG,MAAM,GAAgB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0EAA0E,SAAS;AAAA,MAChG,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,aAAU,iBAAgB,WAAU,mCACtC,iBACH;AAAA,QACA,oBAAC,SAAI,aAAU,eAAc,WAAU,4CACpC,eACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/generated/alert-dialog.js

@@ -1,5 +1,5 @@
-const ALERT_DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
-const ALERT_DIALOG_CONTENT = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 sm:max-w-lg";
+const ALERT_DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-200 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50";
+const ALERT_DIALOG_CONTENT = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 data-[state=closed]:fill-mode-forwards outline-hidden sm:max-w-lg";
 const ALERT_DIALOG_HEADER = "flex flex-col gap-2 text-center sm:text-left";
 const ALERT_DIALOG_FOOTER = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
 const ALERT_DIALOG_TITLE = "text-lg font-semibold";

package/dist/generated/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/alert-dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ALERT_DIALOG_OVERLAY = \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\";\n\nexport const ALERT_DIALOG_CONTENT = \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 sm:max-w-lg\";\n\nexport const ALERT_DIALOG_HEADER = \"flex flex-col gap-2 text-center sm:text-left\";\n\nexport const ALERT_DIALOG_FOOTER = \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\";\n\nexport const ALERT_DIALOG_TITLE = \"text-lg font-semibold\";\n\nexport const ALERT_DIALOG_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB;AAE7B,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,2BAA2B;","names":[]}
+{"version":3,"sources":["../../src/generated/alert-dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const ALERT_DIALOG_OVERLAY = \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-200 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50\";\n\nexport const ALERT_DIALOG_CONTENT = \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 data-[state=closed]:fill-mode-forwards outline-hidden sm:max-w-lg\";\n\nexport const ALERT_DIALOG_HEADER = \"flex flex-col gap-2 text-center sm:text-left\";\n\nexport const ALERT_DIALOG_FOOTER = \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\";\n\nexport const ALERT_DIALOG_TITLE = \"text-lg font-semibold\";\n\nexport const ALERT_DIALOG_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB;AAE7B,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,2BAA2B;","names":[]}

package/dist/generated/context-menu.js

@@ -1,6 +1,6 @@
 const CONTEXT_MENU_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md";
 const CONTEXT_MENU_SUB_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border border-border p-1 shadow-lg";
-const CONTEXT_MENU_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const CONTEXT_MENU_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error-ink data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error-ink data-[variant=destructive]:*:[svg]:!text-accent-error-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const CONTEXT_MENU_CHECK_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const CONTEXT_MENU_SUB_TRIGGER = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const CONTEXT_MENU_LABEL = "text-ink px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";

package/dist/generated/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/context-menu.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const CONTEXT_MENU_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md\";\n\nexport const CONTEXT_MENU_SUB_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border border-border p-1 shadow-lg\";\n\nexport const CONTEXT_MENU_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const CONTEXT_MENU_CHECK_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const CONTEXT_MENU_SUB_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const CONTEXT_MENU_LABEL = \"text-ink px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\";\n\nexport const CONTEXT_MENU_SEPARATOR = \"bg-border -mx-1 my-1 h-px\";\n\nexport const CONTEXT_MENU_SHORTCUT = \"text-ink-soft ml-auto text-xs tracking-widest\";\n"],"mappings":"AAEO,MAAM,uBAAuB;AAE7B,MAAM,2BAA2B;AAEjC,MAAM,oBAAoB;AAE1B,MAAM,0BAA0B;AAEhC,MAAM,2BAA2B;AAEjC,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,wBAAwB;","names":[]}
+{"version":3,"sources":["../../src/generated/context-menu.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const CONTEXT_MENU_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md\";\n\nexport const CONTEXT_MENU_SUB_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border border-border p-1 shadow-lg\";\n\nexport const CONTEXT_MENU_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error-ink data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error-ink data-[variant=destructive]:*:[svg]:!text-accent-error-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const CONTEXT_MENU_CHECK_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const CONTEXT_MENU_SUB_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const CONTEXT_MENU_LABEL = \"text-ink px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\";\n\nexport const CONTEXT_MENU_SEPARATOR = \"bg-border -mx-1 my-1 h-px\";\n\nexport const CONTEXT_MENU_SHORTCUT = \"text-ink-soft ml-auto text-xs tracking-widest\";\n"],"mappings":"AAEO,MAAM,uBAAuB;AAE7B,MAAM,2BAA2B;AAEjC,MAAM,oBAAoB;AAE1B,MAAM,0BAA0B;AAEhC,MAAM,2BAA2B;AAEjC,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,wBAAwB;","names":[]}

package/dist/generated/dialog.js

@@ -1,6 +1,6 @@
-const DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
-const DIALOG_CONTENT = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 sm:max-w-lg";
-const DIALOG_CLOSE = "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-200 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50";
+const DIALOG_CONTENT = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 data-[state=closed]:fill-mode-forwards outline-hidden sm:max-w-lg";
+const DIALOG_CLOSE = "ring-offset-background focus-visible:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const DIALOG_HEADER = "flex flex-col gap-2 text-center sm:text-left";
 const DIALOG_FOOTER = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
 const DIALOG_TITLE = "text-lg leading-none font-semibold";

package/dist/generated/dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const DIALOG_OVERLAY = \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\";\n\nexport const DIALOG_CONTENT = \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 sm:max-w-lg\";\n\nexport const DIALOG_CLOSE = \"ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DIALOG_HEADER = \"flex flex-col gap-2 text-center sm:text-left\";\n\nexport const DIALOG_FOOTER = \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\";\n\nexport const DIALOG_TITLE = \"text-lg leading-none font-semibold\";\n\nexport const DIALOG_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,iBAAiB;AAEvB,MAAM,iBAAiB;AAEvB,MAAM,eAAe;AAErB,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,eAAe;AAErB,MAAM,qBAAqB;","names":[]}
+{"version":3,"sources":["../../src/generated/dialog.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const DIALOG_OVERLAY = \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-200 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50\";\n\nexport const DIALOG_CONTENT = \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border p-6 shadow-lg duration-200 data-[state=closed]:fill-mode-forwards outline-hidden sm:max-w-lg\";\n\nexport const DIALOG_CLOSE = \"ring-offset-background focus-visible:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DIALOG_HEADER = \"flex flex-col gap-2 text-center sm:text-left\";\n\nexport const DIALOG_FOOTER = \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\";\n\nexport const DIALOG_TITLE = \"text-lg leading-none font-semibold\";\n\nexport const DIALOG_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,iBAAiB;AAEvB,MAAM,iBAAiB;AAEvB,MAAM,eAAe;AAErB,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,eAAe;AAErB,MAAM,qBAAqB;","names":[]}

package/dist/generated/drawer.js

@@ -5,7 +5,7 @@ const drawerDirectionClasses = {
   "left": "inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm",
   "right": "inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm"
 };
-const DRAWER_OVERLAY = "fixed inset-0 z-50 bg-black/50";
+const DRAWER_OVERLAY = "fixed inset-0 z-50 bg-black/50 data-[state=closed]:pointer-events-none";
 const DRAWER_HANDLE = "bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full";
 const DRAWER_BODY = "flex min-h-0 flex-1 flex-col overflow-y-auto";
 const DRAWER_HEADER = "flex flex-col gap-0.5 p-4 text-center sm:gap-1.5 sm:text-left";

package/dist/generated/drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/drawer.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const DRAWER_CONTENT_BASE = \"bg-background fixed z-50 flex h-auto border border-border\";\n\nexport const drawerDirectionClasses = {\n  \"bottom\": \"inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0\",\n  \"top\": \"inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0\",\n  \"left\": \"inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm\",\n  \"right\": \"inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm\",\n} as const;\nexport type DrawerDirection = keyof typeof drawerDirectionClasses;\n\nexport const DRAWER_OVERLAY = \"fixed inset-0 z-50 bg-black/50\";\n\nexport const DRAWER_HANDLE = \"bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full\";\n\nexport const DRAWER_BODY = \"flex min-h-0 flex-1 flex-col overflow-y-auto\";\n\nexport const DRAWER_HEADER = \"flex flex-col gap-0.5 p-4 text-center sm:gap-1.5 sm:text-left\";\n\nexport const DRAWER_FOOTER = \"mt-auto flex flex-col gap-2 p-4\";\n\nexport const DRAWER_TITLE = \"text-ink font-semibold\";\n\nexport const DRAWER_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,sBAAsB;AAE5B,MAAM,yBAAyB;AAAA,EACpC,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB;AAEtB,MAAM,cAAc;AAEpB,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,eAAe;AAErB,MAAM,qBAAqB;","names":[]}
+{"version":3,"sources":["../../src/generated/drawer.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const DRAWER_CONTENT_BASE = \"bg-background fixed z-50 flex h-auto border border-border\";\n\nexport const drawerDirectionClasses = {\n  \"bottom\": \"inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0\",\n  \"top\": \"inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0\",\n  \"left\": \"inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm\",\n  \"right\": \"inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm\",\n} as const;\nexport type DrawerDirection = keyof typeof drawerDirectionClasses;\n\nexport const DRAWER_OVERLAY = \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:pointer-events-none\";\n\nexport const DRAWER_HANDLE = \"bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full\";\n\nexport const DRAWER_BODY = \"flex min-h-0 flex-1 flex-col overflow-y-auto\";\n\nexport const DRAWER_HEADER = \"flex flex-col gap-0.5 p-4 text-center sm:gap-1.5 sm:text-left\";\n\nexport const DRAWER_FOOTER = \"mt-auto flex flex-col gap-2 p-4\";\n\nexport const DRAWER_TITLE = \"text-ink font-semibold\";\n\nexport const DRAWER_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,sBAAsB;AAE5B,MAAM,yBAAyB;AAAA,EACpC,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX;AAGO,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB;AAEtB,MAAM,cAAc;AAEpB,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,eAAe;AAErB,MAAM,qBAAqB;","names":[]}

package/dist/generated/dropdown-menu.js

@@ -1,6 +1,6 @@
 const DROPDOWN_MENU_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md";
 const DROPDOWN_MENU_SUB_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border p-1 shadow-lg";
-const DROPDOWN_MENU_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const DROPDOWN_MENU_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error-ink data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error-ink data-[variant=destructive]:*:[svg]:!text-accent-error-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const DROPDOWN_MENU_CHECK_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const DROPDOWN_MENU_SUB_TRIGGER = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const DROPDOWN_MENU_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";

package/dist/generated/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/dropdown-menu.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const DROPDOWN_MENU_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md\";\n\nexport const DROPDOWN_MENU_SUB_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border p-1 shadow-lg\";\n\nexport const DROPDOWN_MENU_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DROPDOWN_MENU_CHECK_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DROPDOWN_MENU_SUB_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DROPDOWN_MENU_ITEM_INDICATOR = \"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\";\n\nexport const DROPDOWN_MENU_LABEL = \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\";\n\nexport const DROPDOWN_MENU_SEPARATOR = \"bg-border -mx-1 my-1 h-px\";\n\nexport const DROPDOWN_MENU_SHORTCUT = \"text-ink-soft ml-auto text-xs tracking-widest\";\n"],"mappings":"AAEO,MAAM,wBAAwB;AAE9B,MAAM,4BAA4B;AAElC,MAAM,qBAAqB;AAE3B,MAAM,2BAA2B;AAEjC,MAAM,4BAA4B;AAElC,MAAM,+BAA+B;AAErC,MAAM,sBAAsB;AAE5B,MAAM,0BAA0B;AAEhC,MAAM,yBAAyB;","names":[]}
+{"version":3,"sources":["../../src/generated/dropdown-menu.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const DROPDOWN_MENU_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md\";\n\nexport const DROPDOWN_MENU_SUB_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border p-1 shadow-lg\";\n\nexport const DROPDOWN_MENU_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error-ink data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error-ink data-[variant=destructive]:*:[svg]:!text-accent-error-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DROPDOWN_MENU_CHECK_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DROPDOWN_MENU_SUB_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const DROPDOWN_MENU_ITEM_INDICATOR = \"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\";\n\nexport const DROPDOWN_MENU_LABEL = \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\";\n\nexport const DROPDOWN_MENU_SEPARATOR = \"bg-border -mx-1 my-1 h-px\";\n\nexport const DROPDOWN_MENU_SHORTCUT = \"text-ink-soft ml-auto text-xs tracking-widest\";\n"],"mappings":"AAEO,MAAM,wBAAwB;AAE9B,MAAM,4BAA4B;AAElC,MAAM,qBAAqB;AAE3B,MAAM,2BAA2B;AAEjC,MAAM,4BAA4B;AAElC,MAAM,+BAA+B;AAErC,MAAM,sBAAsB;AAE5B,MAAM,0BAA0B;AAEhC,MAAM,yBAAyB;","names":[]}

package/dist/generated/menubar.js

@@ -1,7 +1,7 @@
 const MENUBAR_ROOT = "bg-background flex h-9 items-center gap-1 rounded-md border border-border p-1 shadow-xs";
 const MENUBAR_TRIGGER = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none";
 const MENUBAR_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 absolute z-50 min-w-[12rem] overflow-hidden rounded-md border border-border p-1 shadow-md";
-const MENUBAR_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const MENUBAR_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error-ink data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error-ink data-[variant=destructive]:*:[svg]:!text-accent-error-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const MENUBAR_CHECKBOX_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const MENUBAR_RADIO_ITEM = "focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const MENUBAR_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";

package/dist/generated/menubar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/menubar.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const MENUBAR_ROOT = \"bg-background flex h-9 items-center gap-1 rounded-md border border-border p-1 shadow-xs\";\n\nexport const MENUBAR_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\";\n\nexport const MENUBAR_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 absolute z-50 min-w-[12rem] overflow-hidden rounded-md border border-border p-1 shadow-md\";\n\nexport const MENUBAR_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const MENUBAR_CHECKBOX_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const MENUBAR_RADIO_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const MENUBAR_ITEM_INDICATOR = \"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\";\n\nexport const MENUBAR_LABEL = \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\";\n\nexport const MENUBAR_SEPARATOR = \"bg-border -mx-1 my-1 h-px\";\n\nexport const MENUBAR_SHORTCUT = \"text-ink-soft ml-auto text-xs tracking-widest\";\n\nexport const MENUBAR_SUB_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8\";\n\nexport const MENUBAR_SUB_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 absolute z-50 min-w-[8rem] overflow-hidden rounded-md border border-border p-1 shadow-lg\";\n"],"mappings":"AAEO,MAAM,eAAe;AAErB,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,eAAe;AAErB,MAAM,wBAAwB;AAE9B,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,gBAAgB;AAEtB,MAAM,oBAAoB;AAE1B,MAAM,mBAAmB;AAEzB,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../src/generated/menubar.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const MENUBAR_ROOT = \"bg-background flex h-9 items-center gap-1 rounded-md border border-border p-1 shadow-xs\";\n\nexport const MENUBAR_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\";\n\nexport const MENUBAR_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 absolute z-50 min-w-[12rem] overflow-hidden rounded-md border border-border p-1 shadow-md\";\n\nexport const MENUBAR_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[variant=destructive]:text-accent-error-ink data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error-ink data-[variant=destructive]:*:[svg]:!text-accent-error-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const MENUBAR_CHECKBOX_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const MENUBAR_RADIO_ITEM = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const MENUBAR_ITEM_INDICATOR = \"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\";\n\nexport const MENUBAR_LABEL = \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\";\n\nexport const MENUBAR_SEPARATOR = \"bg-border -mx-1 my-1 h-px\";\n\nexport const MENUBAR_SHORTCUT = \"text-ink-soft ml-auto text-xs tracking-widest\";\n\nexport const MENUBAR_SUB_TRIGGER = \"focus:bg-hover focus:text-ink focus-visible:inset-ring-2 focus-visible:inset-ring-ring data-[state=open]:bg-hover data-[state=open]:text-ink flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8\";\n\nexport const MENUBAR_SUB_CONTENT = \"bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 absolute z-50 min-w-[8rem] overflow-hidden rounded-md border border-border p-1 shadow-lg\";\n"],"mappings":"AAEO,MAAM,eAAe;AAErB,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;AAExB,MAAM,eAAe;AAErB,MAAM,wBAAwB;AAE9B,MAAM,qBAAqB;AAE3B,MAAM,yBAAyB;AAE/B,MAAM,gBAAgB;AAEtB,MAAM,oBAAoB;AAE1B,MAAM,mBAAmB;AAEzB,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;","names":[]}

package/dist/generated/sheet.js

@@ -1,6 +1,6 @@
-const SHEET_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
-const SHEET_CONTENT = "bg-background border-border data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500";
-const SHEET_CLOSE = "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none";
+const SHEET_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50";
+const SHEET_CONTENT = "bg-background border-border data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fill-mode-forwards outline-hidden";
+const SHEET_CLOSE = "ring-offset-background focus-visible:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none";
 const SHEET_SIDE_RIGHT = "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm";
 const SHEET_SIDE_LEFT = "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm";
 const SHEET_SIDE_TOP = "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b";

package/dist/generated/sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/sheet.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const SHEET_OVERLAY = \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\";\n\nexport const SHEET_CONTENT = \"bg-background border-border data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\";\n\nexport const SHEET_CLOSE = \"ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\";\n\nexport const SHEET_SIDE_RIGHT = \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\";\n\nexport const SHEET_SIDE_LEFT = \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\";\n\nexport const SHEET_SIDE_TOP = \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\";\n\nexport const SHEET_SIDE_BOTTOM = \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\";\n\nexport const SHEET_HEADER = \"flex flex-col gap-1.5 p-4\";\n\nexport const SHEET_FOOTER = \"mt-auto flex flex-col gap-2 p-4\";\n\nexport const SHEET_TITLE = \"text-ink font-semibold\";\n\nexport const SHEET_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,cAAc;AAEpB,MAAM,mBAAmB;AAEzB,MAAM,kBAAkB;AAExB,MAAM,iBAAiB;AAEvB,MAAM,oBAAoB;AAE1B,MAAM,eAAe;AAErB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,oBAAoB;","names":[]}
+{"version":3,"sources":["../../src/generated/sheet.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const SHEET_OVERLAY = \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fill-mode-forwards data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50\";\n\nexport const SHEET_CONTENT = \"bg-background border-border data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fill-mode-forwards outline-hidden\";\n\nexport const SHEET_CLOSE = \"ring-offset-background focus-visible:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none\";\n\nexport const SHEET_SIDE_RIGHT = \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\";\n\nexport const SHEET_SIDE_LEFT = \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\";\n\nexport const SHEET_SIDE_TOP = \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\";\n\nexport const SHEET_SIDE_BOTTOM = \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\";\n\nexport const SHEET_HEADER = \"flex flex-col gap-1.5 p-4\";\n\nexport const SHEET_FOOTER = \"mt-auto flex flex-col gap-2 p-4\";\n\nexport const SHEET_TITLE = \"text-ink font-semibold\";\n\nexport const SHEET_DESCRIPTION = \"text-ink-soft text-sm\";\n"],"mappings":"AAEO,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,cAAc;AAEpB,MAAM,mBAAmB;AAEzB,MAAM,kBAAkB;AAExB,MAAM,iBAAiB;AAEvB,MAAM,oBAAoB;AAE1B,MAAM,eAAe;AAErB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,oBAAoB;","names":[]}

package/dist/generated/table.js

@@ -1,21 +1,38 @@
 const TABLE_CONTAINER = "relative w-full overflow-x-auto";
 const TABLE = "w-full caption-bottom text-sm";
+const tableVariants = {
+  "default": "[--table-px:initial] [--table-py:initial] [--table-head-ink:initial] [--table-head-text:initial] [--table-head-tracking:initial] [--table-head-case:initial]",
+  "card": "[--table-px:calc(var(--spacing)*5)] [--table-py:calc(var(--spacing)*3)] [--table-head-ink:var(--ink-soft)] [--table-head-text:var(--text-xs)] [--table-head-tracking:var(--tracking-wide)] [--table-head-case:uppercase] [&>thead>tr:hover]:bg-transparent"
+};
+const tableDensities = {
+  "default": "[--table-dense-py:initial] [--table-head-h:initial]",
+  "compact": "[--table-dense-py:calc(var(--spacing)*1.5)] [--table-head-h:calc(var(--spacing)*8)]"
+};
+const TABLE_CARD = "bg-card text-ink overflow-hidden rounded-xl border border-border shadow-sm";
 const TABLE_HEADER = "[&_tr]:border-b";
 const TABLE_BODY = "[&_tr:last-child]:border-0";
 const TABLE_FOOTER = "bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0";
 const TABLE_ROW = "hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors";
-const TABLE_HEAD = "text-ink h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
-const TABLE_CELL = "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
+const TABLE_HEAD = "text-[color:var(--table-head-ink,var(--ink))] h-[var(--table-head-h,calc(var(--spacing)*10))] px-[var(--table-px,calc(var(--spacing)*2))] text-start align-middle font-medium whitespace-nowrap text-[length:var(--table-head-text)] tracking-[var(--table-head-tracking)] [text-transform:var(--table-head-case)] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
+const TABLE_CELL = "px-[var(--table-px,calc(var(--spacing)*2))] py-[var(--table-dense-py,var(--table-py,calc(var(--spacing)*2)))] align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
+const tableAligns = {
+  "start": "text-start",
+  "end": "text-end tabular-nums"
+};
 const TABLE_CAPTION = "text-ink-soft mt-4 text-sm";
 export {
   TABLE,
   TABLE_BODY,
   TABLE_CAPTION,
+  TABLE_CARD,
   TABLE_CELL,
   TABLE_CONTAINER,
   TABLE_FOOTER,
   TABLE_HEAD,
   TABLE_HEADER,
-  TABLE_ROW
+  TABLE_ROW,
+  tableAligns,
+  tableDensities,
+  tableVariants
 };
 //# sourceMappingURL=table.js.map

package/dist/generated/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/table.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TABLE_CONTAINER = \"relative w-full overflow-x-auto\";\n\nexport const TABLE = \"w-full caption-bottom text-sm\";\n\nexport const TABLE_HEADER = \"[&_tr]:border-b\";\n\nexport const TABLE_BODY = \"[&_tr:last-child]:border-0\";\n\nexport const TABLE_FOOTER = \"bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0\";\n\nexport const TABLE_ROW = \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors\";\n\nexport const TABLE_HEAD = \"text-ink h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\";\n\nexport const TABLE_CELL = \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\";\n\nexport const TABLE_CAPTION = \"text-ink-soft mt-4 text-sm\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAExB,MAAM,QAAQ;AAEd,MAAM,eAAe;AAErB,MAAM,aAAa;AAEnB,MAAM,eAAe;AAErB,MAAM,YAAY;AAElB,MAAM,aAAa;AAEnB,MAAM,aAAa;AAEnB,MAAM,gBAAgB;","names":[]}
+{"version":3,"sources":["../../src/generated/table.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TABLE_CONTAINER = \"relative w-full overflow-x-auto\";\n\nexport const TABLE = \"w-full caption-bottom text-sm\";\n\nexport const tableVariants = {\n  \"default\": \"[--table-px:initial] [--table-py:initial] [--table-head-ink:initial] [--table-head-text:initial] [--table-head-tracking:initial] [--table-head-case:initial]\",\n  \"card\": \"[--table-px:calc(var(--spacing)*5)] [--table-py:calc(var(--spacing)*3)] [--table-head-ink:var(--ink-soft)] [--table-head-text:var(--text-xs)] [--table-head-tracking:var(--tracking-wide)] [--table-head-case:uppercase] [&>thead>tr:hover]:bg-transparent\",\n} as const;\nexport type TableVariant = keyof typeof tableVariants;\n\nexport const tableDensities = {\n  \"default\": \"[--table-dense-py:initial] [--table-head-h:initial]\",\n  \"compact\": \"[--table-dense-py:calc(var(--spacing)*1.5)] [--table-head-h:calc(var(--spacing)*8)]\",\n} as const;\nexport type TableDensity = keyof typeof tableDensities;\n\nexport const TABLE_CARD = \"bg-card text-ink overflow-hidden rounded-xl border border-border shadow-sm\";\n\nexport const TABLE_HEADER = \"[&_tr]:border-b\";\n\nexport const TABLE_BODY = \"[&_tr:last-child]:border-0\";\n\nexport const TABLE_FOOTER = \"bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0\";\n\nexport const TABLE_ROW = \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors\";\n\nexport const TABLE_HEAD = \"text-[color:var(--table-head-ink,var(--ink))] h-[var(--table-head-h,calc(var(--spacing)*10))] px-[var(--table-px,calc(var(--spacing)*2))] text-start align-middle font-medium whitespace-nowrap text-[length:var(--table-head-text)] tracking-[var(--table-head-tracking)] [text-transform:var(--table-head-case)] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\";\n\nexport const TABLE_CELL = \"px-[var(--table-px,calc(var(--spacing)*2))] py-[var(--table-dense-py,var(--table-py,calc(var(--spacing)*2)))] align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\";\n\nexport const tableAligns = {\n  \"start\": \"text-start\",\n  \"end\": \"text-end tabular-nums\",\n} as const;\nexport type TableAlign = keyof typeof tableAligns;\n\nexport const TABLE_CAPTION = \"text-ink-soft mt-4 text-sm\";\n"],"mappings":"AAEO,MAAM,kBAAkB;AAExB,MAAM,QAAQ;AAEd,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,MAAM,iBAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,WAAW;AACb;AAGO,MAAM,aAAa;AAEnB,MAAM,eAAe;AAErB,MAAM,aAAa;AAEnB,MAAM,eAAe;AAErB,MAAM,YAAY;AAElB,MAAM,aAAa;AAEnB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,OAAO;AACT;AAGO,MAAM,gBAAgB;","names":[]}

package/dist/generated/toggle.js

@@ -1,7 +1,7 @@
-const TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-hover data-[state=on]:text-ink [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap";
+const TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-on-primary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
 const toggleVariantClasses = {
   "bare": "bg-transparent",
-  "outline": "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink"
+  "outline": "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink data-[state=on]:border-primary"
 };
 const toggleSizeClasses = {
   "md": "h-9 px-2 min-w-9",

package/dist/generated/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/toggle.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TOGGLE_BASE = \"inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-hover data-[state=on]:text-ink [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap\";\n\nexport const toggleVariantClasses = {\n  \"bare\": \"bg-transparent\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink\",\n} as const;\nexport type ToggleVariant = keyof typeof toggleVariantClasses;\n\nexport const toggleSizeClasses = {\n  \"md\": \"h-9 px-2 min-w-9\",\n  \"xs\": \"h-7 px-1 min-w-7\",\n  \"sm\": \"h-8 px-1.5 min-w-8\",\n  \"lg\": \"h-10 px-2.5 min-w-10\",\n  \"xl\": \"h-12 px-3 min-w-12\",\n} as const;\nexport type ToggleSize = keyof typeof toggleSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,EACR,WAAW;AACb;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/generated/toggle.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TOGGLE_BASE = \"inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-on-primary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\";\n\nexport const toggleVariantClasses = {\n  \"bare\": \"bg-transparent\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink data-[state=on]:border-primary\",\n} as const;\nexport type ToggleVariant = keyof typeof toggleVariantClasses;\n\nexport const toggleSizeClasses = {\n  \"md\": \"h-9 px-2 min-w-9\",\n  \"xs\": \"h-7 px-1 min-w-7\",\n  \"sm\": \"h-8 px-1.5 min-w-8\",\n  \"lg\": \"h-10 px-2.5 min-w-10\",\n  \"xl\": \"h-12 px-3 min-w-12\",\n} as const;\nexport type ToggleSize = keyof typeof toggleSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,EACR,WAAW;AACb;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}