@enadhq/enad-react-sdk 1.1.0 → 1.3.0

package/dist/client/ui/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","names":["SelectPrimitive"],"sources":["../../../src/client/ui/select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n}) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-2 rounded-[var(--enad-input-radius)] border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-[var(--enad-control-height)] data-[size=sm]:h-[var(--enad-control-height-sm)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--enad-input-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"px-2 py-1.5 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent-muted focus:text-accent-muted-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"select-item-indicator\"\n        className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n      >\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  const ChevronUpIcon = useIcon(\"chevronUp\");\n\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;AAMA,SAAS,OAAO,EAAE,GAAG,SAA4D;AAC/E,QAAO,oBAACA,SAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;CACD,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,qBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,i4BACA,UACD;EACD,GAAI;YAPN,CASG,UACD,oBAACA,SAAgB,MAAjB;GAAsB,SAAA;aACpB,oBAAC,iBAAD,EAAiB,WAAU,qBAAsB,CAAA;GAC5B,CAAA,CACC;;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,WAAW,gBACX,QAAQ,UACR,GAAG,SACoD;AACvD,QACE,oBAACA,SAAgB,QAAjB,EAAA,UACE,qBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,8lBACA,aAAa,YACX,mIACF,UACD;EACS;EACH;EACP,GAAI;YAVN;GAYE,oBAAC,sBAAD,EAAwB,CAAA;GACxB,oBAACA,SAAgB,UAAjB;IACE,WAAW,GACT,OACA,aAAa,YACX,sGACH;IAEA;IACwB,CAAA;GAC3B,oBAAC,wBAAD,EAA0B,CAAA;GACF;KACH,CAAA;;AAI7B,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACiD;CACpD,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,qBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT,ybACA,UACD;EACD,GAAI;YANN,CAQE,oBAAC,QAAD;GACE,aAAU;GACV,WAAU;aAEV,oBAACA,SAAgB,eAAjB,EAAA,UACE,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA,EACF,CAAA;GAC3B,CAAA,EACP,oBAACA,SAAgB,UAAjB,EAA2B,UAAoC,CAAA,CAC1C;;;AAI3B,SAAS,gBAAgB,EACvB,WACA,GAAG,SACsD;AACzD,QACE,oBAACA,SAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;EACJ,CAAA;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;CAC9D,MAAM,gBAAgB,QAAQ,YAAY;AAE1C,QACE,oBAACA,SAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,GAAG,wDAAwD,UAAU;EAChF,GAAI;YAEJ,oBAAC,eAAD,EAAe,WAAU,UAAW,CAAA;EACL,CAAA;;AAIrC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,oBAACA,SAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,GAAG,wDAAwD,UAAU;EAChF,GAAI;YAEJ,oBAAC,iBAAD,EAAiB,WAAU,UAAW,CAAA;EACL,CAAA"}
+{"version":3,"file":"select.mjs","names":["SelectPrimitive"],"sources":["../../../src/client/ui/select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst selectRecipe = defineSlotRecipe({\n  slots: [\"trigger\", \"content\", \"item\", \"label\", \"separator\", \"scrollButton\"] as const,\n  base: {\n    trigger:\n      \"flex w-fit items-center justify-between gap-2 rounded-[var(--enad-input-radius)] border border-input bg-transparent px-[var(--enad-input-px)] py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n    content:\n      \"relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--enad-input-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n    item: \"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent-muted focus:text-accent-muted-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n    label: \"px-2 py-1.5 text-xs text-muted-foreground\",\n    separator: \"pointer-events-none -mx-1 my-1 h-px bg-border\",\n    scrollButton: \"flex cursor-default items-center justify-center py-1\",\n  },\n  variants: {\n    size: {\n      sm: { trigger: \"h-[var(--enad-control-height-sm)]\" },\n      md: { trigger: \"h-[var(--enad-input-height)]\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst defaultClasses = selectRecipe();\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"md\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"md\";\n}) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n  const classes = selectRecipe({ size });\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(classes.trigger, className)}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          defaultClasses.content,\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(defaultClasses.label, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(defaultClasses.item, className)}\n      {...props}\n    >\n      <span\n        data-slot=\"select-item-indicator\"\n        className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n      >\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(defaultClasses.separator, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  const ChevronUpIcon = useIcon(\"chevronUp\");\n\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(defaultClasses.scrollButton, className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(defaultClasses.scrollButton, className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  selectRecipe,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,eAAe,iBAAiB;CACpC,OAAO;EAAC;EAAW;EAAW;EAAQ;EAAS;EAAa;EAAe;CAC3E,MAAM;EACJ,SACE;EACF,SACE;EACF,MAAM;EACN,OAAO;EACP,WAAW;EACX,cAAc;EACf;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,SAAS,qCAAqC;EACpD,IAAI,EAAE,SAAS,gCAAgC;EAChD,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAM,iBAAiB,cAAc;AAErC,SAAS,OAAO,EAAE,GAAG,SAA4D;AAC/E,QAAO,oBAACA,SAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,cAAc,EACrB,WACA,OAAO,MACP,UACA,GAAG,SAGF;CACD,MAAM,kBAAkB,QAAQ,cAAc;CAC9C,MAAM,UAAU,aAAa,EAAE,MAAM,CAAC;AAEtC,QACE,qBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GAAG,QAAQ,SAAS,UAAU;EACzC,GAAI;YAJN,CAMG,UACD,oBAACA,SAAgB,MAAjB;GAAsB,SAAA;aACpB,oBAAC,iBAAD,EAAiB,WAAU,qBAAsB,CAAA;GAC5B,CAAA,CACC;;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,WAAW,gBACX,QAAQ,UACR,GAAG,SACoD;AACvD,QACE,oBAACA,SAAgB,QAAjB,EAAA,UACE,qBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,eAAe,SACf,aAAa,YACX,mIACF,UACD;EACS;EACH;EACP,GAAI;YAVN;GAYE,oBAAC,sBAAD,EAAwB,CAAA;GACxB,oBAACA,SAAgB,UAAjB;IACE,WAAW,GACT,OACA,aAAa,YACX,sGACH;IAEA;IACwB,CAAA;GAC3B,oBAAC,wBAAD,EAA0B,CAAA;GACF;KACH,CAAA;;AAI7B,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,OAAO,UAAU;EAC9C,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACiD;CACpD,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,qBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;YAHN,CAKE,oBAAC,QAAD;GACE,aAAU;GACV,WAAU;aAEV,oBAACA,SAAgB,eAAjB,EAAA,UACE,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA,EACF,CAAA;GAC3B,CAAA,EACP,oBAACA,SAAgB,UAAjB,EAA2B,UAAoC,CAAA,CAC1C;;;AAI3B,SAAS,gBAAgB,EACvB,WACA,GAAG,SACsD;AACzD,QACE,oBAACA,SAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,WAAW,UAAU;EAClD,GAAI;EACJ,CAAA;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;CAC9D,MAAM,gBAAgB,QAAQ,YAAY;AAE1C,QACE,oBAACA,SAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,cAAc,UAAU;EACrD,GAAI;YAEJ,oBAAC,eAAD,EAAe,WAAU,UAAW,CAAA;EACL,CAAA;;AAIrC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,oBAACA,SAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,cAAc,UAAU;EACrD,GAAI;YAEJ,oBAAC,iBAAD,EAAiB,WAAU,UAAW,CAAA;EACL,CAAA"}

package/dist/client/ui/separator.d.ts

@@ -3,6 +3,11 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Separator as Separator$1 } from "radix-ui";
 
 //#region src/client/ui/separator.d.ts
