@cloudflare/kumo 1.18.0 → 2.0.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/blocks/delete-resource/delete-resource.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogRoot,\n  DialogTitle,\n  DialogClose,\n} from \"../../components/dialog\";\nimport { Input } from \"../../components/input\";\nimport { Button } from \"../../components/button\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  CheckIcon,\n  CopyIcon,\n  WarningCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\nimport { Banner } from \"../../components/banner\";\n\nexport const KUMO_DELETE_RESOURCE_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"\",\n      description: \"Small dialog for simple delete confirmations\",\n    },\n    base: {\n      classes: \"\",\n      description: \"Default delete confirmation dialog size\",\n    },\n  },\n} as const;\n\nexport const KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\nexport type KumoDeleteResourceSize =\n  keyof typeof KUMO_DELETE_RESOURCE_VARIANTS.size;\n\nexport interface KumoDeleteResourceVariantsProps {\n  size?: KumoDeleteResourceSize;\n}\n\nexport interface DeleteResourceProps extends KumoDeleteResourceVariantsProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** The type of resource being deleted (e.g., \"Zone\", \"Worker\", \"KV Namespace\") */\n  resourceType: string;\n  /** The name of the specific resource being deleted */\n  resourceName: string;\n  /** Callback when delete is confirmed */\n  onDelete: () => void | Promise<void>;\n  /** Whether the delete action is in progress */\n  isDeleting?: boolean;\n  /** Whether the confirmation input should be case-sensitive (default: true) */\n  caseSensitive?: boolean;\n  /** Custom delete button text (defaults to \"Delete {resourceType}\") */\n  deleteButtonText?: string;\n  /** Additional className for the dialog */\n  className?: string;\n  /** Error message to display if the delete action fails */\n  errorMessage?: string;\n}\n\nexport function DeleteResource({\n  open,\n  onOpenChange,\n  resourceType,\n  resourceName,\n  onDelete,\n  isDeleting = false,\n  caseSensitive = true,\n  deleteButtonText,\n  size = KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS.size,\n  errorMessage,\n  className,\n}: DeleteResourceProps) {\n  const [confirmationInput, setConfirmationInput] = useState(\"\");\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!open) {\n      setConfirmationInput(\"\");\n      setCopied(false);\n    }\n  }, [open]);\n\n  const normalizeForComparison = useCallback(\n    (str: string) => (caseSensitive ? str : str.toLowerCase()),\n    [caseSensitive],\n  );\n\n  const isConfirmed =\n    normalizeForComparison(confirmationInput) ===\n    normalizeForComparison(resourceName);\n\n  const handleDelete = useCallback(async () => {\n    if (!isConfirmed || isDeleting) return;\n    await onDelete();\n  }, [isConfirmed, isDeleting, onDelete]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(resourceName);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  }, [resourceName]);\n\n  return (\n    <DialogRoot open={open} onOpenChange={onOpenChange}>\n      <Dialog size={size} className={cn(\"p-0\", className)}>\n        <div className=\"flex items-center justify-between border-b border-kumo-line px-6 py-4\">\n          <DialogTitle className=\"text-lg font-semibold\">\n            Delete {resourceName}\n          </DialogTitle>\n          <DialogClose\n            render={(props) => (\n              <Button\n                {...props}\n                variant=\"ghost\"\n                shape=\"square\"\n                size=\"sm\"\n                aria-label=\"Close\"\n                disabled={isDeleting}\n              >\n                <XIcon size={18} />\n              </Button>\n            )}\n          />\n        </div>\n\n        <div className=\"flex flex-col p-6 gap-4\">\n          <div className=\"flex flex-col gap-2\">\n            {errorMessage && (\n              <Banner icon={<WarningCircleIcon />} variant=\"error\">\n                {errorMessage}\n              </Banner>\n            )}\n            <p className=\"text-base text-kumo-subtle max-w-prose text-pretty\">\n              This action cannot be undone. This will permanently delete the{\" \"}\n              <span className=\"font-medium text-kumo-default\">\n                {resourceName}\n              </span>{\" \"}\n              {resourceType.toLowerCase()}.\n            </p>\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-1.5 text-base\">\n              <span>\n                Type{\" \"}\n                <button\n                  className=\"font-mono text-sm inline font-semibold bg-kumo-tint hover:bg-kumo-fill rounded-md px-2 py-1 group hover:cursor-pointer\"\n                  onClick={handleCopy}\n                  aria-label={`Copy ${resourceName} to clipboard`}\n                >\n                  {resourceName}\n\n                  {copied ? (\n                    <CheckIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline ml-1.5\"\n                    />\n                  ) : (\n                    <CopyIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline text-kumo-subtle group-hover:text-kumo-default ml-1.5\"\n                    />\n                  )}\n                </button>{\" \"}\n                to confirm:\n              </span>\n            </div>\n            <Input\n              placeholder={resourceName}\n              value={confirmationInput}\n              onChange={(e) => setConfirmationInput(e.target.value)}\n              disabled={isDeleting}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck={false}\n              aria-label={`Type ${resourceName} to confirm deletion`}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div className=\"flex justify-end gap-3 border-t border-kumo-line px-6 py-4\">\n          <DialogClose\n            render={(props) => (\n              <Button {...props} variant=\"secondary\" disabled={isDeleting}>\n                Cancel\n              </Button>\n            )}\n          />\n          <Button\n            variant=\"destructive\"\n            onClick={handleDelete}\n            disabled={!isConfirmed || isDeleting}\n            loading={isDeleting}\n          >\n            {deleteButtonText || `Delete ${resourceType}`}\n          </Button>\n        </div>\n      </Dialog>\n    </DialogRoot>\n  );\n}\n\nDeleteResource.displayName = \"DeleteResource\";\n"],"names":["KUMO_DELETE_RESOURCE_VARIANTS","KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS","DeleteResource","open","onOpenChange","resourceType","resourceName","onDelete","isDeleting","caseSensitive","deleteButtonText","size","errorMessage","className","confirmationInput","setConfirmationInput","useState","copied","setCopied","useEffect","normalizeForComparison","useCallback","str","isConfirmed","handleDelete","handleCopy","jsx","DialogRoot","jsxs","Dialog","cn","DialogTitle","DialogClose","props","Button","XIcon","Banner","WarningCircleIcon","CheckIcon","CopyIcon","Input","e"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/blocks/delete-resource/delete-resource.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogRoot,\n  DialogTitle,\n  DialogClose,\n} from \"../../components/dialog\";\nimport { Input } from \"../../components/input\";\nimport { Button } from \"../../components/button\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  CheckIcon,\n  CopyIcon,\n  WarningCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\nimport { Banner } from \"../../components/banner\";\n\nexport const KUMO_DELETE_RESOURCE_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"\",\n      description: \"Small dialog for simple delete confirmations\",\n    },\n    base: {\n      classes: \"\",\n      description: \"Default delete confirmation dialog size\",\n    },\n  },\n} as const;\n\nexport const KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\nexport type KumoDeleteResourceSize =\n  keyof typeof KUMO_DELETE_RESOURCE_VARIANTS.size;\n\nexport interface KumoDeleteResourceVariantsProps {\n  size?: KumoDeleteResourceSize;\n}\n\nexport interface DeleteResourceProps extends KumoDeleteResourceVariantsProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** The type of resource being deleted (e.g., \"Zone\", \"Worker\", \"KV Namespace\") */\n  resourceType: string;\n  /** The name of the specific resource being deleted */\n  resourceName: string;\n  /** Callback when delete is confirmed */\n  onDelete: () => void | Promise<void>;\n  /** Whether the delete action is in progress */\n  isDeleting?: boolean;\n  /** Whether the confirmation input should be case-sensitive (default: true) */\n  caseSensitive?: boolean;\n  /** Custom delete button text (defaults to \"Delete {resourceType}\") */\n  deleteButtonText?: string;\n  /** Additional className for the dialog */\n  className?: string;\n  /** Error message to display if the delete action fails */\n  errorMessage?: string;\n}\n\nexport function DeleteResource({\n  open,\n  onOpenChange,\n  resourceType,\n  resourceName,\n  onDelete,\n  isDeleting = false,\n  caseSensitive = true,\n  deleteButtonText,\n  size = KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS.size,\n  errorMessage,\n  className,\n}: DeleteResourceProps) {\n  const [confirmationInput, setConfirmationInput] = useState(\"\");\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!open) {\n      setConfirmationInput(\"\");\n      setCopied(false);\n    }\n  }, [open]);\n\n  const normalizeForComparison = useCallback(\n    (str: string) => (caseSensitive ? str : str.toLowerCase()),\n    [caseSensitive],\n  );\n\n  const isConfirmed =\n    normalizeForComparison(confirmationInput) ===\n    normalizeForComparison(resourceName);\n\n  const handleDelete = useCallback(async () => {\n    if (!isConfirmed || isDeleting) return;\n    await onDelete();\n  }, [isConfirmed, isDeleting, onDelete]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(resourceName);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  }, [resourceName]);\n\n  return (\n    <DialogRoot open={open} onOpenChange={onOpenChange}>\n      <Dialog size={size} className={cn(\"p-0\", className)}>\n        <div className=\"flex items-center justify-between border-b border-kumo-line px-6 py-4\">\n          <DialogTitle className=\"text-lg font-semibold\">\n            Delete {resourceName}\n          </DialogTitle>\n          <DialogClose\n            render={(props) => (\n              <Button\n                {...props}\n                variant=\"ghost\"\n                shape=\"square\"\n                size=\"sm\"\n                aria-label=\"Close\"\n                disabled={isDeleting}\n              >\n                <XIcon size={18} />\n              </Button>\n            )}\n          />\n        </div>\n\n        <div className=\"flex flex-col p-6 gap-4\">\n          <div className=\"flex flex-col gap-2\">\n            {errorMessage && (\n              <Banner icon={<WarningCircleIcon />} variant=\"error\">\n                {errorMessage}\n              </Banner>\n            )}\n            <p className=\"text-base text-kumo-subtle max-w-prose text-pretty\">\n              This action cannot be undone. This will permanently delete the{\" \"}\n              <span className=\"font-medium text-kumo-default\">\n                {resourceName}\n              </span>{\" \"}\n              {resourceType.toLowerCase()}.\n            </p>\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-1.5 text-base\">\n              <span>\n                Type{\" \"}\n                <button\n                  className=\"font-mono text-sm inline font-semibold bg-kumo-tint hover:bg-kumo-fill rounded-md px-2 py-1 group hover:cursor-pointer\"\n                  onClick={handleCopy}\n                  aria-label={`Copy ${resourceName} to clipboard`}\n                >\n                  {resourceName}\n\n                  {copied ? (\n                    <CheckIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline ml-1.5\"\n                    />\n                  ) : (\n                    <CopyIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline text-kumo-subtle group-hover:text-kumo-default ml-1.5\"\n                    />\n                  )}\n                </button>{\" \"}\n                to confirm:\n              </span>\n            </div>\n            <Input\n              placeholder={resourceName}\n              value={confirmationInput}\n              onChange={(e) => setConfirmationInput(e.target.value)}\n              disabled={isDeleting}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck={false}\n              aria-label={`Type ${resourceName} to confirm deletion`}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div className=\"flex justify-end gap-3 border-t border-kumo-line px-6 py-4\">\n          <DialogClose\n            render={(props) => (\n              <Button {...props} variant=\"secondary\" disabled={isDeleting}>\n                Cancel\n              </Button>\n            )}\n          />\n          <Button\n            variant=\"destructive\"\n            onClick={handleDelete}\n            disabled={!isConfirmed || isDeleting}\n            loading={isDeleting}\n          >\n            {deleteButtonText || `Delete ${resourceType}`}\n          </Button>\n        </div>\n      </Dialog>\n    </DialogRoot>\n  );\n}\n\nDeleteResource.displayName = \"DeleteResource\";\n"],"names":["KUMO_DELETE_RESOURCE_VARIANTS","KUMO_DELETE_RESOURCE_DEFAULT_VARIANTS","DeleteResource","open","onOpenChange","resourceType","resourceName","onDelete","isDeleting","caseSensitive","deleteButtonText","size","errorMessage","className","confirmationInput","setConfirmationInput","useState","copied","setCopied","useEffect","normalizeForComparison","useCallback","str","isConfirmed","handleDelete","handleCopy","jsx","DialogRoot","jsxs","Dialog","cn","DialogTitle","DialogClose","props","Button","XIcon","Banner","WarningCircleIcon","CheckIcon","CopyIcon","Input","e"],"mappings":"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"}

