themelia-react-ui 1.0.0 → 1.0.2

package/dist/base/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","names":["Toaster","Sonner","PrimitiveToaster","useToastConfig","Toaster$1","Toaster$2","props","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","DEFAULT_TOAST_CLASS_NAMES","DEFAULT_TOAST_ICONS","DEFAULT_TOAST_STYLE","mergeToastClassNames","cn","overrides","Toaster","durationProp","positionProp","themeProp","closeButtonProp","richColorsProp","visibleToastsProp","resolvedToastOptions","toastOptions","className","duration","position","theme","closeButton","richColors","visibleToasts","icons","style"],"sources":["../../src/components/ui/sonner.tsx","../../src/components/base/toaster/toaster.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nconst Toaster = ({ theme = \"system\", ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n","/**\n * Toaster — base wrapper around the shadcn `ui/sonner` `<Toaster>` that\n * applies library-wide defaults from `<UIProvider>`:\n *\n *   - `toast.duration` → default lifetime in ms\n *   - `toast.position` → default screen position\n *   - `toast.theme` / `toast.closeButton` / `toast.visibleToasts`\n *     / `toast.richColors` → Sonner display defaults\n *\n * Per-mount props on this component still win over the store, so a single\n * `<Toaster duration={10_000} />` continues to override the global default.\n */\nimport {\n\tCircleCheckIcon,\n\tInfoIcon,\n\tLoader2Icon,\n\tOctagonXIcon,\n\tTriangleAlertIcon,\n} from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport type { ToastClassnames, ToasterProps } from 'sonner';\n\nimport { Toaster as PrimitiveToaster } from '../../ui/sonner';\nimport { useToastConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type { ToasterProps };\n\ntype ToastIcons = NonNullable<ToasterProps['icons']>;\n\nconst DEFAULT_TOAST_CLASS_NAMES = {\n\ttoast:\n\t\t'toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius-md !border !border-inverse-border !bg-inverse-background !p-surface has-[[data-close-button]]:!pe-[calc(var(--spacing-action-sm)+var(--spacing-space-lg))] !text-inverse-foreground !shadow-lg',\n\ttitle: 'toaster--title text-sm font-medium leading-snug text-current',\n\tdescription: 'toaster--description !text-inverse-muted text-xs leading-snug',\n\ticon:\n\t\t'toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted',\n\tcloseButton:\n\t\t'toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-inverse-border !bg-transparent !text-inverse-foreground !opacity-60 transition-[background-color,opacity] hover:!bg-inverse-surface hover:!opacity-100',\n\tactionButton:\n\t\t'toaster--action-button !h-action-sm !rounded-radius-md !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background',\n\tcancelButton:\n\t\t'toaster--cancel-button !h-action-sm !rounded-radius-md !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground',\n\tsuccess: 'toaster--success',\n\tinfo: 'toaster--info',\n\twarning: 'toaster--warning',\n\terror: 'toaster--error',\n\tloading: 'toaster--loading',\n\tdefault: 'toaster--default',\n\tcontent: 'toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere',\n} satisfies ToastClassnames;\n\nconst DEFAULT_TOAST_ICONS = {\n\tsuccess: <CircleCheckIcon className=\"size-icon-lg text-success\" />,\n\tinfo: <InfoIcon className=\"size-icon-lg text-info\" />,\n\twarning: <TriangleAlertIcon className=\"size-icon-lg text-warning\" />,\n\terror: <OctagonXIcon className=\"size-icon-lg text-destructive\" />,\n\tloading: <Loader2Icon className=\"size-icon-lg animate-spin text-inverse-muted\" />,\n} satisfies ToastIcons;\n\nconst DEFAULT_TOAST_STYLE = {\n\t'--normal-bg': 'var(--inverse-background)',\n\t'--normal-text': 'var(--inverse-foreground)',\n\t'--normal-border': 'var(--inverse-border)',\n\t'--border-radius': 'var(--radius-md)',\n\t'--width': 'min(92vw, 24rem)',\n} as CSSProperties;\n\nfunction mergeToastClassNames(overrides?: ToastClassnames): ToastClassnames {\n\treturn {\n\t\ttoast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, overrides?.toast),\n\t\ttitle: cn(DEFAULT_TOAST_CLASS_NAMES.title, overrides?.title),\n\t\tdescription: cn(DEFAULT_TOAST_CLASS_NAMES.description, overrides?.description),\n\t\ticon: cn(DEFAULT_TOAST_CLASS_NAMES.icon, overrides?.icon),\n\t\tcloseButton: cn(DEFAULT_TOAST_CLASS_NAMES.closeButton, overrides?.closeButton),\n\t\tactionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, overrides?.actionButton),\n\t\tcancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, overrides?.cancelButton),\n\t\tsuccess: cn(DEFAULT_TOAST_CLASS_NAMES.success, overrides?.success),\n\t\tinfo: cn(DEFAULT_TOAST_CLASS_NAMES.info, overrides?.info),\n\t\twarning: cn(DEFAULT_TOAST_CLASS_NAMES.warning, overrides?.warning),\n\t\terror: cn(DEFAULT_TOAST_CLASS_NAMES.error, overrides?.error),\n\t\tloading: cn(DEFAULT_TOAST_CLASS_NAMES.loading, overrides?.loading),\n\t\tdefault: cn(DEFAULT_TOAST_CLASS_NAMES.default, overrides?.default),\n\t\tloader: overrides?.loader,\n\t\tcontent: cn(DEFAULT_TOAST_CLASS_NAMES.content, overrides?.content),\n\t};\n}\n\nexport function Toaster({\n\tduration: durationProp,\n\tposition: positionProp,\n\ttheme: themeProp,\n\tcloseButton: closeButtonProp,\n\trichColors: richColorsProp,\n\tvisibleToasts: visibleToastsProp,\n\ttoastOptions,\n\ticons,\n\tclassName,\n\tstyle,\n\t...props\n}: ToasterProps) {\n\tconst {\n\t\tduration,\n\t\tposition,\n\t\ttheme,\n\t\tcloseButton,\n\t\trichColors,\n\t\tvisibleToasts,\n\t} = useToastConfig();\n\n\tconst resolvedToastOptions: ToasterProps['toastOptions'] = {\n\t\t...toastOptions,\n\t\tclassNames: mergeToastClassNames(toastOptions?.classNames),\n\t};\n\n\treturn (\n\t\t<PrimitiveToaster\n\t\t\t{...props}\n\t\t\tclassName={cn('toaster group toaster--component', className)}\n\t\t\tduration={durationProp ?? duration}\n\t\t\tposition={positionProp ?? position}\n\t\t\ttheme={themeProp ?? theme ?? 'dark'}\n\t\t\tcloseButton={closeButtonProp ?? closeButton}\n\t\t\trichColors={richColorsProp ?? richColors}\n\t\t\tvisibleToasts={visibleToastsProp ?? visibleToasts}\n\t\t\ttoastOptions={resolvedToastOptions}\n\t\t\ticons={{ ...DEFAULT_TOAST_ICONS, ...icons }}\n\t\t\tstyle={{ ...DEFAULT_TOAST_STYLE, ...style } as CSSProperties}\n\t\t/>\n\t);\n}\n\nToaster.displayName = 'Toaster';\n"],"mappings":";;;;;;;AAGA,IAAMA,KAAW,EAAE,WAAQ,UAAU,GAAGM,QAEpC,kBAACL,GAAD;CACS;CACP,WAAU;CACV,OAAO;EACL,SACE,kBAACM,GAAD,EAAiB,WAAU,SAAU,CAAA;EAEvC,MACE,kBAACC,GAAD,EAAU,WAAU,SAAU,CAAA;EAEhC,SACE,kBAACC,GAAD,EAAmB,WAAU,SAAU,CAAA;EAEzC,OACE,kBAACC,GAAD,EAAc,WAAU,SAAU,CAAA;EAEpC,SACE,kBAACC,GAAD,EAAa,WAAU,sBAAuB,CAAA;CAElD;CACA,OACE;EACE,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;CACrB;CAEF,cAAc,EACZ,YAAY,EACV,OAAO,WACT,EACF;CACA,GAAIL;AACL,CAAA,GCTCM,IAA4B;CACjC,OACC;CACD,OAAO;CACP,aAAa;CACb,MACC;CACD,aACC;CACD,cACC;CACD,cACC;CACD,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACT,SAAS;AACV,GAEMC,IAAsB;CAC3B,SAAS,kBAACN,GAAD,EAAiB,WAAU,4BAA6B,CAAA;CACjE,MAAM,kBAACC,GAAD,EAAU,WAAU,yBAA0B,CAAA;CACpD,SAAS,kBAACC,GAAD,EAAmB,WAAU,4BAA6B,CAAA;CACnE,OAAO,kBAACC,GAAD,EAAc,WAAU,gCAAiC,CAAA;CAChE,SAAS,kBAACC,GAAD,EAAa,WAAU,+CAAgD,CAAA;AACjF,GAEMG,IAAsB;CAC3B,eAAe;CACf,iBAAiB;CACjB,mBAAmB;CACnB,mBAAmB;CACnB,WAAW;AACZ;AAEA,SAASC,EAAqB,GAA8C;CAC3E,OAAO;EACN,OAAOC,EAAGJ,EAA0B,OAAOK,GAAW,KAAK;EAC3D,OAAOD,EAAGJ,EAA0B,OAAOK,GAAW,KAAK;EAC3D,aAAaD,EAAGJ,EAA0B,aAAaK,GAAW,WAAW;EAC7E,MAAMD,EAAGJ,EAA0B,MAAMK,GAAW,IAAI;EACxD,aAAaD,EAAGJ,EAA0B,aAAaK,GAAW,WAAW;EAC7E,cAAcD,EAAGJ,EAA0B,cAAcK,GAAW,YAAY;EAChF,cAAcD,EAAGJ,EAA0B,cAAcK,GAAW,YAAY;EAChF,SAASD,EAAGJ,EAA0B,SAASK,GAAW,OAAO;EACjE,MAAMD,EAAGJ,EAA0B,MAAMK,GAAW,IAAI;EACxD,SAASD,EAAGJ,EAA0B,SAASK,GAAW,OAAO;EACjE,OAAOD,EAAGJ,EAA0B,OAAOK,GAAW,KAAK;EAC3D,SAASD,EAAGJ,EAA0B,SAASK,GAAW,OAAO;EACjE,SAASD,EAAGJ,EAA0B,SAASK,GAAW,OAAO;EACjE,QAAQA,GAAW;EACnB,SAASD,EAAGJ,EAA0B,SAASK,GAAW,OAAO;CAClE;AACD;AAEA,SAAgBC,EAAQ,EACvB,UAAUC,GACV,UAAUC,GACV,OAAOC,GACP,aAAaC,GACb,YAAYC,GACZ,eAAeC,GACf,iBACA,UACA,cACA,UACA,GAAGlB,KACa;CAChB,IAAM,EACL,aACA,aACA,UACA,gBACA,eACA,qBACGH,EAAe,GAEbsB,IAAqD;EAC1D,GAAGC;EACH,YAAYX,EAAqBW,GAAc,UAAU;CAC1D;CAEA,OACC,kBAACxB,GAAD;EACC,GAAII;EACJ,WAAWU,EAAG,oCAAoCW,CAAS;EAC3D,UAAUR,KAAgBS;EAC1B,UAAUR,KAAgBS;EAC1B,OAAOR,KAAaS,KAAS;EAC7B,aAAaR,KAAmBS;EAChC,YAAYR,KAAkBS;EAC9B,eAAeR,KAAqBS;EACpC,cAAcR;EACd,OAAO;GAAE,GAAGZ;GAAqB,GAAGqB;EAAM;EAC1C,OAAO;GAAE,GAAGpB;GAAqB,GAAGqB;EAAM;CAC1C,CAAA;AAEH;AAEA,EAAQ,cAAc"}
+{"version":3,"file":"toaster.js","names":["Toaster","Sonner","PrimitiveToaster","useToastConfig","Toaster$1","Toaster$2","props","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","DEFAULT_TOAST_CLASS_NAMES","DEFAULT_TOAST_ICONS","DEFAULT_TOAST_STYLE","mergeToastClassNames","cn","overrides","Toaster","durationProp","positionProp","themeProp","closeButtonProp","richColorsProp","visibleToastsProp","resolvedToastOptions","toastOptions","className","duration","position","theme","closeButton","richColors","visibleToasts","icons","style"],"sources":["../../src/components/ui/sonner.tsx","../../src/components/base/toaster/toaster.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nconst Toaster = ({ theme = \"system\", ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n","/**\n * Toaster — base wrapper around the shadcn `ui/sonner` `<Toaster>` that\n * applies library-wide defaults from `<UIProvider>`:\n *\n *   - `toast.duration` → default lifetime in ms\n *   - `toast.position` → default screen position\n *   - `toast.theme` / `toast.closeButton` / `toast.visibleToasts`\n *     / `toast.richColors` → Sonner display defaults\n *\n * Per-mount props on this component still win over the store, so a single\n * `<Toaster duration={10_000} />` continues to override the global default.\n */\nimport {\n\tCircleCheckIcon,\n\tInfoIcon,\n\tLoader2Icon,\n\tOctagonXIcon,\n\tTriangleAlertIcon,\n} from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport type { ToastClassnames, ToasterProps } from 'sonner';\n\nimport { Toaster as PrimitiveToaster } from '../../ui/sonner';\nimport { useToastConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type { ToasterProps };\n\ntype ToastIcons = NonNullable<ToasterProps['icons']>;\n\nconst DEFAULT_TOAST_CLASS_NAMES = {\n\ttoast:\n\t\t'toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius !border !border-inverse-border !bg-inverse-background !p-surface has-[[data-close-button]]:!pe-[calc(var(--spacing-action-sm)+var(--spacing-space-lg))] !text-inverse-foreground !shadow-lg',\n\ttitle: 'toaster--title text-sm font-medium leading-snug text-current',\n\tdescription: 'toaster--description !text-inverse-muted text-xs leading-snug',\n\ticon:\n\t\t'toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted',\n\tcloseButton:\n\t\t'toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-inverse-border !bg-transparent !text-inverse-foreground !opacity-60 transition-[background-color,opacity] hover:!bg-inverse-surface hover:!opacity-100',\n\tactionButton:\n\t\t'toaster--action-button !h-action-sm !rounded-inner !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background',\n\tcancelButton:\n\t\t'toaster--cancel-button !h-action-sm !rounded-inner !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground',\n\tsuccess: 'toaster--success',\n\tinfo: 'toaster--info',\n\twarning: 'toaster--warning',\n\terror: 'toaster--error',\n\tloading: 'toaster--loading',\n\tdefault: 'toaster--default',\n\tcontent: 'toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere',\n} satisfies ToastClassnames;\n\nconst DEFAULT_TOAST_ICONS = {\n\tsuccess: <CircleCheckIcon className=\"size-icon-lg text-success\" />,\n\tinfo: <InfoIcon className=\"size-icon-lg text-info\" />,\n\twarning: <TriangleAlertIcon className=\"size-icon-lg text-warning-accent\" />,\n\terror: <OctagonXIcon className=\"size-icon-lg text-destructive\" />,\n\tloading: <Loader2Icon className=\"size-icon-lg animate-spin text-inverse-muted\" />,\n} satisfies ToastIcons;\n\nconst DEFAULT_TOAST_STYLE = {\n\t'--normal-bg': 'var(--inverse-background)',\n\t'--normal-text': 'var(--inverse-foreground)',\n\t'--normal-border': 'var(--inverse-border)',\n\t'--border-radius': 'var(--radius-md)',\n\t'--width': 'min(92vw, 24rem)',\n} as CSSProperties;\n\nfunction mergeToastClassNames(overrides?: ToastClassnames): ToastClassnames {\n\treturn {\n\t\ttoast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, overrides?.toast),\n\t\ttitle: cn(DEFAULT_TOAST_CLASS_NAMES.title, overrides?.title),\n\t\tdescription: cn(DEFAULT_TOAST_CLASS_NAMES.description, overrides?.description),\n\t\ticon: cn(DEFAULT_TOAST_CLASS_NAMES.icon, overrides?.icon),\n\t\tcloseButton: cn(DEFAULT_TOAST_CLASS_NAMES.closeButton, overrides?.closeButton),\n\t\tactionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, overrides?.actionButton),\n\t\tcancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, overrides?.cancelButton),\n\t\tsuccess: cn(DEFAULT_TOAST_CLASS_NAMES.success, overrides?.success),\n\t\tinfo: cn(DEFAULT_TOAST_CLASS_NAMES.info, overrides?.info),\n\t\twarning: cn(DEFAULT_TOAST_CLASS_NAMES.warning, overrides?.warning),\n\t\terror: cn(DEFAULT_TOAST_CLASS_NAMES.error, overrides?.error),\n\t\tloading: cn(DEFAULT_TOAST_CLASS_NAMES.loading, overrides?.loading),\n\t\tdefault: cn(DEFAULT_TOAST_CLASS_NAMES.default, overrides?.default),\n\t\tloader: overrides?.loader,\n\t\tcontent: cn(DEFAULT_TOAST_CLASS_NAMES.content, overrides?.content),\n\t};\n}\n\nexport function Toaster({\n\tduration: durationProp,\n\tposition: positionProp,\n\ttheme: themeProp,\n\tcloseButton: closeButtonProp,\n\trichColors: richColorsProp,\n\tvisibleToasts: visibleToastsProp,\n\ttoastOptions,\n\ticons,\n\tclassName,\n\tstyle,\n\t...props\n}: ToasterProps) {\n\tconst {\n\t\tduration,\n\t\tposition,\n\t\ttheme,\n\t\tcloseButton,\n\t\trichColors,\n\t\tvisibleToasts,\n\t} = useToastConfig();\n\n\tconst resolvedToastOptions: ToasterProps['toastOptions'] = {\n\t\t...toastOptions,\n\t\tclassNames: mergeToastClassNames(toastOptions?.classNames),\n\t};\n\n\treturn (\n\t\t<PrimitiveToaster\n\t\t\t{...props}\n\t\t\tclassName={cn('toaster group toaster--component', className)}\n\t\t\tduration={durationProp ?? duration}\n\t\t\tposition={positionProp ?? position}\n\t\t\ttheme={themeProp ?? theme ?? 'dark'}\n\t\t\tcloseButton={closeButtonProp ?? closeButton}\n\t\t\trichColors={richColorsProp ?? richColors}\n\t\t\tvisibleToasts={visibleToastsProp ?? visibleToasts}\n\t\t\ttoastOptions={resolvedToastOptions}\n\t\t\ticons={{ ...DEFAULT_TOAST_ICONS, ...icons }}\n\t\t\tstyle={{ ...DEFAULT_TOAST_STYLE, ...style } as CSSProperties}\n\t\t/>\n\t);\n}\n\nToaster.displayName = 'Toaster';\n"],"mappings":"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"}