+declare const separatorRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 declare function Separator({
   className,
   orientation,
@@ -10,5 +15,5 @@ declare function Separator({
   ...props
 }: React$1.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Separator };
+export { Separator, separatorRecipe };
 //# sourceMappingURL=separator.d.ts.map

package/dist/client/ui/separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/client/ui/separator.tsx"],"mappings":";;;;;iBAKS,SAAA,CAAA;EACP,SAAA;EACA,WAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/client/ui/separator.tsx"],"mappings":";;;;;cAMM,eAAA,GAAe,KAAA;EAAA;;;;iBAIZ,SAAA,CAAA;EACP,SAAA;EACA,WAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/separator.mjs

@@ -1,18 +1,20 @@
 import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Separator as Separator$1 } from "radix-ui";
 //#region src/client/ui/separator.tsx
+const separatorRecipe = defineRecipe({ base: "shrink-0 bg-border bg-clip-content data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-(--separator-horizontal-gutter,0px) data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch data-[orientation=vertical]:py-(--separator-vertical-gutter,0px)" });
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
 	return /* @__PURE__ */ jsx(Separator$1.Root, {
 		"data-slot": "separator",
 		decorative,
 		orientation,
-		className: cn("shrink-0 bg-border bg-clip-content data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-(--separator-horizontal-gutter,0px) data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch data-[orientation=vertical]:py-(--separator-vertical-gutter,0px)", className),
+		className: cn(separatorRecipe({ className })),
 		...props
 	});
 }
 //#endregion