package/dist/primitives/accordion.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as e } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { a as e } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   e as Accordion
 };

package/dist/primitives/alert-dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { b as o } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { b as o } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   o as AlertDialog
 };

package/dist/primitives/autocomplete.js

@@ -1,5 +1,5 @@
 "use client";
-import { c as t } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { c as t } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   t as Autocomplete
 };

package/dist/primitives/avatar.js

@@ -1,5 +1,5 @@
 "use client";
-import { d as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { d as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as Avatar
 };

package/dist/primitives/button.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as o } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { B as o } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   o as Button
 };

package/dist/primitives/checkbox-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { C as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { C as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as CheckboxGroup
 };

package/dist/primitives/checkbox.js

@@ -1,5 +1,5 @@
 "use client";
-import { e as c } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { e as c } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   c as Checkbox
 };

package/dist/primitives/collapsible.js

@@ -1,5 +1,5 @@
 "use client";
-import { f as o } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { f as o } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   o as Collapsible
 };

package/dist/primitives/combobox.js

@@ -1,5 +1,5 @@
 "use client";
-import { g as b } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { g as b } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   b as Combobox
 };

package/dist/primitives/context-menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { h as n } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { h as n } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   n as ContextMenu
 };

package/dist/primitives/csp-provider.js