package/dist/base/tree.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../tree-COD9BGdU.js";
+import { t as e } from "../tree-BtmYyMZV.js";
 export { e as Tree };

package/dist/base/upload-queue.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../upload-queue-xRJ3qDmd.js";
+import { i as e, n as t, r as n, t as r } from "../upload-queue-CNd_hH_a.js";
 export { n as UploadProgressList, r as UploadTray, e as defaultUploadProgressListStrings, t as defaultUploadTrayStrings };

package/dist/base/upload.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as e, t } from "../media-gallery-Ca4YmvBi.js";
-import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-xRJ3qDmd.js";
-import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-DIzw1dx1.js";
+import { n as e, t } from "../media-gallery-DLp3HAz0.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-CNd_hH_a.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-CDbYw1WN.js";
 export { p as AvatarUpload, n as Dropzone, c as FileUpload, f as ImageUpload, t as MediaGallery, o as UploadProgressList, s as UploadTray, u as defaultAvatarUploadStrings, a as defaultDropzoneStrings, d as defaultFileUploadStrings, l as defaultImageUploadStrings, e as defaultMediaGalleryStrings, r as defaultUploadProgressListStrings, i as defaultUploadTrayStrings };

package/dist/base/value-inputs.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../value-inputs-Co1fu-xv.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../value-inputs-D0KCrfVC.js";
 export { a as COUNTRY_PREFIX_MAP, n as ColorInput, s as DEFAULT_COUNTRY_PREFIXES, c as DateTimeInput, t as PhoneInput, i as SliderField, l as TagsInput, e as defaultColorInputStrings, r as defaultPhoneInputStrings, o as defaultSliderStrings };