-export { Separator };
+export { Separator, separatorRecipe };
 
 //# sourceMappingURL=separator.mjs.map

package/dist/client/ui/separator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.mjs","names":["SeparatorPrimitive"],"sources":["../../../src/client/ui/separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator as SeparatorPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border bg-clip-content data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-(--separator-horizontal-gutter,0px) data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch data-[orientation=vertical]:py-(--separator-vertical-gutter,0px)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAKA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,GACT,8TACA,UACD;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"separator.mjs","names":["SeparatorPrimitive"],"sources":["../../../src/client/ui/separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator as SeparatorPrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst separatorRecipe = defineRecipe({\n  base: \"shrink-0 bg-border bg-clip-content data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:px-(--separator-horizontal-gutter,0px) data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch data-[orientation=vertical]:py-(--separator-vertical-gutter,0px)\",\n});\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(separatorRecipe({ className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Separator, separatorRecipe };\n"],"mappings":";;;;;;AAMA,MAAM,kBAAkB,aAAa,EACnC,MAAM,8TACP,CAAC;AAEF,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,GAAG,gBAAgB,EAAE,WAAW,CAAC,CAAC;EAC7C,GAAI;EACJ,CAAA"}

package/dist/client/ui/sheet.d.ts

@@ -3,6 +3,18 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
 
 //#region src/client/ui/sheet.d.ts
+declare const sheetRecipe: (props?: ({
+  side?: "right" | "left" | "top" | "bottom" | undefined;
+} & {
+  className?: Partial<Record<"overlay" | "content" | "title" | "description" | "header" | "footer", string>> | undefined;
+}) | undefined) => {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  header: string;
+  footer: string;
+};
 declare function Sheet({
   ...props
 }: React$1.ComponentProps<typeof Dialog.Root>): react_jsx_runtime0.JSX.Element;
@@ -41,5 +53,5 @@ declare function SheetDescription({
   ...props
 }: React$1.ComponentProps<typeof Dialog.Description>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetRecipe };
 //# sourceMappingURL=sheet.d.ts.map

package/dist/client/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../../src/client/ui/sheet.tsx"],"mappings":";;;;;iBAQS,KAAA,CAAA;EAAA,GAAW;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIpE,YAAA,CAAA;EAAA,GAAkB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9E,UAAA,CAAA;EAAA,GAAgB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAwB1E,YAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,OAAA;EAC5C,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA0BQ,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhE,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhE,UAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,KAAA;EAC5C,SAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBQ,gBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../../src/client/ui/sheet.tsx"],"mappings":";;;;;cASM,WAAA,GAAW,KAAA;;;cAmCf,OAAA,CAAA,MAAA;AAAA;;;;;;;;iBAIO,KAAA,CAAA;EAAA,GAAW;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIpE,YAAA,CAAA;EAAA,GAAkB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9E,UAAA,CAAA;EAAA,GAAgB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqB1E,YAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,OAAA;EAC5C,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiBQ,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMhE,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMhE,UAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,KAAA;EAC5C,SAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBQ,gBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/sheet.mjs

@@ -1,10 +1,37 @@
 "use client";
 import { useIcon } from "../icons/icon-context.mjs";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
 //#region src/client/ui/sheet.tsx
