@pantool/components 1.0.0-alpha.0

package/dist/internals/base-dialog/base-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-dialog.js","names":["styles"],"sources":["../../../src/internals/base-dialog/base-dialog.tsx"],"sourcesContent":["import { AlertDialog as BaseUIAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { Dialog as BaseUIDialog } from \"@base-ui/react/dialog\";\nimport clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport { Button } from \"../../atoms/button\";\nimport { Text } from \"../../atoms/text\";\nimport { usePortalConfig } from \"../../helpers/portal\";\nimport styles from \"./base-dialog.module.css\";\n\nexport type BaseDialogVariant =\n  | \"neutral\"\n  | \"positive\"\n  | \"negative\"\n  | \"warn\"\n  | \"info\";\n\nexport type BaseDialogOptions = {\n  /** The dialog heading text. */\n  title: string;\n  /** Optional body text shown below the title. */\n  description?: string;\n  /** Label for the confirm button. Defaults to `\"Confirm\"`. */\n  confirmLabel?: string;\n  /** Label for the cancel button. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string;\n  /** Visual variant controlling color and tone. Defaults to `\"neutral\"`. */\n  variant?: BaseDialogVariant;\n  /** Called when the user clicks the confirm button. */\n  onConfirm?: () => void;\n  /** Called when the user clicks the cancel button or dismisses the dialog. */\n  onCancel?: () => void;\n};\n\nexport type BaseDialogClassNames = {\n  backdrop?: string;\n  popup?: string;\n  actions?: string;\n};\n\nexport type BaseDialogProps = BaseDialogOptions & {\n  /** Whether the dialog is open. */\n  open: boolean;\n  /** Called when the dialog requests to close (backdrop click, Escape key). */\n  onOpenChange: (open: boolean) => void;\n  /**\n   * The DOM element to portal the dialog into.\n   * Defaults to `document.body` when not provided.\n   */\n  container?: HTMLElement | null;\n  /**\n   * Render Mode\n   */\n  as: typeof BaseUIAlertDialog | typeof BaseUIDialog;\n\n  /**\n   * Optional className overrides for internal slots.\n   * Keys correspond to existing CSS module classes in `styles[\"...\"]`.\n   */\n  classNames?: BaseDialogClassNames;\n};\n\nexport const BaseDialog = (props: BaseDialogProps) => {\n  const {\n    open,\n    onOpenChange,\n    title,\n    description,\n    confirmLabel = \"Confirm\",\n    cancelLabel = \"Cancel\",\n    variant = \"neutral\",\n    onConfirm,\n    as,\n    onCancel,\n    classNames,\n  } = props;\n\n  const handleConfirm = useCallback(() => {\n    onConfirm?.();\n    onOpenChange(false);\n  }, [onConfirm, onOpenChange]);\n\n  const handleCancel = useCallback(() => {\n    onCancel?.();\n    onOpenChange(false);\n  }, [onCancel, onOpenChange]);\n\n  const { resolveContainer } = usePortalConfig();\n  const portalContainer = resolveContainer();\n\n  const DialogComponent = as;\n\n  return (\n    <DialogComponent.Root\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <DialogComponent.Portal container={portalContainer}>\n        <DialogComponent.Backdrop\n          data-slot=\"base-dialog-backdrop\"\n          className={clsx(styles[\"backdrop\"], classNames?.backdrop)}\n        />\n        <DialogComponent.Popup\n          data-variant={variant}\n          data-slot=\"base-dialog-popup\"\n          className={clsx(styles[\"popup\"], classNames?.popup)}\n        >\n          <DialogComponent.Title render={<Text variant=\"h5\">{title}</Text>} />\n\n          {description && (\n            <DialogComponent.Description\n              render={<Text variant=\"body1\">{description}</Text>}\n            />\n          )}\n\n          <div\n            data-slot=\"base-dialog-actions\"\n            className={clsx(styles[\"actions\"], classNames?.actions)}\n          >\n            <DialogComponent.Close\n              render={\n                <Button\n                  variant=\"ghost\"\n                  color=\"neutral\"\n                  text={cancelLabel}\n                />\n              }\n              onClick={handleCancel}\n            />\n            <DialogComponent.Close\n              render={\n                <Button\n                  variant=\"filled\"\n                  color={variant}\n                  text={confirmLabel}\n                />\n              }\n              onClick={handleConfirm}\n            />\n          </div>\n        </DialogComponent.Popup>\n      </DialogComponent.Portal>\n    </DialogComponent.Root>\n  );\n};\n"],"mappings":"6eA6DA,MAAa,EAAc,GAA2B,CACpD,GAAM,CACJ,OACA,eACA,QACA,cACA,eAAe,UACf,cAAc,SACd,UAAU,UACV,YACA,KACA,WACA,cACE,EAEE,EAAgB,MAAkB,CACtC,IAAY,EACZ,EAAa,EAAK,CACpB,EAAG,CAAC,EAAW,CAAY,CAAC,EAEtB,EAAe,MAAkB,CACrC,IAAW,EACX,EAAa,EAAK,CACpB,EAAG,CAAC,EAAU,CAAY,CAAC,EAErB,CAAE,oBAAqB,EAAgB,EACvC,EAAkB,EAAiB,EAEnC,EAAkB,EAExB,OACE,EAAC,EAAgB,KAAjB,CACQ,OACQ,wBAEd,EAAC,EAAgB,OAAjB,CAAwB,UAAW,WAAnC,CACE,EAAC,EAAgB,SAAjB,CACE,YAAU,uBACV,UAAW,EAAKA,EAAO,SAAa,GAAY,QAAQ,CACzD,CAAA,EACD,EAAC,EAAgB,MAAjB,CACE,eAAc,EACd,YAAU,oBACV,UAAW,EAAKA,EAAO,MAAU,GAAY,KAAK,WAHpD,CAKE,EAAC,EAAgB,MAAjB,CAAuB,OAAQ,EAAC,EAAD,CAAM,QAAQ,cAAM,CAAY,CAAA,CAAI,CAAA,EAElE,GACC,EAAC,EAAgB,YAAjB,CACE,OAAQ,EAAC,EAAD,CAAM,QAAQ,iBAAS,CAAkB,CAAA,CAClD,CAAA,EAGH,EAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAKA,EAAO,QAAY,GAAY,OAAO,WAFxD,CAIE,EAAC,EAAgB,MAAjB,CACE,OACE,EAAC,EAAD,CACE,QAAQ,QACR,MAAM,UACN,KAAM,CACP,CAAA,EAEH,QAAS,CACV,CAAA,EACD,EAAC,EAAgB,MAAjB,CACE,OACE,EAAC,EAAD,CACE,QAAQ,SACR,MAAO,EACP,KAAM,CACP,CAAA,EAEH,QAAS,CACV,CAAA,CACE,GACgB,GACD,GACJ,CAAA,CAE1B"}