package/dist/blocks/admin.js

@@ -1,24 +1,24 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-C2EKeIw3.js";
-import { n } from "../buttons-Co6GavvM.js";
-import { a as r, r as i } from "../typography-Cv8MT-82.js";
-import { r as a, t as o } from "../structure-BvW4vG4H.js";
-import { _ as s, f as c, m as l, p as u } from "../smart-card-B5FcKODh.js";
-import { n as d } from "../action-menu-Cx3SdfbN.js";
-import { m as f } from "../primitives-DKPOGVpj.js";
-import { t as p } from "../icon-badge-Dv0RYQwj.js";
-import { t as m } from "../badge-BZXZT9wd.js";
-import { t as h } from "../input-DMorJiTI.js";
-import { t as g } from "../copyable-B7SBXJMr.js";
-import { n as _ } from "../display-ByI5tkqy.js";
-import { n as v, r as y, t as b } from "../collapsible-DsnktFNv.js";
-import { t as x } from "../form-field-C6W-y2hR.js";
-import { c as S } from "../choice-inputs-CavA-SGV.js";
-import { c as C, n as w, r as T, t as E } from "../item-pJ0GsOiJ.js";
-import { forwardRef as D, useCallback as O, useMemo as ee, useState as k } from "react";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { Check as M, ChevronRight as te, Copy as N, KeyRound as P, Lock as F, Minus as I, Pencil as L, Plus as R, ShieldAlert as z, Trash2 as B } from "lucide-react";
+import { t } from "../utils-BvH9PSmq.js";
+import { a as n, r } from "../typography-BxQgiZyw.js";
+import { t as i } from "../button-BZDasD04.js";
+import { r as a, t as o } from "../structure-CRdqVawd.js";
+import { h as s, m as c, p as l, v as u } from "../smart-card-DjGVV2xr.js";
+import { n as d } from "../action-menu-Drxw_vJk.js";
+import { m as f } from "../primitives-C7ff0QaI.js";
+import { t as p } from "../icon-badge-Btc6pQrp.js";
+import { t as m } from "../badge-CzId1Wlm.js";
+import { t as h } from "../input-SX9V0AL3.js";
+import { t as g } from "../copyable-BTSByfmq.js";
+import { t as _ } from "../checkbox-BQNDjUCh.js";
+import { n as v } from "../display-CS6Hbk18.js";
+import { n as y, r as b, t as x } from "../collapsible-ClvC7Bj3.js";
+import { t as S } from "../form-field-CZwrkP7m.js";
+import { c as C, n as w, r as T, t as ee } from "../item-DE4YnuJx.js";
+import { forwardRef as E, useCallback as D, useMemo as te, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Check as j, ChevronRight as M, Copy as N, KeyRound as P, Lock as F, Minus as I, Pencil as L, Plus as R, ShieldAlert as z, Trash2 as B } from "lucide-react";
 import { toast as V } from "sonner";
 //#region src/components/blocks/admin/admin.strings.ts
 var H = {
@@ -31,63 +31,63 @@ var H = {
 //#region src/components/blocks/admin/role-permission/role-permission.tsx
 function U({ roleName: a, description: s, memberCount: c, sections: l, onEdit: u, className: d, strings: f }) {
 	let p = e(H, f);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		"data-component": "role-permission",
 		"data-slot": "role-permission",
 		className: t("role-permission--component", d),
 		children: [
-			/* @__PURE__ */ j(o, {
+			/* @__PURE__ */ A(o, {
 				direction: "horizontal",
 				gap: "md",
 				align: "start",
 				justify: "between",
 				className: "role-permission--header",
-				children: [/* @__PURE__ */ j(o, {
+				children: [/* @__PURE__ */ A(o, {
 					gap: "normal",
 					className: "flex-1",
-					children: [/* @__PURE__ */ A(r, {
+					children: [/* @__PURE__ */ k(n, {
 						weight: "semibold",
 						children: a
-					}), !!s && /* @__PURE__ */ A(r, {
+					}), !!s && /* @__PURE__ */ k(n, {
 						size: "xs",
 						type: "secondary",
 						children: s
 					})]
-				}), c !== void 0 && /* @__PURE__ */ A(m, {
+				}), c !== void 0 && /* @__PURE__ */ k(m, {
 					tone: "info",
 					children: p.formatMemberCount(c)
 				})]
 			}),
-			/* @__PURE__ */ A(o, {
+			/* @__PURE__ */ k(o, {
 				gap: "xl",
 				className: "mt-space-2xl",
-				children: l.map((e) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A(i, { children: e.name }), /* @__PURE__ */ A("div", {
+				children: l.map((e) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(r, { children: e.name }), /* @__PURE__ */ k("div", {
 					className: "mt-space-md flex flex-wrap gap-space-md",
-					children: e.permissions.map((e) => /* @__PURE__ */ j("div", {
+					children: e.permissions.map((e) => /* @__PURE__ */ A("div", {
 						className: "flex items-center gap-space-sm",
-						children: [/* @__PURE__ */ A("span", {
+						children: [/* @__PURE__ */ k("span", {
 							role: "img",
 							"aria-label": `${e.label}: ${e.active ? p.permissionAllowed : p.permissionDenied}`,
 							className: t("inline-flex size-icon-sm shrink-0", e.active ? "text-success" : "text-muted-foreground"),
-							children: e.active ? /* @__PURE__ */ A(M, {
+							children: e.active ? /* @__PURE__ */ k(j, {
 								className: "size-full",
 								"aria-hidden": !0
-							}) : /* @__PURE__ */ A(I, {
+							}) : /* @__PURE__ */ k(I, {
 								className: "size-full",
 								"aria-hidden": !0
 							})
-						}), /* @__PURE__ */ A(r, {
+						}), /* @__PURE__ */ k(n, {
 							className: e.active ? "text-foreground" : "text-muted-foreground",
 							children: e.label
 						})]
 					}, e.label))
 				})] }, e.name))
 			}),
-			!!u && /* @__PURE__ */ A(n, {
+			!!u && /* @__PURE__ */ k(i, {
 				tone: "secondary",
 				buttonStyle: "ghost",
 				icon: L,
-				className: "mt-5",
+				className: "mt-space-xl",
 				onClick: u,
 				children: p.editRole
 			})
@@ -107,54 +107,54 @@ var W = {
 	copyToastSuccess: "Copied to clipboard",
 	copyToastError: "Failed to copy",
 	emptyMessage: "No keys yet."
-}, G = D(function({ items: i, defaultOpen: a = !0, open: s, onOpenChange: c, onAdd: l, onDelete: u, onCopy: d, title: f, className: p, strings: m }, h) {
-	let g = e(W, m), _ = s !== void 0, [x, S] = k(a), C = _ ? s : x, w = O((e) => {
+}, G = E(function({ items: r, defaultOpen: a = !0, open: s, onOpenChange: c, onAdd: l, onDelete: u, onCopy: d, title: f, className: p, strings: m }, h) {
+	let g = e(W, m), _ = s !== void 0, [v, S] = O(a), C = _ ? s : v, w = D((e) => {
 		_ || S(e), c?.(e);
 	}, [_, c]);
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ k("div", {
 		ref: h,
 		"data-component": "api-key-list",
 		"data-slot": "api-key-list",
 		className: t("api-key-list--component @container/api-key-list min-w-0", p),
-		children: /* @__PURE__ */ j(b, {
+		children: /* @__PURE__ */ A(x, {
 			open: C,
 			onOpenChange: w,
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ A(y, {
+				children: [/* @__PURE__ */ k(b, {
 					asChild: !0,
-					children: /* @__PURE__ */ j(n, {
+					children: /* @__PURE__ */ A(i, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "md",
-						className: "h-action flex-1 justify-start gap-space-md rounded-radius px-0 py-0 text-left",
-						children: [/* @__PURE__ */ A(te, {
+						className: "h-action flex-1 justify-start gap-space-md rounded-inner px-0 py-0 text-left",
+						children: [/* @__PURE__ */ k(M, {
 							"aria-hidden": "true",
 							className: t("size-icon text-muted-foreground transition-transform", C && "rotate-90")
-						}), /* @__PURE__ */ A(r, {
+						}), /* @__PURE__ */ k(n, {
 							tag: "span",
 							weight: "semibold",
 							children: f ?? g.title
 						})]
 					})
-				}), !!l && /* @__PURE__ */ A(n, {
+				}), !!l && /* @__PURE__ */ k(i, {
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
 					onClick: l,
 					"aria-label": g.addAria,
-					children: /* @__PURE__ */ A(R, { className: "size-icon" })
+					children: /* @__PURE__ */ k(R, { className: "size-icon" })
 				})]
-			}), /* @__PURE__ */ A(v, {
-				className: "pt-3",
-				children: i.length === 0 ? /* @__PURE__ */ A(r, {
+			}), /* @__PURE__ */ k(y, {
+				className: "pt-space-lg",
+				children: r.length === 0 ? /* @__PURE__ */ k(n, {
 					type: "secondary",
 					children: g.emptyMessage
-				}) : /* @__PURE__ */ A(o, {
+				}) : /* @__PURE__ */ k(o, {
 					gap: "lg",
-					children: i.map((e) => /* @__PURE__ */ A(K, {
+					children: r.map((e) => /* @__PURE__ */ k(K, {
 						item: e,
 						onDelete: u,
 						onCopy: d,
@@ -171,16 +171,16 @@ var W = {
 	});
 });
 G.displayName = "ApiKeyList";
-function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel: a, deleteMenuLabel: o, rowMenuAria: s, copyToastSuccess: c, copyToastError: l }) {
-	let [u, m] = k(!1), h = O(async () => {
+function K({ item: e, onDelete: t, onCopy: r, copyMenuLabel: i, copiedMenuLabel: a, deleteMenuLabel: o, rowMenuAria: s, copyToastSuccess: c, copyToastError: l }) {
+	let [u, m] = O(!1), h = D(async () => {
 		try {
-			await navigator.clipboard.writeText(e.value), m(!0), setTimeout(() => m(!1), 1500), V.success(c), n?.(e.id, e);
+			await navigator.clipboard.writeText(e.value), m(!0), setTimeout(() => m(!1), 1500), V.success(c), r?.(e.id, e);
 		} catch {
 			V.error(l);
 		}
 	}, [
 		e,
-		n,
+		r,
 		c,
 		l
 	]), g = e.displayValue ?? e.value, _ = [...e.copyable === !1 ? [] : [{
@@ -199,37 +199,37 @@ function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel:
 		disabled: e.disabled,
 		onClick: () => t(e.id, e)
 	}] : []];
-	return /* @__PURE__ */ j(E, {
+	return /* @__PURE__ */ A(ee, {
 		size: "sm",
 		"data-slot": "api-key-row",
 		className: "flex-nowrap",
 		children: [
-			/* @__PURE__ */ A(C, {
+			/* @__PURE__ */ k(C, {
 				variant: "icon",
-				children: /* @__PURE__ */ A(p, {
+				children: /* @__PURE__ */ k(p, {
 					size: "sm",
 					shape: "square",
 					tone: "neutral",
 					bordered: !0,
 					className: "text-success",
-					children: e.icon ?? /* @__PURE__ */ A(F, { className: "size-icon-md" })
+					children: e.icon ?? /* @__PURE__ */ k(F, { className: "size-icon-md" })
 				})
 			}),
-			/* @__PURE__ */ j(T, {
-				className: "min-w-0 flex-row items-center gap-2.5",
-				children: [/* @__PURE__ */ A(r, {
+			/* @__PURE__ */ A(T, {
+				className: "min-w-0 flex-row items-center gap-space-md",
+				children: [/* @__PURE__ */ k(n, {
 					tag: "span",
 					weight: "medium",
 					className: "w-20 shrink-0 truncate @md/api-key-list:w-24",
 					children: e.name
-				}), /* @__PURE__ */ A(f, {
-					className: "min-w-0 flex-1 truncate rounded-radius-sm bg-muted px-2 py-1",
+				}), /* @__PURE__ */ k(f, {
+					className: "min-w-0 flex-1 truncate rounded-inner bg-muted px-space-md py-space-xs",
 					children: g
 				})]
 			}),
-			/* @__PURE__ */ A(w, {
+			/* @__PURE__ */ k(w, {
 				className: "shrink-0",
-				children: /* @__PURE__ */ A(d, {
+				children: /* @__PURE__ */ k(d, {
 					actions: _,
 					srText: s,
 					align: "end",
@@ -246,47 +246,47 @@ function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel:
 K.displayName = "ApiKeyRow";
 //#endregion
 //#region src/components/blocks/admin/action-surfaces/index.tsx
-function q({ title: e, description: n, confirmation: i, action: a, icon: s = z, padding: u = "md", surface: d = "card", className: f }) {
-	return /* @__PURE__ */ j(_, {
+function q({ title: e, description: r, confirmation: i, action: a, icon: c = z, padding: u = "md", surface: d = "card", className: f }) {
+	return /* @__PURE__ */ A(v, {
 		"data-component": "sensitive-action-card",
 		"data-slot": "sensitive-action-card",
 		padding: u,
 		surface: d,
 		className: t("sensitive-action-card--component border-destructive/30", f),
 		contentClassName: "sensitive-action-card--content grid gap-space-lg",
-		children: [/* @__PURE__ */ j(o, {
+		children: [/* @__PURE__ */ A(o, {
 			direction: "horizontal",
 			align: "start",
 			gap: "lg",
 			className: "min-w-0",
 			children: [
-				/* @__PURE__ */ A(p, {
-					icon: s,
+				/* @__PURE__ */ k(p, {
+					icon: c,
 					tone: "destructive",
 					shape: "square",
 					size: "md"
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ A(o, {
+					gap: "normal",
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ A(r, {
+					children: [/* @__PURE__ */ k(n, {
 						weight: "semibold",
 						children: e
-					}), !!n && /* @__PURE__ */ A(r, {
+					}), !!r && /* @__PURE__ */ k(n, {
 						type: "secondary",
-						className: "mt-0.5",
-						children: n
+						children: r
 					})]
 				}),
-				!!a && /* @__PURE__ */ A("div", {
+				!!a && /* @__PURE__ */ k("div", {
 					className: "shrink-0",
 					children: a
 				})
 			]
-		}), !!i && /* @__PURE__ */ A(c, {
+		}), !!i && /* @__PURE__ */ k(l, {
 			tone: "destructive",
 			role: "note",
 			className: "sensitive-action-card--confirmation",
-			children: /* @__PURE__ */ A(l, { children: i })
+			children: /* @__PURE__ */ k(s, { children: i })
 		})]
 	});
 }
@@ -295,33 +295,33 @@ var J = {
 	description: "Copy this value now. It may not be shown again.",
 	copySuccess: "Secret copied"
 };
-function Y({ value: n, displayValue: i, title: a, description: d, action: f, className: p, strings: m }) {
+function Y({ value: r, displayValue: i, title: a, description: d, action: f, className: p, strings: m }) {
 	let h = e(J, m);
-	return /* @__PURE__ */ j(c, {
+	return /* @__PURE__ */ A(l, {
 		"data-component": "copyable-secret-alert",
 		"data-slot": "copyable-secret-alert",
 		tone: "success",
 		className: t("copyable-secret-alert--component", p),
 		children: [
-			/* @__PURE__ */ A(P, { className: "size-icon" }),
-			/* @__PURE__ */ A(s, { children: a ?? h.title }),
-			/* @__PURE__ */ A(l, { children: /* @__PURE__ */ j(o, {
-				render: /* @__PURE__ */ A("span", {}),
+			/* @__PURE__ */ k(P, { className: "size-icon" }),
+			/* @__PURE__ */ k(u, { children: a ?? h.title }),
+			/* @__PURE__ */ k(s, { children: /* @__PURE__ */ A(o, {
+				render: /* @__PURE__ */ k("span", {}),
 				gap: "md",
-				children: [/* @__PURE__ */ A(r, {
+				children: [/* @__PURE__ */ k(n, {
 					tag: "span",
 					type: "secondary",
 					children: d ?? h.description
-				}), /* @__PURE__ */ A(g, {
-					value: n,
-					displayValue: i ?? n,
+				}), /* @__PURE__ */ k(g, {
+					value: r,
+					displayValue: i ?? r,
 					mono: !0,
 					truncate: !0,
-					className: "copyable-secret-alert--value max-w-full rounded-radius-md bg-background px-2 py-1",
+					className: "copyable-secret-alert--value max-w-full rounded-inner bg-background px-space-md py-space-xs",
 					strings: { success: h.copySuccess }
 				})]
 			}) }),
-			!!f && /* @__PURE__ */ A(u, { children: f })
+			!!f && /* @__PURE__ */ k(c, { children: f })
 		]
 	});
 }
@@ -336,19 +336,19 @@ var X = {
 	createdTitle: "Token created",
 	createdDescription: "Copy this token now. It will not be shown again."
 };
-function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName: d = "", onNameChange: f, selectedAbilities: p, defaultSelectedAbilities: m = [], onSelectedAbilitiesChange: g, onCreateToken: v, onRevokeToken: y, onRevokeAllTokens: b, onAfterMutate: C, onError: w, creating: T = !1, revokingAll: E = !1, disabled: D = !1, className: M, strings: te }) {
-	let N = e(X, te), P = u !== void 0, F = p !== void 0, [I, L] = k(d), [z, V] = k([...m]), [H, U] = k(null), W = P ? u : I, K = ee(() => F ? [...p] : z, [
+function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName: d = "", onNameChange: f, selectedAbilities: p, defaultSelectedAbilities: m = [], onSelectedAbilitiesChange: g, onCreateToken: y, onRevokeToken: b, onRevokeAllTokens: x, onAfterMutate: C, onError: w, creating: T = !1, revokingAll: ee = !1, disabled: E = !1, className: j, strings: M }) {
+	let N = e(X, M), P = u !== void 0, F = p !== void 0, [I, L] = O(d), [z, V] = O([...m]), [H, U] = O(null), W = P ? u : I, K = te(() => F ? [...p] : z, [
 		z,
 		F,
 		p
-	]), q = T || H === "create", J = E || H === "revoke-all", Z = O((e) => {
+	]), q = T || H === "create", J = ee || H === "revoke-all", Z = D((e) => {
 		P || L(e), f?.(e);
-	}, [P, f]), Q = O((e) => {
+	}, [P, f]), Q = D((e) => {
 		F || V(e), g?.(e);
-	}, [F, g]), ne = O((e, t) => {
+	}, [F, g]), ne = D((e, t) => {
 		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...K, e])) : K.filter((t) => t !== e);
 		Q(n);
-	}, [K, Q]), $ = O(async (e, t, n) => {
+	}, [K, Q]), $ = D(async (e, t, n) => {
 		U(e);
 		try {
 			await t(), C?.({
@@ -360,64 +360,64 @@ function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName
 		} finally {
 			U(null);
 		}
-	}, [C, w]), re = O(() => {
-		if (!v) return;
+	}, [C, w]), re = D(() => {
+		if (!y) return;
 		let e = {
 			name: W,
 			abilities: K
 		};
-		$("create", () => v(e), e);
+		$("create", () => y(e), e);
 	}, [
-		v,
+		y,
 		K,
 		W,
 		$
-	]), ie = O((e, t) => {
-		y && $("revoke", () => y(e, t), t);
-	}, [y, $]), ae = O(() => {
-		b && $("revoke-all", b);
-	}, [b, $]);
-	return /* @__PURE__ */ j(_, {
+	]), ie = D((e, t) => {
+		b && $("revoke", () => b(e, t), t);
+	}, [b, $]), ae = D(() => {
+		x && $("revoke-all", x);
+	}, [x, $]);
+	return /* @__PURE__ */ A(v, {
 		"data-component": "api-token-manager",
 		"data-slot": "api-token-manager",
 		title: N.title,
 		description: N.description,
-		headerAction: b ? /* @__PURE__ */ j(n, {
+		headerAction: x ? /* @__PURE__ */ A(i, {
 			type: "button",
 			tone: "destructive",
 			buttonStyle: "outline",
 			loading: J,
-			disabled: D || s.length === 0,
+			disabled: E || s.length === 0,
 			onClick: ae,
-			children: [/* @__PURE__ */ A(B, { className: "size-icon" }), N.revokeAll]
+			children: [/* @__PURE__ */ k(B, { className: "size-icon" }), N.revokeAll]
 		}) : void 0,
-		className: t("api-token-manager--component", M),
-		children: [/* @__PURE__ */ j(o, {
+		className: t("api-token-manager--component", j),
+		children: [/* @__PURE__ */ A(o, {
 			gap: "xl",
 			className: "api-token-manager--content",
-			children: [!!l && /* @__PURE__ */ A(Y, {
+			children: [!!l && /* @__PURE__ */ k(Y, {
 				value: l.value,
 				displayValue: l.displayValue,
 				title: l.name ?? N.createdTitle,
 				description: N.createdDescription
-			}), /* @__PURE__ */ A("div", {
+			}), /* @__PURE__ */ k("div", {
 				className: "api-token-manager--form rounded-radius border border-border/70 bg-muted/20 p-surface",
-				children: /* @__PURE__ */ j(o, {
+				children: /* @__PURE__ */ A(o, {
 					gap: "lg",
 					children: [
-						/* @__PURE__ */ A(x, {
+						/* @__PURE__ */ k(S, {
 							label: N.nameLabel,
-							children: /* @__PURE__ */ A(h, {
+							children: /* @__PURE__ */ k(h, {
 								value: W,
 								placeholder: N.namePlaceholder,
 								onChange: (e) => Z(e.currentTarget.value),
-								disabled: D || q
+								disabled: E || q
 							})
 						}),
-						c.length > 0 && /* @__PURE__ */ j(o, {
+						c.length > 0 && /* @__PURE__ */ A(o, {
 							gap: "md",
 							className: "api-token-manager--abilities",
-							children: [/* @__PURE__ */ A(i, { children: N.abilitiesLabel }), /* @__PURE__ */ A(a, {
+							children: [/* @__PURE__ */ k(r, { children: N.abilitiesLabel }), /* @__PURE__ */ k(a, {
 								columns: {
 									base: 1,
 									sm: 2
@@ -425,20 +425,20 @@ function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName
 								gap: "md",
 								children: c.map((e) => {
 									let t = K.includes(e.id);
-									return /* @__PURE__ */ j("label", {
-										className: "flex min-w-0 items-start gap-space-md rounded-radius-md border border-border/70 bg-background px-3 py-2",
-										children: [/* @__PURE__ */ A(S, {
+									return /* @__PURE__ */ A("label", {
+										className: "flex min-w-0 items-start gap-space-md rounded-radius border border-border/70 bg-background px-row-x py-row-y",
+										children: [/* @__PURE__ */ k(_, {
 											checked: t,
-											disabled: D || q || e.disabled,
+											disabled: E || q || e.disabled,
 											onCheckedChange: (t) => ne(e.id, t)
-										}), /* @__PURE__ */ j(o, {
-											render: /* @__PURE__ */ A("span", {}),
+										}), /* @__PURE__ */ A(o, {
+											render: /* @__PURE__ */ k("span", {}),
 											gap: "dense",
-											children: [/* @__PURE__ */ A(r, {
+											children: [/* @__PURE__ */ k(n, {
 												tag: "span",
 												weight: "medium",
 												children: e.label
-											}), !!e.description && /* @__PURE__ */ A(r, {
+											}), !!e.description && /* @__PURE__ */ k(n, {
 												tag: "span",
 												size: "xs",
 												type: "secondary",
@@ -449,25 +449,25 @@ function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName
 								})
 							})]
 						}),
-						/* @__PURE__ */ A(o, {
+						/* @__PURE__ */ k(o, {
 							direction: "horizontal",
 							gap: "none",
 							justify: "end",
-							children: /* @__PURE__ */ j(n, {
+							children: /* @__PURE__ */ A(i, {
 								type: "button",
 								tone: "primary",
 								loading: q,
-								disabled: D || !v || W.trim().length === 0,
+								disabled: E || !y || W.trim().length === 0,
 								onClick: re,
-								children: [/* @__PURE__ */ A(R, { className: "size-icon" }), N.create]
+								children: [/* @__PURE__ */ k(R, { className: "size-icon" }), N.create]
 							})
 						})
 					]
 				})
 			})]
-		}), /* @__PURE__ */ A(G, {
+		}), /* @__PURE__ */ k(G, {
 			items: s,
-			onDelete: y ? ie : void 0
+			onDelete: b ? ie : void 0
 		})]
 	});
 }