@@ -1,5 +1,5 @@
 "use client";
-import { j as o } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { j as o } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   o as CSPProvider
 };

package/dist/primitives/dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { k as a } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { k as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   a as Dialog
 };

package/dist/primitives/direction-provider.js

@@ -1,5 +1,5 @@
 "use client";
-import { D as r, u as o } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { D as r, u as o } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as DirectionProvider,
   o as useDirection

package/dist/primitives/drawer.js

@@ -1,6 +1,6 @@
 "use client";
-import { l as a } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { l as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
-  a as DrawerPreview
+  a as Drawer
 };
 //# sourceMappingURL=drawer.js.map

package/dist/primitives/field.js

@@ -1,5 +1,5 @@
 "use client";
-import { m as l } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { m as l } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   l as Field
 };

package/dist/primitives/fieldset.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as t } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { n as t } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   t as Fieldset
 };

package/dist/primitives/form.js

@@ -1,5 +1,5 @@
 "use client";
-import { F as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { F as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as Form
 };

package/dist/primitives/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { I as n } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { I as n } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   n as Input
 };

package/dist/primitives/menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { o as n } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { o as n } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   n as Menu
 };

package/dist/primitives/menubar.js

@@ -1,5 +1,5 @@
 "use client";