package/dist/internals/base-dialog/base-dialog.module.js

@@ -0,0 +1,2 @@
+var e={actions:`_9nsqjG_actions`,backdrop:`_9nsqjG_backdrop`,popup:`_9nsqjG_popup`};export{e as default};
+//# sourceMappingURL=base-dialog.module.js.map

package/dist/internals/base-dialog/base-dialog.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-dialog.module.js","names":[],"sources":["../../../src/internals/base-dialog/base-dialog.module.css"],"sourcesContent":[".backdrop {\n  position: fixed;\n  inset: 0;\n  background-color: var(--color-surface-backdrop-overlay);\n  backdrop-filter: blur(0.5rem);\n  z-index: 1000;\n\n  transition: opacity 0.2s ease;\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    opacity: 0;\n  }\n}\n\n.popup {\n  --background: var(--color-surface-base);\n  --foreground: var(--color-content-neutral-base);\n  --border: var(--color-border-primary);\n\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1010;\n\n  box-sizing: border-box;\n  width: calc(100vw - 2rem);\n  max-width: 28rem;\n\n  background-color: var(--background);\n  color: var(--foreground);\n  border: 1px solid var(--border);\n  border-radius: var(--spacing-sm);\n  padding: var(--spacing-xl);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-md);\n\n  transition:\n    opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1),\n    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    opacity: 0;\n    transform: translate(-50%, -46%);\n  }\n\n  &:focus-visible {\n    outline-style: solid;\n    outline-width: var(--stroke-focus-ring);\n    outline-color: var(--color-action-info-base);\n    outline-offset: var(--spacing-xxs);\n  }\n\n  &[data-variant=\"neutral\"] {\n    --border: var(--color-action-neutral-muted);\n  }\n  &[data-variant=\"positive\"] {\n    --border: var(--color-action-positive-muted);\n  }\n  &[data-variant=\"negative\"] {\n    --border: var(--color-action-negative-muted);\n  }\n  &[data-variant=\"warn\"] {\n    --border: var(--color-action-warn-muted);\n  }\n  &[data-variant=\"info\"] {\n    --border: var(--color-action-info-muted);\n  }\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-sm);\n  margin-top: var(--spacing-xs);\n}\n"],"mappings":""}

package/dist/internals/base-dialog/index.d.ts

@@ -0,0 +1 @@
+import { BaseDialogClassNames, BaseDialogOptions, BaseDialogProps, BaseDialogVariant } from "./base-dialog.js";

package/dist/internals/base-dialog/index.js

@@ -0,0 +1 @@
+import"./base-dialog.js";

package/dist/internals/base-field/base-field.css