+const sheetRecipe = defineSlotRecipe({
+	slots: [
+		"overlay",
+		"content",
+		"header",
+		"footer",
+		"title",
+		"description"
+	],
+	base: {
+		overlay: "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+		content: "fixed z-50 flex flex-col gap-4 bg-background shadow-[var(--enad-shadow-lg)] transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+		header: "flex flex-col gap-1.5 p-4 border-b",
+		footer: "mt-auto flex flex-col gap-2 p-4",
+		title: "font-semibold text-foreground",
+		description: "text-sm text-muted-foreground"
+	},
+	variants: { side: {
+		right: { content: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm" },
+		left: { content: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm" },
+		top: { content: "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top" },
+		bottom: { content: "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom" }
+	} },
+	defaultVariants: { side: "right" }
+});
+const defaultClasses = sheetRecipe();
 function Sheet({ ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Root, {
 		"data-slot": "sheet",
@@ -32,14 +59,15 @@ function SheetPortal({ ...props }) {
 function SheetOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Overlay, {
 		"data-slot": "sheet-overlay",
-		className: cn("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className),
+		className: cn(defaultClasses.overlay, className),
 		...props
 	});
 }
 function SheetContent({ className, children, side = "right", ...props }) {
+	const classes = sheetRecipe({ side });
 	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsx(Dialog.Content, {
 		"data-slot": "sheet-content",
-		className: cn("fixed z-50 flex flex-col gap-4 bg-background shadow-[var(--enad-shadow-lg)] transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500", side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", className),
+		className: cn(classes.content, className),
 		...props,
 		children
 	})] });
@@ -47,14 +75,14 @@ function SheetContent({ className, children, side = "right", ...props }) {
 function SheetHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-header",
-		className: cn("flex flex-col gap-1.5 p-4 border-b", className),
+		className: cn(defaultClasses.header, className),
 		...props
 	});
 }
 function SheetFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-footer",
-		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		className: cn(defaultClasses.footer, className),
 		...props
 	});
 }