-import { M as a } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { M as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   a as Menubar
 };

package/dist/primitives/meter.js

@@ -1,5 +1,5 @@
 "use client";
-import { p as t } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { p as t } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   t as Meter
 };

package/dist/primitives/navigation-menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { q as i } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { q as i } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   i as NavigationMenu
 };

package/dist/primitives/number-field.js

@@ -1,5 +1,5 @@
 "use client";
-import { r as i } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { r as i } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   i as NumberField
 };

package/dist/primitives/otp-field.js

@@ -0,0 +1,6 @@
+"use client";
+import { s as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
+export {
+  r as OTPFieldPreview
+};
+//# sourceMappingURL=otp-field.js.map

package/dist/primitives/otp-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/primitives/popover.js

@@ -1,5 +1,5 @@
 "use client";
-import { s as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { t as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as Popover
 };

package/dist/primitives/preview-card.js

@@ -1,6 +1,6 @@
 "use client";
-import { t } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { v as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
-  t as PreviewCard
+  a as PreviewCard
 };
 //# sourceMappingURL=preview-card.js.map

package/dist/primitives/progress.js

@@ -1,5 +1,5 @@
 "use client";
-import { v as s } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { w as s } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   s as Progress
 };

package/dist/primitives/radio-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { R as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { R as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as RadioGroup
 };

package/dist/primitives/radio.js

@@ -1,5 +1,5 @@
 "use client";
-import { w as a } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { x as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   a as Radio
 };

package/dist/primitives/scroll-area.js

@@ -1,5 +1,5 @@
 "use client";
-import { x as l } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { y as l } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   l as ScrollArea
 };

package/dist/primitives/select.js

@@ -1,5 +1,5 @@
 "use client";
-import { y as c } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { z as c } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   c as Select
 };

package/dist/primitives/separator.js

@@ -1,5 +1,5 @@
 "use client";
-import { S as a } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { S as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   a as Separator
 };

package/dist/primitives/slider.js

@@ -1,5 +1,5 @@
 "use client";
-import { z as i } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { A as i } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   i as Slider
 };

package/dist/primitives/switch.js

@@ -1,5 +1,5 @@
 "use client";
-import { A as c } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { E as c } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   c as Switch
 };

package/dist/primitives/tabs.js

@@ -1,5 +1,5 @@
 "use client";
-import { E as a } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { G as a } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   a as Tabs
 };

package/dist/primitives/toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as s } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { i as s } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   s as Toast
 };

package/dist/primitives/toggle-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { T as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as ToggleGroup
 };

package/dist/primitives/toggle.js

@@ -1,5 +1,5 @@
 "use client";
-import { G as g } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { H as g } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   g as Toggle
 };

package/dist/primitives/toolbar.js

@@ -1,5 +1,5 @@
 "use client";