@@ -0,0 +1,115 @@
+._usQlq_root {
+  align-items: start;
+  gap: var(--field-gap);
+  font-family: var(--typography-typeface-ltr);
+  --field-required-color: var(--color-content-negative-base);
+  --field-control-radius: 0;
+  --field-control-bg-color: var(--color-surface-base);
+  --field-control-text-color: var(--color-content-neutral-base);
+  --field-label-color: var(--color-content-neutral-secondary);
+  --field-control-border-color: var(--color-border-secondary);
+  --field-control-placeholder-color: var(--color-content-neutral-muted);
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+._usQlq_root[data-size="sm"] {
+  --field-gap: var(--spacing-sm);
+  --field-label-font-size: var(--typography-caption-base-size);
+  --field-label-line-height: var(--typography-caption-base-height);
+  --field-label-font-weight: var(--typography-caption-base-weight);
+  --helper-font-size: var(--typography-caption-base-size);
+  --helper-line-height: var(--typography-caption-base-height);
+  --field-control-height: 2rem;
+  --field-control-icon-size: 1.5rem;
+  --field-control-font-size: var(--typography-caption-base-size);
+  --field-control-line-height: var(--typography-caption-base-height);
+  --field-control-font-weight: var(--typography-caption-base-weight);
+}
+
+._usQlq_root[data-size="md"] {
+  --field-gap: var(--spacing-md);
+  --field-label-font-size: var(--typography-body-2-size);
+  --field-label-line-height: var(--typography-body-2-height);
+  --field-label-font-weight: var(--typography-body-2-weight);
+  --helper-font-size: var(--typography-caption-base-size);
+  --helper-line-height: var(--typography-caption-base-height);
+  --field-control-height: 2.5rem;
+  --field-control-icon-size: 2rem;
+  --field-control-font-size: var(--typography-body-2-size);
+  --field-control-line-height: var(--typography-body-2-height);
+  --field-control-font-weight: var(--typography-body-2-weight);
+}
+
+._usQlq_root[data-size="lg"] {
+  --field-gap: var(--spacing-md);
+  --field-label-font-size: var(--typography-body-1-size);
+  --field-label-line-height: var(--typography-body-1-height);
+  --field-label-font-weight: var(--typography-body-1-weight);
+  --helper-font-size: var(--typography-body-2-size);
+  --helper-line-height: var(--typography-body-2-height);
+  --field-control-height: 3rem;
+  --field-control-icon-size: 2rem;
+  --field-control-font-size: var(--typography-body-1-size);
+  --field-control-line-height: var(--typography-body-1-height);
+  --field-control-font-weight: var(--typography-body-1-weight);
+}
+
+._usQlq_root[data-invalid] {
+  --field-control-text-color: var(--color-content-neutral-muted);
+  --field-label-color: var(--color-content-negative-muted);
+  --field-control-border-color: var(--color-content-negative-muted);
+  --field-required-color: var(--color-content-negative-muted);
+}
+
+._usQlq_label {
+  font-size: var(--field-label-font-size, var(--typography-body-2-size));
+  line-height: var(--field-label-line-height, var(--typography-body-2-height));
+  font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));
+  color: var(--field-label-color);
+}
+
+._usQlq_root[data-disabled] {
+  --field-control-bg-color: var(--color-surface-tertiary);
+  --field-control-text-color: var(--color-content-neutral-muted);
+  --field-label-color: var(--color-content-neutral-muted);
+  --field-control-border-color: var(--color-border-secondary);
+  --field-required-color: var(--color-content-neutral-muted);
+  cursor: not-allowed;
+  user-select: none;
+}
+
+._usQlq_required {
+  color: var(--field-required-color);
+  margin-left: var(--spacing-xxs);
+}
+
+._usQlq_visually-hidden {
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+._usQlq_error {
+  font-size: var(--helper-font-size);
+  line-height: var(--helper-line-height);
+  color: var(--color-content-negative-base);
+}
+
+._usQlq_description {
+  font-size: var(--helper-font-size);
+  line-height: var(--helper-line-height);
+  color: var(--color-content-neutral-secondary);
+  margin: 0;
+}
+
+._usQlq_description[data-disabled] {
+  color: var(--color-content-neutral-muted);
+}

package/dist/internals/base-field/base-field.d.ts

@@ -0,0 +1,75 @@
+import { FieldRootProps } from "@base-ui/react/field";
+
+//#region src/internals/base-field/base-field.d.ts
+type FieldProps = Omit<FieldRootProps, "className"> & {
+  /**
+   * The label of the field.
+   */
+  label: string;
+  /**
+   * Whether to hide the label or not.
+   *
+   * @default false
+   */
+  hideLabel?: boolean;
+  /**
+   * Indicates whether or not the field is required.
+   *
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * The text to display as a description.
+   */
+  description?: string;
+  /**
+   * Gets or sets whether or not the field is in a visually invalid state.
+   *
+   * This error state overrides the error state controlled by
+   * `reportValidity()`.
+   *
+   * @default false
+   */
+  invalid?: boolean;
+  /**
+   * The error message that replaces feedback when `error` is true. If
+   * `errorText` is an empty string, then the feedback will continue to
+   * show.
+   */
+  errorText?: string;
+  /**
+   * Whether the field's value has been changed from its initial value.
+   * Useful when the field state is controlled by an external library.
+   */
+  dirty?: boolean | undefined;
+  /**
+   * The size of the field.
+   *
+   * @default "md"
+   */
+  size?: "sm" | "md" | "lg";
+  /**
+   * Whether or not the element is disabled.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Indicates that the element should be focused on mount.
+   *
+   * @default false
+   */
+  autoFocus?: boolean;
+  /**
+   * Additional CSS classes for styling.
+   */
+  classNames?: {
+    root?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+//#endregion
+export { FieldProps };
+//# sourceMappingURL=base-field.d.ts.map

package/dist/internals/base-field/base-field.js

@@ -0,0 +1,2 @@
+import e from"./base-field.module.js";import{Label as t}from"./components/label.js";import{Description as n}from"./components/description.js";import{Error as r}from"./components/error.js";import i from"clsx";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Field as s}from"@base-ui/react/field";function c({label:c,hideLabel:l=!1,size:u=`md`,required:d=!1,disabled:f=!1,errorText:p,description:m,children:h,classNames:g,..._}){return o(s.Root,{className:i(e.root,g?.root),"data-slot":`field-root`,"data-size":u,"data-required":d,disabled:f,..._,children:[a(t,{className:g?.label,text:c,hidden:l,required:d,size:u}),a(n,{className:g?.description,text:m}),h,a(r,{className:g?.error,text:p})]})}export{c as Field};
+//# sourceMappingURL=base-field.js.map

package/dist/internals/base-field/base-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-field.js","names":["Field","BaseField","styles"],"sources":["../../../src/internals/base-field/base-field.tsx"],"sourcesContent":["import { Field as BaseField, type FieldRootProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"./base-field.module.css\";\nimport { Label } from \"./components/label\";\nimport { Description } from \"./components/description\";\nimport { Error } from \"./components/error\";\n\nexport type FieldProps = Omit<FieldRootProps, \"className\"> & {\n  /**\n   * The label of the field.\n   */\n  label: string;\n\n  /**\n   * Whether to hide the label or not.\n   *\n   * @default false\n   */\n  hideLabel?: boolean;\n\n  /**\n   * Indicates whether or not the field is required.\n   *\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * The text to display as a description.\n   */\n  description?: string;\n  /**\n   * Gets or sets whether or not the field is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   *\n   * @default false\n   */\n  invalid?: boolean;\n\n  /**\n   * The error message that replaces feedback when `error` is true. If\n   * `errorText` is an empty string, then the feedback will continue to\n   * show.\n   */\n  errorText?: string;\n\n  /**\n   * Whether the field's value has been changed from its initial value.\n   * Useful when the field state is controlled by an external library.\n   */\n  dirty?: boolean | undefined;\n\n  /**\n   * The size of the field.\n   *\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /**\n   * Whether or not the element is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Indicates that the element should be focused on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean;\n  /**\n   * Additional CSS classes for styling.\n   */\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\n/**\n * A field component that provides labeling and validation for form controls.\n * Built on top of Base UI's Field component with proper theming and sizing.\n */\nexport function Field({\n  label,\n  hideLabel = false,\n  size = \"md\",\n  required = false,\n  disabled = false,\n  errorText,\n  description,\n  children,\n  classNames,\n  ...props\n}: FieldProps) {\n  return (\n    <BaseField.Root\n      className={clsx(styles[\"root\"], classNames?.root)}\n      data-slot=\"field-root\"\n      data-size={size}\n      data-required={required}\n      disabled={disabled}\n      {...props}\n    >\n      <Label\n        className={classNames?.label}\n        text={label}\n        hidden={hideLabel}\n        required={required}\n        size={size}\n      />\n      <Description className={classNames?.description} text={description} />\n      {children}\n      <Error className={classNames?.error} text={errorText} />\n    </BaseField.Root>\n  );\n}\n"],"mappings":"+SAyFA,SAAgBA,EAAM,CACpB,QACA,YAAY,GACZ,OAAO,KACP,WAAW,GACX,WAAW,GACX,YACA,cACA,WACA,aACA,GAAG,GACU,CACb,OACE,EAACC,EAAU,KAAX,CACE,UAAW,EAAKC,EAAO,KAAS,GAAY,IAAI,EAChD,YAAU,aACV,YAAW,EACX,gBAAe,EACL,WACV,GAAI,WANN,CAQE,EAAC,EAAD,CACE,UAAW,GAAY,MACvB,KAAM,EACN,OAAQ,EACE,WACJ,MACP,CAAA,EACD,EAAC,EAAD,CAAa,UAAW,GAAY,YAAa,KAAM,CAAc,CAAA,EACpE,EACD,EAAC,EAAD,CAAO,UAAW,GAAY,MAAO,KAAM,CAAY,CAAA,CACzC,GAEpB"}

package/dist/internals/base-field/base-field.module.js

@@ -0,0 +1,2 @@
+var e={description:`_usQlq_description`,error:`_usQlq_error`,label:`_usQlq_label`,required:`_usQlq_required`,root:`_usQlq_root`,"visually-hidden":`_usQlq_visually-hidden`};export{e as default};
+//# sourceMappingURL=base-field.module.js.map

package/dist/internals/base-field/base-field.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--field-gap);\n  font-family: var(--typography-typeface-ltr);\n  width: 100%;\n  --field-required-color: var(--color-content-negative-base);\n  --field-control-radius: 0;\n  --field-control-bg-color: var(--color-surface-base);\n  --field-control-text-color: var(--color-content-neutral-base);\n  --field-label-color: var(--color-content-neutral-secondary);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n  --field-gap: var(--spacing-sm);\n  --field-label-font-size: var(--typography-caption-base-size);\n  --field-label-line-height: var(--typography-caption-base-height);\n  --field-label-font-weight: var(--typography-caption-base-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --helper-line-height: var(--typography-caption-base-height);\n  --field-control-height: 2rem;\n  --field-control-icon-size: 1.5rem;\n  --field-control-font-size: var(--typography-caption-base-size);\n  --field-control-line-height: var(--typography-caption-base-height);\n  --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n  --field-gap: var(--spacing-md);\n  --field-label-font-size: var(--typography-body-2-size);\n  --field-label-line-height: var(--typography-body-2-height);\n  --field-label-font-weight: var(--typography-body-2-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --helper-line-height: var(--typography-caption-base-height);\n  --field-control-height: 2.5rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-2-size);\n  --field-control-line-height: var(--typography-body-2-height);\n  --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n  --field-gap: var(--spacing-md);\n  --field-label-font-size: var(--typography-body-1-size);\n  --field-label-line-height: var(--typography-body-1-height);\n  --field-label-font-weight: var(--typography-body-1-weight);\n  --helper-font-size: var(--typography-body-2-size);\n  --helper-line-height: var(--typography-body-2-height);\n  --field-control-height: 3rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-1-size);\n  --field-control-line-height: var(--typography-body-1-height);\n  --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-negative-muted);\n  --field-control-border-color: var(--color-content-negative-muted);\n  --field-required-color: var(--color-content-negative-muted);\n}\n\n.label {\n  font-size: var(--field-label-font-size, var(--typography-body-2-size));\n  line-height: var(--field-label-line-height, var(--typography-body-2-height));\n  font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n  color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n  --field-control-bg-color: var(--color-surface-tertiary);\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-neutral-muted);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-required-color: var(--color-content-neutral-muted);\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.required {\n  color: var(--field-required-color);\n  margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.error {\n  font-size: var(--helper-font-size);\n  line-height: var(--helper-line-height);\n  color: var(--color-content-negative-base);\n}\n\n.description {\n  font-size: var(--helper-font-size);\n  line-height: var(--helper-line-height);\n  color: var(--color-content-neutral-secondary);\n  margin: 0;\n}\n\n.description[data-disabled] {\n  color: var(--color-content-neutral-muted);\n}\n"],"mappings":"AAYA,IAAA,EAAU,CAAA,YAAA,qBAAA,MAAA,eAAA,MAAA,eAAA,SAAA,kBAAA,KAAA,cAAA,kBAAA,wBAAA"}

package/dist/internals/base-field/components/description.js

@@ -0,0 +1,2 @@
+import e from"../base-field.module.js";import t from"clsx";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{Field as i}from"@base-ui/react/field";function a({text:a,className:o}){return r(n,{children:a?r(i.Description,{"data-slot":`field-description`,className:t(e.description,o),children:a}):null})}export{a as Description};
+//# sourceMappingURL=description.js.map

package/dist/internals/base-field/components/description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/description.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport styles from \"../base-field.module.css\";\nimport clsx from \"clsx\";\n\nexport type DescriptionProps = {\n  text?: string;\n  className?: string;\n};\n\nexport function Description({ text, className }: DescriptionProps) {\n  return (\n    <>\n      {text ? (\n        <BaseField.Description\n          data-slot=\"field-description\"\n          className={clsx(styles[\"description\"], className)}\n        >\n          {text}\n        </BaseField.Description>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"8JASA,SAAgB,EAAY,CAAE,OAAM,aAA+B,CACjE,OACE,EAAA,EAAA,CAAA,SACG,EACC,EAACA,EAAU,YAAX,CACE,YAAU,oBACV,UAAW,EAAKC,EAAO,YAAgB,CAAS,WAE/C,CACoB,CAAA,EACrB,IACJ,CAAA,CAEN"}

package/dist/internals/base-field/components/error.js

@@ -0,0 +1,2 @@
+import e from"../base-field.module.js";import t from"clsx";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{Field as i}from"@base-ui/react/field";function a({text:a,className:o}){return r(n,{children:a&&r(i.Error,{className:t(e.error,o),match:`customError`,"data-slot":`field-error`,children:a})})}export{a as Error};
+//# sourceMappingURL=error.js.map

package/dist/internals/base-field/components/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/error.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport styles from \"../base-field.module.css\";\nimport clsx from \"clsx\";\n\nexport type ErrorProps = {\n  text?: string;\n  className?: string;\n};\n\nexport function Error({ text, className }: ErrorProps) {\n  return (\n    <>\n      {text && (\n        <BaseField.Error\n          className={clsx(styles[\"error\"], className)}\n          match=\"customError\"\n          data-slot=\"field-error\"\n        >\n          {text}\n        </BaseField.Error>\n      )}\n    </>\n  );\n}\n"],"mappings":"8JASA,SAAgB,EAAM,CAAE,OAAM,aAAyB,CACrD,OACE,EAAA,EAAA,CAAA,SACG,GACC,EAACA,EAAU,MAAX,CACE,UAAW,EAAKC,EAAO,MAAU,CAAS,EAC1C,MAAM,cACN,YAAU,uBAET,CACc,CAAA,CAEnB,CAAA,CAEN"}