@@ -62,7 +90,7 @@ function SheetTitle({ className, children, showClose = true, ...props }) {
 	const CloseIcon = useIcon("close");
 	return /* @__PURE__ */ jsxs(Dialog.Title, {
 		"data-slot": "sheet-title",
-		className: cn("font-semibold text-foreground", className),
+		className: cn(defaultClasses.title, className),
 		...props,
 		children: [children, showClose && /* @__PURE__ */ jsxs(Dialog.Close, {
 			className: "absolute top-4 right-4 flex items-center justify-center rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-accent focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer",
@@ -76,11 +104,11 @@ function SheetTitle({ className, children, showClose = true, ...props }) {
 function SheetDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Description, {
 		"data-slot": "sheet-description",
-		className: cn("text-sm text-muted-foreground", className),
+		className: cn(defaultClasses.description, className),
 		...props
 	});
 }
 //#endregion
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetRecipe };
 
 //# sourceMappingURL=sheet.mjs.map

package/dist/client/ui/sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.mjs","names":["SheetPrimitive"],"sources":["../../../src/client/ui/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"fixed z-50 flex flex-col gap-4 bg-background shadow-[var(--enad-shadow-lg)] transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n          side === \"left\" &&\n            \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n          side === \"top\" &&\n            \"inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n          side === \"bottom\" &&\n            \"inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4 border-b\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  children,\n  showClose = true,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title> & {\n  showClose?: boolean;\n}) {\n  const CloseIcon = useIcon(\"close\");\n\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"font-semibold text-foreground\", className)}\n      {...props}\n    >\n      {children}\n      {showClose && (\n        <SheetPrimitive.Close className=\"absolute top-4 right-4 flex items-center justify-center rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-accent focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer\">\n          <CloseIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      )}\n    </SheetPrimitive.Title>\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAACA,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;EAAS,CAAA;;AAG7D,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QAAO,oBAACA,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,WAAW,EAAE,GAAG,SAA4D;AACnF,QAAO,oBAACA,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGpE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,GAAG,SAGF;AACD,QACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAgB,CAAA,EAChB,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GACT,mOACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;EAEH;EACsB,CAAA,CACb,EAAA,CAAA;;AAIlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,YAAY,MACZ,GAAG,SAGF;CACD,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,qBAACA,OAAe,OAAhB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;YAHN,CAKG,UACA,aACC,qBAACA,OAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA,EAChC,oBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CACjB;KAEJ;;;AAI3B,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAACA,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"sheet.mjs","names":["SheetPrimitive"],"sources":["../../../src/client/ui/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst sheetRecipe = defineSlotRecipe({\n  slots: [\"overlay\", \"content\", \"header\", \"footer\", \"title\", \"description\"] as const,\n  base: {\n    overlay:\n      \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n    content:\n      \"fixed z-50 flex flex-col gap-4 bg-background shadow-[var(--enad-shadow-lg)] transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500\",\n    header: \"flex flex-col gap-1.5 p-4 border-b\",\n    footer: \"mt-auto flex flex-col gap-2 p-4\",\n    title: \"font-semibold text-foreground\",\n    description: \"text-sm text-muted-foreground\",\n  },\n  variants: {\n    side: {\n      right: {\n        content:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n      left: {\n        content:\n          \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n      },\n      top: {\n        content:\n          \"inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n      },\n      bottom: {\n        content:\n          \"inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n      },\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\nconst defaultClasses = sheetRecipe();\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(defaultClasses.overlay, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n  const classes = sheetRecipe({ side });\n\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(classes.content, className)}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"sheet-header\" className={cn(defaultClasses.header, className)} {...props} />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"sheet-footer\" className={cn(defaultClasses.footer, className)} {...props} />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  children,\n  showClose = true,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title> & {\n  showClose?: boolean;\n}) {\n  const CloseIcon = useIcon(\"close\");\n\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(defaultClasses.title, className)}\n      {...props}\n    >\n      {children}\n      {showClose && (\n        <SheetPrimitive.Close className=\"absolute top-4 right-4 flex items-center justify-center rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-accent focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer\">\n          <CloseIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      )}\n    </SheetPrimitive.Title>\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(defaultClasses.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n  sheetRecipe,\n};\n"],"mappings":";;;;;;;;AASA,MAAM,cAAc,iBAAiB;CACnC,OAAO;EAAC;EAAW;EAAW;EAAU;EAAU;EAAS;EAAc;CACzE,MAAM;EACJ,SACE;EACF,SACE;EACF,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,aAAa;EACd;CACD,UAAU,EACR,MAAM;EACJ,OAAO,EACL,SACE,oIACH;EACD,MAAM,EACJ,SACE,iIACH;EACD,KAAK,EACH,SACE,4GACH;EACD,QAAQ,EACN,SACE,qHACH;EACF,EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACF,CAAC;AAEF,MAAM,iBAAiB,aAAa;AAEpC,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAACA,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;EAAS,CAAA;;AAG7D,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QAAO,oBAACA,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,WAAW,EAAE,GAAG,SAA4D;AACnF,QAAO,oBAACA,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGpE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,GAAG,SAGF;CACD,MAAM,UAAU,YAAY,EAAE,MAAM,CAAC;AAErC,QACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAgB,CAAA,EAChB,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GAAG,QAAQ,SAAS,UAAU;EACzC,GAAI;EAEH;EACsB,CAAA,CACb,EAAA,CAAA;;AAIlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,eAAe,QAAQ,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIhG,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,eAAe,QAAQ,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIhG,SAAS,WAAW,EAClB,WACA,UACA,YAAY,MACZ,GAAG,SAGF;CACD,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,qBAACA,OAAe,OAAhB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,OAAO,UAAU;EAC9C,GAAI;YAHN,CAKG,UACA,aACC,qBAACA,OAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA,EAChC,oBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CACjB;KAEJ;;;AAI3B,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAACA,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,aAAa,UAAU;EACpD,GAAI;EACJ,CAAA"}

package/dist/client/ui/slot-wrapper.d.ts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/slot-wrapper.d.ts
+interface SlotWrapperProps extends React$1.ComponentProps<"div"> {
+  startSlot?: React$1.ReactNode;
+  endSlot?: React$1.ReactNode;
+}
+/**
+ * Decorator slot wrapper for form components (Input, Button, Select, etc.).
+ *
+ * Renders startSlot → children → endSlot in a flex row. Slot icons scale
+ * to --slot-icon-size (set by the parent component's recipe). Padding
+ * compensation uses CSS logical properties for RTL support.
+ *
+ * Decorative slots get aria-hidden so screen readers skip icons/badges
+ * that don't add semantic meaning.
+ */
+declare function SlotWrapper({
+  startSlot,
+  endSlot,
+  children,
+  className,
+  ...props
+}: SlotWrapperProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SlotWrapper, type SlotWrapperProps };
+//# sourceMappingURL=slot-wrapper.d.ts.map

package/dist/client/ui/slot-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-wrapper.d.ts","names":[],"sources":["../../../src/client/ui/slot-wrapper.tsx"],"mappings":";;;;UAIU,gBAAA,SAAyB,OAAA,CAAM,cAAA;EACvC,SAAA,GAAY,OAAA,CAAM,SAAA;EAClB,OAAA,GAAU,OAAA,CAAM,SAAA;AAAA;;;;;;;;;;;iBAaT,WAAA,CAAA;EAAc,SAAA;EAAW,OAAA;EAAS,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/slot-wrapper.mjs

@@ -0,0 +1,38 @@
+import { cn } from "./utils.mjs";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/ui/slot-wrapper.tsx
+/**
+* Decorator slot wrapper for form components (Input, Button, Select, etc.).
+*
+* Renders startSlot → children → endSlot in a flex row. Slot icons scale
+* to --slot-icon-size (set by the parent component's recipe). Padding
+* compensation uses CSS logical properties for RTL support.
+*
+* Decorative slots get aria-hidden so screen readers skip icons/badges
+* that don't add semantic meaning.
+*/
+function SlotWrapper({ startSlot, endSlot, children, className, ...props }) {
+	if (!startSlot && !endSlot) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-[var(--slot-gap,0.5rem)]", className),
+		...props,
+		children: [
+			startSlot && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "shrink-0 [&_svg]:size-[var(--slot-icon-size,1rem)]",
+				children: startSlot
+			}),
+			children,
+			endSlot && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "shrink-0 [&_svg]:size-[var(--slot-icon-size,1rem)]",
+				children: endSlot
+			})
+		]
+	});
+}
+//#endregion
+export { SlotWrapper };
+
+//# sourceMappingURL=slot-wrapper.mjs.map