-import { H as r } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { J as r } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   r as Toolbar
 };

package/dist/primitives/tooltip.js

@@ -1,5 +1,5 @@
 "use client";
-import { J as t } from "../chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { K as t } from "../chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   t as Tooltip
 };

package/dist/primitives.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as e, b as o, c as r, d as i, B as t, j as l, e as u, C as n, f as c, g as d, h as p, k as b, D as g, l as v, m as C, n as P, F as S, I as T, o as m, M as x, p as A, q as D, r as M, s as w, t as F, v as h, w as G, R as k, x as R, y as f, S as B, z as I, A as N, E as j, i as q, G as y, T as z, H as E, J as H, u as J } from "./chunks/vendor-base-ui-k7bzesq81ie36nya.js";
+import { a as e, b as o, c as r, d as i, B as t, j as l, e as u, C as n, f as c, g as d, h as p, k as b, D as g, l as v, m as C, n as P, F as T, I as S, o as m, M as x, p as A, q as D, r as F, s as M, t as w, v as h, w as G, x as k, R, y as f, z as B, S as I, A as N, E as j, G as q, i as y, H as z, T as E, J as H, K as J, u as K } from "./chunks/vendor-base-ui-ie71jahf0czyf58j.js";
 export {
   e as Accordion,
   o as AlertDialog,
@@ -14,32 +14,33 @@ export {
   p as ContextMenu,
   b as Dialog,
   g as DirectionProvider,
-  v as DrawerPreview,
+  v as Drawer,
   C as Field,
   P as Fieldset,
-  S as Form,
-  T as Input,
+  T as Form,
+  S as Input,
   m as Menu,
   x as Menubar,
   A as Meter,
   D as NavigationMenu,
-  M as NumberField,
+  F as NumberField,
+  M as OTPFieldPreview,
   w as Popover,
-  F as PreviewCard,
-  h as Progress,
-  G as Radio,
-  k as RadioGroup,
-  R as ScrollArea,
-  f as Select,
-  B as Separator,
-  I as Slider,
-  N as Switch,
-  j as Tabs,
-  q as Toast,
-  y as Toggle,
-  z as ToggleGroup,
-  E as Toolbar,
-  H as Tooltip,
-  J as useDirection
+  h as PreviewCard,
+  G as Progress,
+  k as Radio,
+  R as RadioGroup,
+  f as ScrollArea,
+  B as Select,
+  I as Separator,
+  N as Slider,
+  j as Switch,
+  q as Tabs,
+  y as Toast,
+  z as Toggle,
+  E as ToggleGroup,
+  H as Toolbar,
+  J as Tooltip,
+  K as useDirection
 };
 //# sourceMappingURL=primitives.js.map

package/dist/scripts/theme-generator/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../scripts/theme-generator/config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,YAAY,EAAE,WAgmB1B,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../scripts/theme-generator/config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,YAAY,EAAE,WA4mB1B,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/scripts/theme-generator/config.js

@@ -38,7 +38,7 @@ const o = {
       theme: {
         kumo: {
           light: "var(--color-neutral-500, oklch(55.6% 0 0))",
-          dark: "var(--color-kumo-neutral-50, oklch(97.5% 0 0))"
+          dark: "var(--color-neutral-400, oklch(70.8% 0 0))"
         }
       }
     },
@@ -295,7 +295,7 @@ const o = {
       theme: {
         kumo: {
           light: "oklch(14.5% 0 0 / 0.1)",
-          dark: "var(--color-neutral-800, oklch(26.9% 0 0))"
+          dark: "var(--color-kumo-neutral-750, oklch(32% 0 0))"
         }
       }
     },
@@ -304,7 +304,7 @@ const o = {
       theme: {
         kumo: {
           light: "var(--color-kumo-neutral-150, oklch(93.5% 0 0))",
-          dark: "var(--color-neutral-700, oklch(37.1% 0 0))"
+          dark: "var(--color-neutral-800, oklch(26.9% 0 0))"
         },
         fedramp: {
           light: "#c8d4e5",
@@ -312,6 +312,16 @@ const o = {
         }
       }
     },
+    "kumo-focus": {
+      newName: "",
+      description: "Primary focus ring/border color",
+      theme: {
+        kumo: {
+          light: "var(--color-kumo-neutral-950, oklch(15% 0 0))",
+          dark: "var(--color-kumo-neutral-150, oklch(93.5% 0 0))"
+        }
+      }
+    },
     "kumo-shadow-edge": {
       newName: "",
       description: "Tight spread shadow color for control thumbs/knobs",