package/dist/internals/base-field/components/label.js

@@ -0,0 +1,2 @@
+import e from"../base-field.module.js";import t from"clsx";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Field as i}from"@base-ui/react/field";function a({text:a,hidden:o=!1,size:s=`md`,required:c=!1,className:l}){return r(i.Label,{"data-size":s,"data-slot":`field-label`,className:t(e.label,l,{[e[`visually-hidden`]]:o}),children:[a,c&&n(`span`,{"aria-hidden":!0,title:`This field is required`,className:e.required,"data-slot":`field-required`,children:`*`})]})}export{a as Label};
+//# sourceMappingURL=label.js.map

package/dist/internals/base-field/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/label.tsx"],"sourcesContent":["import { Field as BaseField, type FieldLabelProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"../base-field.module.css\";\n\nexport type LabelProps = {\n  text: string;\n  hidden?: boolean;\n  required?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n};\n\nexport function Label({\n  text,\n  hidden = false,\n  size = \"md\",\n  required = false,\n  className,\n}: LabelProps) {\n  return (\n    <BaseField.Label\n      data-size={size}\n      data-slot=\"field-label\"\n      className={clsx(styles[\"label\"], className, {\n        [styles[\"visually-hidden\"]!]: hidden,\n      })}\n    >\n      {text}\n      {required && (\n        <span\n          aria-hidden\n          title=\"This field is required\"\n          className={styles[\"required\"]}\n          data-slot=\"field-required\"\n        >\n          *\n        </span>\n      )}\n    </BaseField.Label>\n  );\n}\n"],"mappings":"0JAYA,SAAgB,EAAM,CACpB,OACA,SAAS,GACT,OAAO,KACP,WAAW,GACX,aACa,CACb,OACE,EAACA,EAAU,MAAX,CACE,YAAW,EACX,YAAU,cACV,UAAW,EAAKC,EAAO,MAAU,EAAW,EACzCA,EAAO,oBAAsB,CAChC,CAAC,WALH,CAOG,EACA,GACC,EAAC,OAAD,CACE,cAAA,GACA,MAAM,yBACN,UAAWA,EAAO,SAClB,YAAU,0BACX,GAEK,CAAA,CAEO,GAErB"}