package/dist/client/ui/slot-wrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-wrapper.mjs","names":[],"sources":["../../../src/client/ui/slot-wrapper.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\ninterface SlotWrapperProps extends React.ComponentProps<\"div\"> {\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n}\n\n/**\n * Decorator slot wrapper for form components (Input, Button, Select, etc.).\n *\n * Renders startSlot → children → endSlot in a flex row. Slot icons scale\n * to --slot-icon-size (set by the parent component's recipe). Padding\n * compensation uses CSS logical properties for RTL support.\n *\n * Decorative slots get aria-hidden so screen readers skip icons/badges\n * that don't add semantic meaning.\n */\nfunction SlotWrapper({ startSlot, endSlot, children, className, ...props }: SlotWrapperProps) {\n  if (!startSlot && !endSlot) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[var(--slot-gap,0.5rem)]\", className)} {...props}>\n      {startSlot && (\n        <span aria-hidden=\"true\" className=\"shrink-0 [&_svg]:size-[var(--slot-icon-size,1rem)]\">\n          {startSlot}\n        </span>\n      )}\n      {children}\n      {endSlot && (\n        <span aria-hidden=\"true\" className=\"shrink-0 [&_svg]:size-[var(--slot-icon-size,1rem)]\">\n          {endSlot}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport { SlotWrapper, type SlotWrapperProps };\n"],"mappings":";;;;;;;;;;;;;;AAmBA,SAAS,YAAY,EAAE,WAAW,SAAS,UAAU,WAAW,GAAG,SAA2B;AAC5F,KAAI,CAAC,aAAa,CAAC,QACjB,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;AAGxB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,kDAAkD,UAAU;EAAE,GAAI;YAArF;GACG,aACC,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAChC;IACI,CAAA;GAER;GACA,WACC,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAChC;IACI,CAAA;GAEL"}

package/dist/client/ui/tabs.d.ts