package/dist/internals/base-field/index.d.ts

@@ -0,0 +1 @@
+import { FieldProps } from "./base-field.js";

package/dist/internals/base-field/index.js

@@ -0,0 +1 @@
+import"./base-field.js";

package/dist/internals/base-svg/base-svg.css

@@ -0,0 +1,137 @@
+.X10r3W_root {
+  user-select: none;
+  vertical-align: middle;
+  font-variant: normal;
+  text-transform: none;
+  width: var(--svg-size, 100%);
+  height: var(--svg-size, 100%);
+  min-width: var(--svg-size, 100%);
+  min-height: var(--svg-size, 100%);
+  fill: var(--svg-fill, currentColor);
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-decoration: none;
+  transition: fill .2s ease-in-out;
+  display: inline-block;
+}
+
+.X10r3W_root[data-color="normal"] {
+  --svg-fill: var(--color-content-neutral-base);
+}
+
+.X10r3W_root[data-color="secondary"] {
+  --svg-fill: var(--color-content-neutral-secondary);
+}
+
+.X10r3W_root[data-color="tertiary"] {
+  --svg-fill: var(--color-content-neutral-tertiary);
+}
+
+.X10r3W_root[data-color="muted"] {
+  --svg-fill: var(--color-content-neutral-muted);
+}
+
+.X10r3W_root[data-color="brand"] {
+  --svg-fill: var(--color-content-brand-base);
+}
+
+.X10r3W_root[data-color="brand-secondary"] {
+  --svg-fill: var(--color-content-brand-secondary);
+}
+
+.X10r3W_root[data-color="brand-tertiary"] {
+  --svg-fill: var(--color-content-brand-tertiary);
+}
+
+.X10r3W_root[data-color="brand-muted"] {
+  --svg-fill: var(--color-content-brand-muted);
+}
+
+.X10r3W_root[data-color="positive"] {
+  --svg-fill: var(--color-content-positive-base);
+}
+
+.X10r3W_root[data-color="positive-secondary"] {
+  --svg-fill: var(--color-content-positive-secondary);
+}
+
+.X10r3W_root[data-color="positive-tertiary"] {
+  --svg-fill: var(--color-content-positive-tertiary);
+}
+
+.X10r3W_root[data-color="positive-muted"] {
+  --svg-fill: var(--color-content-positive-muted);
+}
+
+.X10r3W_root[data-color="negative"] {
+  --svg-fill: var(--color-content-negative-base);
+}
+
+.X10r3W_root[data-color="negative-secondary"] {
+  --svg-fill: var(--color-content-negative-secondary);
+}
+
+.X10r3W_root[data-color="negative-tertiary"] {
+  --svg-fill: var(--color-content-negative-tertiary);
+}
+
+.X10r3W_root[data-color="negative-muted"] {
+  --svg-fill: var(--color-content-negative-muted);
+}
+
+.X10r3W_root[data-color="warn"] {
+  --svg-fill: var(--color-content-warn-base);
+}
+
+.X10r3W_root[data-color="warn-secondary"] {
+  --svg-fill: var(--color-content-warn-secondary);
+}
+
+.X10r3W_root[data-color="warn-tertiary"] {
+  --svg-fill: var(--color-content-warn-tertiary);
+}
+
+.X10r3W_root[data-color="warn-muted"] {
+  --svg-fill: var(--color-content-warn-muted);
+}
+
+.X10r3W_root[data-color="info"] {
+  --svg-fill: var(--color-content-info-base);
+}
+
+.X10r3W_root[data-color="info-secondary"] {
+  --svg-fill: var(--color-content-info-secondary);
+}
+
+.X10r3W_root[data-color="info-tertiary"] {
+  --svg-fill: var(--color-content-info-tertiary);
+}
+
+.X10r3W_root[data-color="info-muted"] {
+  --svg-fill: var(--color-content-info-muted);
+}
+
+.X10r3W_root[data-color="on-neutral"] {
+  --svg-fill: var(--color-on-neutral);
+}
+
+.X10r3W_root[data-color="on-brand"] {
+  --svg-fill: var(--color-on-brand);
+}
+
+.X10r3W_root[data-color="on-positive"] {
+  --svg-fill: var(--color-on-positive);
+}
+
+.X10r3W_root[data-color="on-negative"] {
+  --svg-fill: var(--color-on-negative);
+}
+
+.X10r3W_root[data-color="on-warn"] {
+  --svg-fill: var(--color-on-warn);
+}
+
+.X10r3W_root[data-color="on-info"] {
+  --svg-fill: var(--color-on-info);
+}

package/dist/internals/base-svg/base-svg.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+
+//#region src/internals/base-svg/base-svg.d.ts
+type SvgColor = "currentcolor" | "normal" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "brand-tertiary" | "brand-muted" | "positive" | "positive-secondary" | "positive-tertiary" | "positive-muted" | "negative" | "negative-secondary" | "negative-tertiary" | "negative-muted" | "warn" | "warn-secondary" | "warn-tertiary" | "warn-muted" | "info" | "info-secondary" | "info-tertiary" | "info-muted" | "on-neutral" | "on-brand" | "on-positive" | "on-negative" | "on-warn" | "on-info";
+interface BaseSvgProps extends React.ComponentPropsWithoutRef<"svg"> {
+  /**
+   * The semantic color of the SVG. Maps to theme tokens.
+   * @default "currentcolor"
+   */
+  color?: SvgColor;
+  /**
+   * The viewBox of the SVG.
+   * @default "0 0 24 24"
+   */
+  viewBox?: string;
+  /**
+   * Provides a human-readable title for the element for accessibility.
+   */
+  title?: string;
+  /**
+   * The size of the icon in pixels (converted to rem internally).
+   * If set to `"auto"`, the icon inherits the parent's dimensions.
+   * @default "auto"
+   */
+  size?: number | "auto";
+}
+//#endregion
+export { BaseSvgProps, SvgColor };
+//# sourceMappingURL=base-svg.d.ts.map