@@ -3,6 +3,16 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region src/client/ui/tabs.d.ts
+declare const tabsRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "trigger" | "content" | "list", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  trigger: string;
+  content: string;
+  list: string;
+};
 declare function Tabs({
   className,
   ...props
@@ -20,5 +30,5 @@ declare function TabsContent({
   ...props
 }: React$1.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsRecipe };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/client/ui/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/client/ui/tabs.tsx"],"mappings":";;;;;iBAOS,IAAA,CAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU7E,QAAA,CAAA;EAAW,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAavF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/client/ui/tabs.tsx"],"mappings":";;;;;cAQM,UAAA,GAAU,KAAA;EAAA;;cASd,OAAA,CAAA,MAAA;AAAA;;;;;;iBAIO,IAAA,CAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU7E,QAAA,CAAA;EAAW,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,CAAc,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/tabs.mjs

@@ -1,38 +1,54 @@
 "use client";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "radix-ui";
 //#region src/client/ui/tabs.tsx
+const tabsRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"list",
+		"trigger",
+		"content"
+	],
+	base: {
+		root: "flex flex-col gap-2",
+		list: "inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground",
+		trigger: "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		content: "flex-1 outline-none"
+	}
+});
+const defaultClasses = tabsRecipe();
 function Tabs({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		"data-slot": "tabs",
-		className: cn("flex flex-col gap-2", className),
+		className: cn(defaultClasses.root, className),
 		...props
 	});
 }
 function TabsList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Tabs$1.List, {
 		"data-slot": "tabs-list",
-		className: cn("inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground", className),
+		className: cn(defaultClasses.list, className),
 		...props
 	});
 }
 function TabsTrigger({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Tabs$1.Trigger, {
 		"data-slot": "tabs-trigger",
-		className: cn("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn(defaultClasses.trigger, className),
 		...props
 	});
 }
 function TabsContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Tabs$1.Content, {
 		"data-slot": "tabs-content",
-		className: cn("flex-1 outline-none", className),
+		className: cn(defaultClasses.content, className),
 		...props
 	});
 }
 //#endregion
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsRecipe };
 
 //# sourceMappingURL=tabs.mjs.map