package/dist/internals/base-svg/base-svg.js

@@ -0,0 +1,2 @@
+import e from"./base-svg.module.js";import*as t from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t.forwardRef((t,i)=>{let{children:a,className:o,title:s,style:c,color:l=`currentcolor`,viewBox:u=`0 0 24 24`,size:d=`auto`,...f}=t;typeof d==`number`&&!isNaN(d)||typeof d==`string`&&d===`auto`||console.error(`Expected a valid size prop, received \`size={${d}}\`.`);let p={"--svg-size":d===`auto`?`100%`:`${d/16}rem`,...c};return r(`svg`,{...f,ref:i,xmlns:`http://www.w3.org/2000/svg`,viewBox:u,"aria-hidden":s?void 0:!0,role:s?`img`:void 0,focusable:`false`,style:p,className:`${e.root} ${o||``}`.trim(),"data-color":l,children:[s&&n(`title`,{children:s}),a]})});export{i as BaseSvg};
+//# sourceMappingURL=base-svg.js.map

package/dist/internals/base-svg/base-svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-svg.js","names":["styles"],"sources":["../../../src/internals/base-svg/base-svg.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./base-svg.module.css\";\n\nexport type SvgColor =\n  | \"currentcolor\"\n  | \"normal\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"muted\"\n  | \"brand\"\n  | \"brand-secondary\"\n  | \"brand-tertiary\"\n  | \"brand-muted\"\n  | \"positive\"\n  | \"positive-secondary\"\n  | \"positive-tertiary\"\n  | \"positive-muted\"\n  | \"negative\"\n  | \"negative-secondary\"\n  | \"negative-tertiary\"\n  | \"negative-muted\"\n  | \"warn\"\n  | \"warn-secondary\"\n  | \"warn-tertiary\"\n  | \"warn-muted\"\n  | \"info\"\n  | \"info-secondary\"\n  | \"info-tertiary\"\n  | \"info-muted\"\n  | \"on-neutral\"\n  | \"on-brand\"\n  | \"on-positive\"\n  | \"on-negative\"\n  | \"on-warn\"\n  | \"on-info\";\n\nexport interface BaseSvgProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n  /**\n   * The semantic color of the SVG. Maps to theme tokens.\n   * @default \"currentcolor\"\n   */\n  color?: SvgColor;\n\n  /**\n   * The viewBox of the SVG.\n   * @default \"0 0 24 24\"\n   */\n  viewBox?: string;\n\n  /**\n   * Provides a human-readable title for the element for accessibility.\n   */\n  title?: string;\n\n  /**\n   * The size of the icon in pixels (converted to rem internally).\n   * If set to `\"auto\"`, the icon inherits the parent's dimensions.\n   * @default \"auto\"\n   */\n  size?: number | \"auto\";\n}\n\nexport const BaseSvg = React.forwardRef<SVGSVGElement, BaseSvgProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      title,\n      style: otherStyles,\n      color = \"currentcolor\",\n      viewBox = \"0 0 24 24\",\n      size = \"auto\",\n      ...otherProps\n    } = props;\n\n    const hasValidSize =\n      (typeof size === \"number\" && !isNaN(size)) ||\n      (typeof size === \"string\" && size === \"auto\");\n\n    if (!hasValidSize) {\n      console.error(`Expected a valid size prop, received \\`size={${size}}\\`.`);\n    }\n\n    // Inject size as a local CSS variable to maintain zero-runtime CSS purity\n    const sizeValue = size === \"auto\" ? \"100%\" : `${(size as number) / 16}rem`;\n    const inlineStyles = {\n      \"--svg-size\": sizeValue,\n      ...otherStyles,\n    } as React.CSSProperties;\n\n    return (\n      <svg\n        {...otherProps}\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={viewBox}\n        aria-hidden={title ? undefined : true}\n        role={title ? \"img\" : undefined}\n        focusable=\"false\"\n        style={inlineStyles}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        data-color={color}\n      >\n        {title && <title>{title}</title>}\n        {children}\n      </svg>\n    );\n  },\n);\n"],"mappings":"8GA8DA,MAAa,EAAU,EAAM,YAC1B,EAAO,IAAQ,CACd,GAAM,CACJ,WACA,YACA,QACA,MAAO,EACP,QAAQ,eACR,UAAU,YACV,OAAO,OACP,GAAG,GACD,EAGD,OAAO,GAAS,UAAY,CAAC,MAAM,CAAI,GACvC,OAAO,GAAS,UAAY,IAAS,QAGtC,QAAQ,MAAM,gDAAgD,EAAK,KAAK,EAK1E,IAAM,EAAe,CACnB,aAFgB,IAAS,OAAS,OAAS,GAAI,EAAkB,GAAG,KAGpE,GAAG,CACL,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACC,MACL,MAAM,6BACG,UACT,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,MAAO,EACP,UAAW,GAAGA,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,WAVd,CAYG,GAAS,EAAC,QAAD,CAAA,SAAQ,CAAa,CAAA,EAC9B,CACE,GAET,CACF"}

package/dist/internals/base-svg/base-svg.module.js

@@ -0,0 +1,2 @@
+var e={root:`X10r3W_root`};export{e as default};
+//# sourceMappingURL=base-svg.module.js.map

package/dist/internals/base-svg/base-svg.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-svg.module.js","names":[],"sources":["../../../src/internals/base-svg/base-svg.module.css"],"sourcesContent":[".root {\n  user-select: none;\n  display: inline-block;\n  vertical-align: middle;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  text-decoration: none;\n\n  /* Layout controlled by injected local variable from TSX */\n  width: var(--svg-size, 100%);\n  height: var(--svg-size, 100%);\n  min-width: var(--svg-size, 100%);\n  min-height: var(--svg-size, 100%);\n\n  /* Default fill color */\n  fill: var(--svg-fill, currentColor);\n  transition: fill 0.2s ease-in-out;\n}\n\n/* --- Colors: Neutral --- */\n.root[data-color=\"normal\"] {\n  --svg-fill: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n  --svg-fill: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n  --svg-fill: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n  --svg-fill: var(--color-content-neutral-muted);\n}\n\n/* --- Colors: Brand --- */\n.root[data-color=\"brand\"] {\n  --svg-fill: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n  --svg-fill: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n  --svg-fill: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n  --svg-fill: var(--color-content-brand-muted);\n}\n\n/* --- Colors: Positive --- */\n.root[data-color=\"positive\"] {\n  --svg-fill: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n  --svg-fill: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n  --svg-fill: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n  --svg-fill: var(--color-content-positive-muted);\n}\n\n/* --- Colors: Negative --- */\n.root[data-color=\"negative\"] {\n  --svg-fill: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n  --svg-fill: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n  --svg-fill: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n  --svg-fill: var(--color-content-negative-muted);\n}\n\n/* --- Colors: Warn --- */\n.root[data-color=\"warn\"] {\n  --svg-fill: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n  --svg-fill: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n  --svg-fill: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n  --svg-fill: var(--color-content-warn-muted);\n}\n\n/* --- Colors: Info --- */\n.root[data-color=\"info\"] {\n  --svg-fill: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n  --svg-fill: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n  --svg-fill: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n  --svg-fill: var(--color-content-info-muted);\n}\n\n/* --- Colors: On-Backgrounds --- */\n.root[data-color=\"on-neutral\"] {\n  --svg-fill: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n  --svg-fill: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n  --svg-fill: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n  --svg-fill: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n  --svg-fill: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n  --svg-fill: var(--color-on-info);\n}\n"],"mappings":"AAEA,IAAA,EAAW,CAAA,KAAO,aAAK"}

package/dist/internals/base-svg/index.d.ts

@@ -0,0 +1 @@
+import { BaseSvgProps, SvgColor } from "./base-svg.js";

package/dist/internals/base-svg/index.js

@@ -0,0 +1 @@
+import"./base-svg.js";

package/dist/providers/alert-dialog-provider/alert-dialog-provider.d.ts

@@ -0,0 +1,43 @@
+import { BaseDialogClassNames, BaseDialogOptions } from "../../internals/base-dialog/base-dialog.js";
+//#region src/providers/alert-dialog-provider/alert-dialog-provider.d.ts
+type AlertDialogContextValue = {
+  /** Imperatively open the alert dialog with the given options. */show: (options: BaseDialogOptions) => void;
+};
+declare const AlertDialogContext: import("react").Context<AlertDialogContextValue | null>;
+/**
+ * Imperatively show the alert dialog from anywhere in the app,
+ * without needing access to React context.
+ *
+ * Requires `<AlertDialogProvider>` to be mounted in the tree.
+ *
+ * @example
+ * showAlertDialog({
+ *   title: "Delete item?",
+ *   variant: "negative",
+ *   onConfirm: () => deleteItem(id),
+ * });
+ */
+declare const showAlertDialog: (options: BaseDialogOptions) => void;
+type AlertDialogProviderProps = {
+  /** The app subtree that can trigger alert dialogs. */children: React.ReactNode;
+  /**
+   * Optional className overrides for internal slots.
+   * Keys correspond to existing CSS module classes in `styles["..."]`.
+   */
+  classNames?: BaseDialogClassNames;
+};
+/**
+ * Provides imperative alert dialog functionality to the app.
+ *
+ * Mount once near the root of your app. Exposes `showAlertDialog()` for
+ * out-of-context usage and `useAlertDialog()` for in-context usage.
+ *
+ * @example
+ * <AlertDialogProvider>
+ *   <App />
+ * </AlertDialogProvider>
+ */
+declare const AlertDialogProvider: (props: AlertDialogProviderProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AlertDialogContext, AlertDialogProvider, AlertDialogProviderProps, showAlertDialog };
+//# sourceMappingURL=alert-dialog-provider.d.ts.map

package/dist/providers/alert-dialog-provider/alert-dialog-provider.js

@@ -0,0 +1,2 @@
+import{AlertDialog as e}from"../../atoms/alert-dialog/alert-dialog.js";import"../../atoms/alert-dialog/index.js";import{createContext as t,useCallback as n,useEffect as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=t(null);let c=null;const l=e=>{if(!c){console.warn(`[AlertDialog] showAlertDialog() called before <AlertDialogProvider> is mounted.`);return}c(e)},u=t=>{let{children:l,classNames:u}=t,[d,f]=i({open:!1,title:``}),p=n(e=>{f({...e,open:!0})},[]);r(()=>(c=p,()=>{c=null}),[p]);let m=n(e=>{e||f(e=>({...e,open:!1}))},[]);return o(s.Provider,{value:{show:p},children:[l,a(e,{classNames:u,...d,onOpenChange:m})]})};export{s as AlertDialogContext,u as AlertDialogProvider,l as showAlertDialog};
+//# sourceMappingURL=alert-dialog-provider.js.map

package/dist/providers/alert-dialog-provider/alert-dialog-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-provider.js","names":[],"sources":["../../../src/providers/alert-dialog-provider/alert-dialog-provider.tsx"],"sourcesContent":["import { createContext, useCallback, useEffect, useState } from \"react\";\nimport { AlertDialog } from \"../../atoms/alert-dialog\";\nimport type {\n  BaseDialogClassNames,\n  BaseDialogOptions,\n} from \"../../internals/base-dialog\";\n\ntype AlertDialogState = BaseDialogOptions & {\n  open: boolean;\n};\n\ntype AlertDialogContextValue = {\n  /** Imperatively open the alert dialog with the given options. */\n  show: (options: BaseDialogOptions) => void;\n};\n\nexport const AlertDialogContext = createContext<AlertDialogContextValue | null>(\n  null,\n);\n\n/** Singleton reference set when the provider mounts. */\nlet _show: ((options: BaseDialogOptions) => void) | null = null;\n\n/**\n * Imperatively show the alert dialog from anywhere in the app,\n * without needing access to React context.\n *\n * Requires `<AlertDialogProvider>` to be mounted in the tree.\n *\n * @example\n * showAlertDialog({\n *   title: \"Delete item?\",\n *   variant: \"negative\",\n *   onConfirm: () => deleteItem(id),\n * });\n */\nexport const showAlertDialog = (options: BaseDialogOptions) => {\n  if (!_show) {\n    console.warn(\n      \"[AlertDialog] showAlertDialog() called before <AlertDialogProvider> is mounted.\",\n    );\n    return;\n  }\n  _show(options);\n};\n\nexport type AlertDialogProviderProps = {\n  /** The app subtree that can trigger alert dialogs. */\n  children: React.ReactNode;\n  /**\n   * Optional className overrides for internal slots.\n   * Keys correspond to existing CSS module classes in `styles[\"...\"]`.\n   */\n  classNames?: BaseDialogClassNames;\n};\n\n/**\n * Provides imperative alert dialog functionality to the app.\n *\n * Mount once near the root of your app. Exposes `showAlertDialog()` for\n * out-of-context usage and `useAlertDialog()` for in-context usage.\n *\n * @example\n * <AlertDialogProvider>\n *   <App />\n * </AlertDialogProvider>\n */\nexport const AlertDialogProvider = (props: AlertDialogProviderProps) => {\n  const { children, classNames } = props;\n\n  const [state, setState] = useState<AlertDialogState>({\n    open: false,\n    title: \"\",\n  });\n\n  const show = useCallback((options: BaseDialogOptions) => {\n    setState({ ...options, open: true });\n  }, []);\n\n  useEffect(() => {\n    _show = show;\n    return () => {\n      _show = null;\n    };\n  }, [show]);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    if (!open) setState(prev => ({ ...prev, open: false }));\n  }, []);\n\n  return (\n    <AlertDialogContext.Provider value={{ show }}>\n      {children}\n      <AlertDialog\n        classNames={classNames}\n        {...state}\n        onOpenChange={handleOpenChange}\n      />\n    </AlertDialogContext.Provider>\n  );\n};\n"],"mappings":"uPAgBA,MAAa,EAAqB,EAChC,IACF,EAGA,IAAI,EAAuD,KAe3D,MAAa,EAAmB,GAA+B,CAC7D,GAAI,CAAC,EAAO,CACV,QAAQ,KACN,iFACF,EACA,MACF,CACA,EAAM,CAAO,CACf,EAuBa,EAAuB,GAAoC,CACtE,GAAM,CAAE,WAAU,cAAe,EAE3B,CAAC,EAAO,GAAY,EAA2B,CACnD,KAAM,GACN,MAAO,EACT,CAAC,EAEK,EAAO,EAAa,GAA+B,CACvD,EAAS,CAAE,GAAG,EAAS,KAAM,EAAK,CAAC,CACrC,EAAG,CAAC,CAAC,EAEL,OACE,EAAQ,MACK,CACX,EAAQ,IACV,GACC,CAAC,CAAI,CAAC,EAET,IAAM,EAAmB,EAAa,GAAkB,CACjD,GAAM,EAAS,IAAS,CAAE,GAAG,EAAM,KAAM,EAAM,EAAE,CACxD,EAAG,CAAC,CAAC,EAEL,OACE,EAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,MAAK,WAA3C,CACG,EACD,EAAC,EAAD,CACc,aACZ,GAAI,EACJ,aAAc,CACf,CAAA,CAC0B,GAEjC"}