package/dist/client/ui/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","names":["TabsPrimitive"],"sources":["../../../src/client/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;;;AAOA,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0D;AACtF,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAA0D;AAC1F,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GACT,gIACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GACT,oeACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EACJ,CAAA"}
+{"version":3,"file":"tabs.mjs","names":["TabsPrimitive"],"sources":["../../../src/client/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst tabsRecipe = defineSlotRecipe({\n  slots: [\"root\", \"list\", \"trigger\", \"content\"] as const,\n  base: {\n    root: \"flex flex-col gap-2\",\n    list: \"inline-flex h-9 w-fit items-center justify-center rounded-[var(--enad-button-radius)] bg-muted p-[3px] text-muted-foreground\",\n    trigger:\n      \"inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--enad-button-radius)_-_1px)] px-2 py-1 text-sm font-medium outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    content: \"flex-1 outline-none\",\n  },\n});\n\nconst defaultClasses = tabsRecipe();\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(defaultClasses.root, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(defaultClasses.list, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(defaultClasses.trigger, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(defaultClasses.content, className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,aAAa,iBAAiB;CAClC,OAAO;EAAC;EAAQ;EAAQ;EAAW;EAAU;CAC7C,MAAM;EACJ,MAAM;EACN,MAAM;EACN,SACE;EACF,SAAS;EACV;CACF,CAAC;AAEF,MAAM,iBAAiB,YAAY;AAEnC,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0D;AACtF,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAA0D;AAC1F,QACE,oBAACA,OAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,OAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA"}

package/dist/client/ui/toggle-group.d.ts

@@ -1,7 +1,5 @@
-import { toggleVariants } from "./toggle.js";
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
 //#region src/client/ui/toggle-group.d.ts
@@ -12,7 +10,9 @@ declare function ToggleGroup({
   spacing,
   children,
   ...props
-}: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
+}: React$1.ComponentProps<typeof ToggleGroup$1.Root> & {
+  variant?: "plain" | "outlined";
+  size?: "sm" | "md" | "lg";
   spacing?: number;
 }): react_jsx_runtime0.JSX.Element;
 declare function ToggleGroupItem({
@@ -21,7 +21,10 @@ declare function ToggleGroupItem({
   variant,
   size,
   ...props
-}: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroup$1.Item> & {
+  variant?: "plain" | "outlined";
+  size?: "sm" | "md" | "lg";
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/client/ui/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/client/ui/toggle-group.tsx"],"mappings":";;;;;;;iBAiBS,WAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA,IAClD,YAAA,QAAoB,cAAA;EAClB,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBM,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA,IAClD,YAAA,QAAoB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/client/ui/toggle-group.tsx"],"mappings":";;;;;iBAgBS,WAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA;EAClD,OAAA;EACA,IAAA;EACA,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBQ,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA;EAClD,OAAA;EACA,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/toggle-group.mjs

@@ -5,8 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 //#region src/client/ui/toggle-group.tsx
 const ToggleGroupContext = React$1.createContext({
-	size: "default",
-	variant: "default",
+	size: "md",
+	variant: "plain",
 	spacing: 0
 });
 function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
@@ -16,7 +16,7 @@ function ToggleGroup({ className, variant, size, spacing = 0, children, ...props
 		"data-size": size,
 		"data-spacing": spacing,
 		style: { "--gap": spacing },
-		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outlined]:shadow-xs", className),
 		...props,
 		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
 			value: {
@@ -38,7 +38,7 @@ function ToggleGroupItem({ className, children, variant, size, ...props }) {
 		className: cn(toggleVariants({
 			variant: context.variant || variant,
 			size: context.size || size
-		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className),
+		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outlined]:border-l-0 data-[spacing=0]:data-[variant=outlined]:first:border-l", className),
 		...props,
 		children
 	});

package/dist/client/ui/toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.mjs","names":["React","ToggleGroupPrimitive"],"sources":["../../../src/client/ui/toggle-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\nimport { toggleVariants } from \"./toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":";;;;;;AAOA,MAAM,qBAAqBA,QAAM,cAI/B;CACA,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC;AAEF,SAAS,YAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,UACA,GAAG,SAIA;AACH,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,WAAW,GACT,6IACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAS;GAC3D;GAC2B,CAAA;EACJ,CAAA;;AAIhC,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAEkC;CACrC,MAAM,UAAUD,QAAM,WAAW,mBAAmB;AAEpD,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACvB,CAAC,EACF,8DACA,+OACA,UACD;EACD,GAAI;EAEH;EACyB,CAAA"}
+{"version":3,"file":"toggle-group.mjs","names":["React","ToggleGroupPrimitive"],"sources":["../../../src/client/ui/toggle-group.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\nimport { toggleVariants } from \"./toggle\";\n\nconst ToggleGroupContext = React.createContext<{\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  spacing?: number;\n}>({\n  size: \"md\",\n  variant: \"plain\",\n  spacing: 0,\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & {\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  spacing?: number;\n}) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outlined]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & {\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n}) {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outlined]:border-l-0 data-[spacing=0]:data-[variant=outlined]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;AAMA,MAAM,qBAAqBA,QAAM,cAI9B;CACD,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC;AAEF,SAAS,YAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,UACA,GAAG,SAKF;AACD,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,WAAW,GACT,8IACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAS;GAC3D;GAC2B,CAAA;EACJ,CAAA;;AAIhC,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAIF;CACD,MAAM,UAAUD,QAAM,WAAW,mBAAmB;AAEpD,QACE,oBAACC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACvB,CAAC,EACF,8DACA,iPACA,UACD;EACD,GAAI;EAEH;EACyB,CAAA"}

package/dist/client/ui/toggle.d.ts

@@ -1,20 +1,29 @@
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/client/ui/toggle.d.ts
-declare const toggleVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const toggleRecipe: (props?: ({
+  variant?: "outlined" | "plain" | undefined;
+  size?: "sm" | "md" | "lg" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 declare function Toggle({
   className,
   variant,
   size,
   ...props
-}: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Toggle$1.Root> & {
+  variant?: "plain" | "outlined";
+  size?: "sm" | "md" | "lg";
+}): react_jsx_runtime0.JSX.Element;
+declare const toggleVariants: (props?: ({
+  variant?: "outlined" | "plain" | undefined;
+  size?: "sm" | "md" | "lg" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 //#endregion
-export { Toggle, toggleVariants };
+export { Toggle, toggleRecipe, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/client/ui/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../../src/client/ui/toggle.tsx"],"mappings":";;;;;;;cAMM,cAAA,GAAc,KAAA;;;IAoBnB,+BAAA,CAAA,SAAA;AAAA,iBAEQ,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA,IAC7C,YAAA,QAAoB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../../src/client/ui/toggle.tsx"],"mappings":";;;;;cAMM,YAAA,GAAY,KAAA;;;;;;iBAoBT,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA;EAC7C,OAAA;EACA,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAaK,cAAA,GAAc,KAAA"}