package/dist/providers/alert-dialog-provider/hooks.d.ts

@@ -0,0 +1,16 @@
+import { BaseDialogOptions } from "../../internals/base-dialog/base-dialog.js";
+//#region src/providers/alert-dialog-provider/hooks.d.ts
+/**
+ * Returns the `show` function to imperatively open the alert dialog.
+ * Must be used within `<AlertDialogProvider>`.
+ *
+ * @example
+ * const { show } = useAlertDialog();
+ * show({ title: "Are you sure?", onConfirm: handleDelete });
+ */
+declare const useAlertDialog: () => {
+  show: (options: BaseDialogOptions) => void;
+};
+//#endregion
+export { useAlertDialog };
+//# sourceMappingURL=hooks.d.ts.map

package/dist/providers/alert-dialog-provider/hooks.js

@@ -0,0 +1,2 @@
+import{AlertDialogContext as e}from"./alert-dialog-provider.js";import{useContext as t}from"react";const n=()=>{let n=t(e);if(!n)throw Error(`useAlertDialog must be used within <AlertDialogProvider>`);return n};export{n as useAlertDialog};
+//# sourceMappingURL=hooks.js.map

package/dist/providers/alert-dialog-provider/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../../../src/providers/alert-dialog-provider/hooks.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { AlertDialogContext } from \"./alert-dialog-provider\";\n\n/**\n * Returns the `show` function to imperatively open the alert dialog.\n * Must be used within `<AlertDialogProvider>`.\n *\n * @example\n * const { show } = useAlertDialog();\n * show({ title: \"Are you sure?\", onConfirm: handleDelete });\n */\nexport const useAlertDialog = () => {\n  const ctx = useContext(AlertDialogContext);\n  if (!ctx) {\n    throw new Error(\"useAlertDialog must be used within <AlertDialogProvider>\");\n  }\n  return ctx;\n};\n"],"mappings":"mGAWA,MAAa,MAAuB,CAClC,IAAM,EAAM,EAAW,CAAkB,EACzC,GAAI,CAAC,EACH,MAAU,MAAM,0DAA0D,EAE5E,OAAO,CACT"}

package/dist/providers/alert-dialog-provider/index.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogContext, AlertDialogProvider, AlertDialogProviderProps, showAlertDialog } from "./alert-dialog-provider.js";
+import { useAlertDialog } from "./hooks.js";

package/dist/providers/alert-dialog-provider/index.js

@@ -0,0 +1 @@
+import"./alert-dialog-provider.js";import"./hooks.js";

package/dist/providers/dialog-provider/dialog-provider.d.ts

@@ -0,0 +1,43 @@
+import { BaseDialogClassNames, BaseDialogOptions } from "../../internals/base-dialog/base-dialog.js";
+//#region src/providers/dialog-provider/dialog-provider.d.ts
+type DialogContextValue = {
+  /** Imperatively open the alert dialog with the given options. */show: (options: BaseDialogOptions) => void;
+};
+declare const DialogContext: import("react").Context<DialogContextValue | null>;
+/**
+ * Imperatively show the alert dialog from anywhere in the app,
+ * without needing access to React context.
+ *
+ * Requires `<DialogProvider>` to be mounted in the tree.
+ *
+ * @example
+ * showDialog({
+ *   title: "Delete item?",
+ *   variant: "negative",
+ *   onConfirm: () => deleteItem(id),
+ * });
+ */
+declare const showDialog: (options: BaseDialogOptions) => void;
+type DialogProviderProps = {
+  /** The app subtree that can trigger alert dialogs. */children: React.ReactNode;
+  /**
+   * Optional className overrides for internal slots.
+   * Keys correspond to existing CSS module classes in `styles["..."]`.
+   */
+  classNames?: BaseDialogClassNames;
+};
+/**
+ * Provides imperative alert dialog functionality to the app.
+ *
+ * Mount once near the root of your app. Exposes `showDialog()` for
+ * out-of-context usage and `useDialog()` for in-context usage.
+ *
+ * @example
+ * <DialogProvider>
+ *   <App />
+ * </DialogProvider>
+ */
+declare const DialogProvider: (props: DialogProviderProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { DialogContext, DialogProvider, DialogProviderProps, showDialog };
+//# sourceMappingURL=dialog-provider.d.ts.map