@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/action-icon.js

@@ -0,0 +1,74 @@
+"use client";
+
+import { a as useComponentSize, r as filterUndefinedProps, s as useKuzenboComponentDefaults } from "../size-provider-18EvJgDT.js";
+import { i as resolveDefaultNestedIconClassBySize } from "../size-system-BTsMqZRQ.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { t as ButtonGroupSizeContext } from "../button-group-size-context-DW7Gn-3k.js";
+import { Spinner } from "./spinner.js";
+import { t as buttonSharedVariants } from "../button-shared-variants-J4RVI3K7.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { Button } from "@base-ui/react/button";
+
+//#region src/ui/action-icon/action-icon.tsx
+const actionIconVariants = tv({
+	extend: buttonSharedVariants,
+	base: "group/action-icon",
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: "size-10",
+		md: "size-9",
+		sm: ["size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg"],
+		xl: ["size-11", resolveDefaultNestedIconClassBySize("xl")],
+		xs: ["size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg", resolveDefaultNestedIconClassBySize("xs")]
+	} }
+});
+const ACTION_ICON_SPINNER_SIZE_BY_SIZE = {
+	lg: "lg",
+	md: "md",
+	sm: "sm",
+	xl: "xl",
+	xs: "xs"
+};
+const isActionIconSize = (value) => typeof value === "string" && value in ACTION_ICON_SPINNER_SIZE_BY_SIZE;
+const ActionIconContent = ({ children, isLoading, size }) => /* @__PURE__ */ jsxs("span", {
+	className: "relative inline-flex items-center justify-center",
+	children: [/* @__PURE__ */ jsx("span", {
+		className: cn("inline-flex items-center justify-center gap-2 transition-all duration-200", isLoading ? "pointer-events-none -translate-y-full opacity-0" : "translate-y-0 opacity-100"),
+		children
+	}), /* @__PURE__ */ jsx("span", {
+		className: cn("absolute inset-0 inline-flex items-center justify-center transition-all duration-200", isLoading ? "translate-y-0 opacity-100" : "pointer-events-none -translate-y-full opacity-0"),
+		children: /* @__PURE__ */ jsx(Spinner, { size: ACTION_ICON_SPINNER_SIZE_BY_SIZE[size] })
+	})]
+});
+const ActionIcon = (incomingProps) => {
+	const { size: componentDefaultSize, ...componentDefaultsWithoutSize } = useKuzenboComponentDefaults("ActionIcon");
+	const { className, variant = "default", size, isLoading, children, disabled, ...props } = {
+		...filterUndefinedProps(componentDefaultsWithoutSize),
+		...filterUndefinedProps(incomingProps)
+	};
+	const { size: buttonGroupSize } = useContext(ButtonGroupSizeContext);
+	const resolvedSize = useComponentSize(isActionIconSize(size) ? size : void 0, buttonGroupSize, isActionIconSize(componentDefaultSize) ? componentDefaultSize : void 0);
+	return /* @__PURE__ */ jsx(Button, {
+		className: mergeBaseUIClassName(cn(actionIconVariants({
+			size: resolvedSize,
+			variant
+		})), className),
+		focusableWhenDisabled: Boolean(isLoading),
+		"data-loading": isLoading,
+		"data-size": resolvedSize,
+		"data-slot": "action-icon",
+		disabled: disabled || isLoading,
+		...props,
+		children: /* @__PURE__ */ jsx(ActionIconContent, {
+			isLoading,
+			size: resolvedSize,
+			children
+		})
+	});
+};
+
+//#endregion
+export { ActionIcon, actionIconVariants };
+//# sourceMappingURL=action-icon.js.map

package/dist/ui/action-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-icon.js","names":["ButtonPrimitive"],"sources":["../../src/ui/action-icon/action-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ButtonGroupSizeContext } from \"../button-group/button-group-size-context\";\nimport { buttonSharedVariants } from \"../button/button-shared-variants\";\nimport {\n  useComponentSize,\n  filterUndefinedProps,\n  useKuzenboComponentDefaults,\n} from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { resolveDefaultNestedIconClassBySize } from \"../shared/size/size-system\";\nimport { Spinner } from \"../spinner/spinner\";\n\nconst actionIconVariants = tv({\n  extend: buttonSharedVariants,\n  base: \"group/action-icon\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-10\",\n      md: \"size-9\",\n      sm: [\n        \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n      ],\n      xl: [\"size-11\", resolveDefaultNestedIconClassBySize(\"xl\")],\n      xs: [\n        \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n        resolveDefaultNestedIconClassBySize(\"xs\"),\n      ],\n    },\n  },\n});\n\nexport type ActionIconProps = ComponentProps<typeof ButtonPrimitive> &\n  VariantProps<typeof actionIconVariants> & {\n    isLoading?: boolean;\n  };\n\ntype ActionIconSize = NonNullable<\n  VariantProps<typeof actionIconVariants>[\"size\"]\n>;\n\nconst ACTION_ICON_SPINNER_SIZE_BY_SIZE: Record<ActionIconSize, UISize> = {\n  lg: \"lg\",\n  md: \"md\",\n  sm: \"sm\",\n  xl: \"xl\",\n  xs: \"xs\",\n};\n\nconst isActionIconSize = (value: unknown): value is ActionIconSize =>\n  typeof value === \"string\" && value in ACTION_ICON_SPINNER_SIZE_BY_SIZE;\n\nconst ActionIconContent = ({\n  children,\n  isLoading,\n  size,\n}: {\n  children: ReactNode;\n  isLoading?: boolean;\n  size: ActionIconSize;\n}) => (\n  <span className=\"relative inline-flex items-center justify-center\">\n    <span\n      className={cn(\n        \"inline-flex items-center justify-center gap-2 transition-all duration-200\",\n        isLoading\n          ? \"pointer-events-none -translate-y-full opacity-0\"\n          : \"translate-y-0 opacity-100\"\n      )}\n    >\n      {children}\n    </span>\n    <span\n      className={cn(\n        \"absolute inset-0 inline-flex items-center justify-center transition-all duration-200\",\n        isLoading\n          ? \"translate-y-0 opacity-100\"\n          : \"pointer-events-none -translate-y-full opacity-0\"\n      )}\n    >\n      <Spinner size={ACTION_ICON_SPINNER_SIZE_BY_SIZE[size]} />\n    </span>\n  </span>\n);\n\nconst ActionIcon = (incomingProps: ActionIconProps) => {\n  const componentDefaults =\n    useKuzenboComponentDefaults<ActionIconProps>(\"ActionIcon\");\n  const { size: componentDefaultSize, ...componentDefaultsWithoutSize } =\n    componentDefaults;\n  const {\n    className,\n    variant = \"default\",\n    size,\n    isLoading,\n    children,\n    disabled,\n    ...props\n  } = {\n    ...filterUndefinedProps(componentDefaultsWithoutSize),\n    ...filterUndefinedProps(incomingProps),\n  };\n\n  const { size: buttonGroupSize } = useContext(ButtonGroupSizeContext);\n\n  const resolvedSize = useComponentSize(\n    isActionIconSize(size) ? size : undefined,\n    buttonGroupSize,\n    isActionIconSize(componentDefaultSize) ? componentDefaultSize : undefined\n  );\n\n  return (\n    <ButtonPrimitive\n      className={mergeBaseUIClassName<ButtonPrimitive.State>(\n        cn(actionIconVariants({ size: resolvedSize, variant })),\n        className\n      )}\n      focusableWhenDisabled={Boolean(isLoading)}\n      data-loading={isLoading}\n      data-size={resolvedSize}\n      data-slot=\"action-icon\"\n      disabled={disabled || isLoading}\n      {...props}\n    >\n      <ActionIconContent isLoading={isLoading} size={resolvedSize}>\n        {children}\n      </ActionIconContent>\n    </ButtonPrimitive>\n  );\n};\n\nexport { ActionIcon, actionIconVariants };\n"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,qBAAqB,GAAG;CAC5B,QAAQ;CACR,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI,CACF,qFACD;EACD,IAAI,CAAC,WAAW,oCAAoC,KAAK,CAAC;EAC1D,IAAI,CACF,sFACA,oCAAoC,KAAK,CAC1C;EACF,EACF;CACF,CAAC;AAWF,MAAM,mCAAmE;CACvE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,oBAAoB,UACxB,OAAO,UAAU,YAAY,SAAS;AAExC,MAAM,qBAAqB,EACzB,UACA,WACA,WAMA,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,QAAD;EACE,WAAW,GACT,6EACA,YACI,oDACA,4BACL;EAEA;EACI,GACP,oBAAC,QAAD;EACE,WAAW,GACT,wFACA,YACI,8BACA,kDACL;YAED,oBAAC,SAAD,EAAS,MAAM,iCAAiC,OAAS;EACpD,EACF;;AAGT,MAAM,cAAc,kBAAmC;CAGrD,MAAM,EAAE,MAAM,sBAAsB,GAAG,iCADrC,4BAA6C,aAAa;CAG5D,MAAM,EACJ,WACA,UAAU,WACV,MACA,WACA,UACA,UACA,GAAG,UACD;EACF,GAAG,qBAAqB,6BAA6B;EACrD,GAAG,qBAAqB,cAAc;EACvC;CAED,MAAM,EAAE,MAAM,oBAAoB,WAAW,uBAAuB;CAEpE,MAAM,eAAe,iBACnB,iBAAiB,KAAK,GAAG,OAAO,QAChC,iBACA,iBAAiB,qBAAqB,GAAG,uBAAuB,OACjE;AAED,QACE,oBAACA,QAAD;EACE,WAAW,qBACT,GAAG,mBAAmB;GAAE,MAAM;GAAc;GAAS,CAAC,CAAC,EACvD,UACD;EACD,uBAAuB,QAAQ,UAAU;EACzC,gBAAc;EACd,aAAW;EACX,aAAU;EACV,UAAU,YAAY;EACtB,GAAI;YAEJ,oBAAC,mBAAD;GAA8B;GAAW,MAAM;GAC5C;GACiB;EACJ"}

package/dist/ui/affix.d.ts

@@ -1,4 +1,5 @@
 import { BasePortalProps } from "./portal.js";
+import { CSSProperties } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
@@ -31,9 +32,9 @@ type AffixProps = AffixVariants & useRender.ComponentProps<"div"> & {
   withinPortal?: boolean;
   /**
    * Custom z-index value
-   * @default 200
+   * @default token: --kb-z-affix
    */
-  zIndex?: number;
+  zIndex?: CSSProperties["zIndex"];
 };
 declare const Affix: ({
   className,

package/dist/ui/affix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"affix.d.ts","names":[],"sources":["../../src/ui/affix/affix.tsx"],"mappings":";;;;;;;UAYiB,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAaW,aAAA,EAAa,kBAAA,CAAA,YAAA,wDAYxB,kBAAA,CAZwB,YAAA;AAAA,KAcrB,aAAA,GAAgB,YAAA,QAAoB,aAAA;AAAA,KAE7B,UAAA,GAAa,aAAA,GACvB,SAAA,CAAU,cAAA;EACR,WAAA;EAhCF;;;;EAqCE,QAAA,GAAW,aAAA;EAXb;;;EAeE,WAAA,GAAc,eAAA;EAbb;;;;EAkBD,YAAA;EAhBQ;;;;EAqBR,MAAA;AAAA;AAAA,cA6BS,KAAA;EAAS,SAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,MAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASnB,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"affix.d.ts","names":[],"sources":["../../src/ui/affix/affix.tsx"],"mappings":";;;;;;;;UAWiB,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAaW,aAAA,EAAa,kBAAA,CAAA,YAAA,wDAYxB,kBAAA,CAZwB,YAAA;AAAA,KAcrB,aAAA,GAAgB,YAAA,QAAoB,aAAA;AAAA,KAE7B,UAAA,GAAa,aAAA,GACvB,SAAA,CAAU,cAAA;EACR,WAAA;EAhCF;;;;EAqCE,QAAA,GAAW,aAAA;EAXb;;;EAeE,WAAA,GAAc,eAAA;EAbb;;;;EAkBD,YAAA;EAhBQ;;;;EAqBR,MAAA,GAAS,aAAA;AAAA;AAAA,cA+BA,KAAA;EAAS,SAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,MAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASnB,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/affix.js

@@ -25,7 +25,7 @@ const getSpacing = (value) => {
 };
 const affixVariants = tv({ base: [
 	"fixed",
-	"z-(--affix-z-index)",
+	"z-affix",
 	"top-(--affix-top)",
 	"left-(--affix-left)",
 	"bottom-(--affix-bottom)",
@@ -36,26 +36,27 @@ const DEFAULT_POSITION = {
 	right: 0
 };
 const buildPositionStyles = (position, zIndex) => {
-	const styles = { "--affix-z-index": zIndex.toString() };
+	const styles = {};
+	if (zIndex !== void 0) styles.zIndex = zIndex;
 	if (position.top !== void 0) styles["--affix-top"] = getSpacing(position.top);
 	if (position.bottom !== void 0) styles["--affix-bottom"] = getSpacing(position.bottom);
 	if (position.left !== void 0) styles["--affix-left"] = getSpacing(position.left);
 	if (position.right !== void 0) styles["--affix-right"] = getSpacing(position.right);
 	return styles;
 };
-const Affix = ({ className, position = DEFAULT_POSITION, portalProps, withinPortal = true, zIndex = 200, render, children, ...props }) => {
+const Affix = ({ className, position = DEFAULT_POSITION, portalProps, withinPortal = true, zIndex, render, children, ...props }) => {
 	const positionStyles = buildPositionStyles(position, zIndex);
 	const element = useRender({
 		defaultTagName: "div",
-		render,
 		props: mergeProps({
+			children,
 			className: cn(affixVariants(), className),
-			style: positionStyles,
-			children
+			style: positionStyles
 		}, {
 			"data-slot": "affix",
 			...props
-		})
+		}),
+		render
 	});
 	return /* @__PURE__ */ jsx(OptionalPortal, {
 		...portalProps,

package/dist/ui/affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.js","names":[],"sources":["../../src/ui/portal/optional-portal.tsx","../../src/ui/affix/affix.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport type { BasePortalProps } from \"./portal\";\n\nimport { Portal } from \"./portal\";\n\nexport type OptionalPortalProps = BasePortalProps & {\n  /**\n   * Determines whether children should be rendered inside `<Portal />`\n   * @default true\n   */\n  withinPortal?: boolean;\n  /**\n   * Portal children\n   */\n  children: ReactNode;\n};\n\nconst isTestEnvironment = () =>\n  typeof process !== \"undefined\" &&\n  (process.env.NODE_ENV === \"test\" ||\n    process.env.VITEST === \"true\" ||\n    process.env.JEST_WORKER_ID !== undefined);\n\nexport const OptionalPortal = ({\n  withinPortal = true,\n  children,\n  ...others\n}: OptionalPortalProps) => {\n  const env = isTestEnvironment();\n\n  if (env || !withinPortal) {\n    return children;\n  }\n\n  return <Portal {...others}>{children}</Portal>;\n};\n","\"use client\";\n\nimport type { CSSProperties } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { BasePortalProps } from \"../portal/portal\";\n\nimport { OptionalPortal } from \"../portal/optional-portal\";\n\nexport interface AffixPosition {\n  top?: number | string;\n  bottom?: number | string;\n  left?: number | string;\n  right?: number | string;\n}\n\nconst getSpacing = (value?: number | string): string => {\n  if (value === undefined) {\n    return \"\";\n  }\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n  return value;\n};\n\nexport const affixVariants = tv({\n  base: [\n    // Layout: fixed positioning\n    \"fixed\",\n    // Z-index: from CSS variable\n    \"z-(--affix-z-index)\",\n    // Positioning: from CSS variables\n    \"top-(--affix-top)\",\n    \"left-(--affix-left)\",\n    \"bottom-(--affix-bottom)\",\n    \"right-(--affix-right)\",\n  ],\n});\n\ntype AffixVariants = VariantProps<typeof affixVariants>;\n\nexport type AffixProps = AffixVariants &\n  useRender.ComponentProps<\"div\"> & {\n    \"data-slot\"?: string;\n    /**\n     * Position of the affix element\n     * @default { bottom: 0, right: 0 }\n     */\n    position?: AffixPosition;\n    /**\n     * Props passed down to the Portal component. Ignored when `withinPortal` is `false`.\n     */\n    portalProps?: BasePortalProps;\n    /**\n     * Whether to render the affix within a portal\n     * @default true\n     */\n    withinPortal?: boolean;\n    /**\n     * Custom z-index value\n     * @default 200\n     */\n    zIndex?: number;\n  };\n\nconst DEFAULT_POSITION: AffixPosition = { bottom: 0, right: 0 };\n\nconst buildPositionStyles = (\n  position: AffixPosition,\n  zIndex: number\n): CSSProperties & Record<`--${string}`, string> => {\n  const styles: CSSProperties & Record<`--${string}`, string> = {\n    \"--affix-z-index\": zIndex.toString(),\n  } as CSSProperties & Record<`--${string}`, string>;\n\n  if (position.top !== undefined) {\n    styles[\"--affix-top\"] = getSpacing(position.top);\n  }\n  if (position.bottom !== undefined) {\n    styles[\"--affix-bottom\"] = getSpacing(position.bottom);\n  }\n  if (position.left !== undefined) {\n    styles[\"--affix-left\"] = getSpacing(position.left);\n  }\n  if (position.right !== undefined) {\n    styles[\"--affix-right\"] = getSpacing(position.right);\n  }\n\n  return styles;\n};\n\nexport const Affix = ({\n  className,\n  position = DEFAULT_POSITION,\n  portalProps,\n  withinPortal = true,\n  zIndex = 200,\n  render,\n  children,\n  ...props\n}: AffixProps) => {\n  const positionStyles = buildPositionStyles(position, zIndex);\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps<\"div\">(\n      {\n        className: cn(affixVariants(), className),\n        style: positionStyles,\n        children,\n      },\n      {\n        \"data-slot\": \"affix\",\n        ...props,\n      }\n    ),\n  });\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      {element}\n    </OptionalPortal>\n  );\n};\n"],"mappings":";;;;;;;;;AAoBA,MAAM,0BACJ,OAAO,YAAY,gBAClB,QAAQ,IAAI,aAAa,UACxB,QAAQ,IAAI,WAAW,UACvB,QAAQ,IAAI,mBAAmB;AAEnC,MAAa,kBAAkB,EAC7B,eAAe,MACf,UACA,GAAG,aACsB;AAGzB,KAFY,mBAAmB,IAEpB,CAAC,aACV,QAAO;AAGT,QAAO,oBAAC;EAAO,GAAI;EAAS;GAAkB;;;;;AClBhD,MAAM,cAAc,UAAoC;AACtD,KAAI,UAAU,OACZ,QAAO;AAET,KAAI,OAAO,UAAU,SACnB,QAAO,GAAG,MAAM;AAElB,QAAO;;AAGT,MAAa,gBAAgB,GAAG,EAC9B,MAAM;CAEJ;CAEA;CAEA;CACA;CACA;CACA;CACD,EACF,CAAC;AA4BF,MAAM,mBAAkC;CAAE,QAAQ;CAAG,OAAO;CAAG;AAE/D,MAAM,uBACJ,UACA,WACkD;CAClD,MAAM,SAAwD,EAC5D,mBAAmB,OAAO,UAAU,EACrC;AAED,KAAI,SAAS,QAAQ,OACnB,QAAO,iBAAiB,WAAW,SAAS,IAAI;AAElD,KAAI,SAAS,WAAW,OACtB,QAAO,oBAAoB,WAAW,SAAS,OAAO;AAExD,KAAI,SAAS,SAAS,OACpB,QAAO,kBAAkB,WAAW,SAAS,KAAK;AAEpD,KAAI,SAAS,UAAU,OACrB,QAAO,mBAAmB,WAAW,SAAS,MAAM;AAGtD,QAAO;;AAGT,MAAa,SAAS,EACpB,WACA,WAAW,kBACX,aACA,eAAe,MACf,SAAS,KACT,QACA,UACA,GAAG,YACa;CAChB,MAAM,iBAAiB,oBAAoB,UAAU,OAAO;CAE5D,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO,WACL;GACE,WAAW,GAAG,eAAe,EAAE,UAAU;GACzC,OAAO;GACP;GACD,EACD;GACE,aAAa;GACb,GAAG;GACJ,CACF;EACF,CAAC;AAEF,QACE,oBAAC;EAAe,GAAI;EAA2B;YAC5C;GACc"}
+{"version":3,"file":"affix.js","names":[],"sources":["../../src/ui/portal/optional-portal.tsx","../../src/ui/affix/affix.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport type { BasePortalProps } from \"./portal\";\nimport { Portal } from \"./portal\";\n\nexport type OptionalPortalProps = BasePortalProps & {\n  /**\n   * Determines whether children should be rendered inside `<Portal />`\n   * @default true\n   */\n  withinPortal?: boolean;\n  /**\n   * Portal children\n   */\n  children: ReactNode;\n};\n\nconst isTestEnvironment = () =>\n  typeof process !== \"undefined\" &&\n  (process.env.NODE_ENV === \"test\" ||\n    process.env.VITEST === \"true\" ||\n    process.env.JEST_WORKER_ID !== undefined);\n\nexport const OptionalPortal = ({\n  withinPortal = true,\n  children,\n  ...others\n}: OptionalPortalProps) => {\n  const env = isTestEnvironment();\n\n  if (env || !withinPortal) {\n    return children;\n  }\n\n  return <Portal {...others}>{children}</Portal>;\n};\n","\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { CSSProperties } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { OptionalPortal } from \"../portal/optional-portal\";\nimport type { BasePortalProps } from \"../portal/portal\";\n\nexport interface AffixPosition {\n  top?: number | string;\n  bottom?: number | string;\n  left?: number | string;\n  right?: number | string;\n}\n\nconst getSpacing = (value?: number | string): string => {\n  if (value === undefined) {\n    return \"\";\n  }\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n  return value;\n};\n\nexport const affixVariants = tv({\n  base: [\n    // Layout: fixed positioning\n    \"fixed\",\n    // Z-index: from CSS variable\n    \"z-affix\",\n    // Positioning: from CSS variables\n    \"top-(--affix-top)\",\n    \"left-(--affix-left)\",\n    \"bottom-(--affix-bottom)\",\n    \"right-(--affix-right)\",\n  ],\n});\n\ntype AffixVariants = VariantProps<typeof affixVariants>;\n\nexport type AffixProps = AffixVariants &\n  useRender.ComponentProps<\"div\"> & {\n    \"data-slot\"?: string;\n    /**\n     * Position of the affix element\n     * @default { bottom: 0, right: 0 }\n     */\n    position?: AffixPosition;\n    /**\n     * Props passed down to the Portal component. Ignored when `withinPortal` is `false`.\n     */\n    portalProps?: BasePortalProps;\n    /**\n     * Whether to render the affix within a portal\n     * @default true\n     */\n    withinPortal?: boolean;\n    /**\n     * Custom z-index value\n     * @default token: --kb-z-affix\n     */\n    zIndex?: CSSProperties[\"zIndex\"];\n  };\n\nconst DEFAULT_POSITION: AffixPosition = { bottom: 0, right: 0 };\n\nconst buildPositionStyles = (\n  position: AffixPosition,\n  zIndex?: CSSProperties[\"zIndex\"]\n): CSSProperties & Record<`--${string}`, string> => {\n  const styles = {} as CSSProperties & Record<`--${string}`, string>;\n\n  if (zIndex !== undefined) {\n    styles.zIndex = zIndex;\n  }\n\n  if (position.top !== undefined) {\n    styles[\"--affix-top\"] = getSpacing(position.top);\n  }\n  if (position.bottom !== undefined) {\n    styles[\"--affix-bottom\"] = getSpacing(position.bottom);\n  }\n  if (position.left !== undefined) {\n    styles[\"--affix-left\"] = getSpacing(position.left);\n  }\n  if (position.right !== undefined) {\n    styles[\"--affix-right\"] = getSpacing(position.right);\n  }\n\n  return styles;\n};\n\nexport const Affix = ({\n  className,\n  position = DEFAULT_POSITION,\n  portalProps,\n  withinPortal = true,\n  zIndex,\n  render,\n  children,\n  ...props\n}: AffixProps) => {\n  const positionStyles = buildPositionStyles(position, zIndex);\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        children,\n        className: cn(affixVariants(), className),\n        style: positionStyles,\n      },\n      {\n        \"data-slot\": \"affix\",\n        ...props,\n      }\n    ),\n    render,\n  });\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      {element}\n    </OptionalPortal>\n  );\n};\n"],"mappings":";;;;;;;;;AAmBA,MAAM,0BACJ,OAAO,YAAY,gBAClB,QAAQ,IAAI,aAAa,UACxB,QAAQ,IAAI,WAAW,UACvB,QAAQ,IAAI,mBAAmB;AAEnC,MAAa,kBAAkB,EAC7B,eAAe,MACf,UACA,GAAG,aACsB;AAGzB,KAFY,mBAAmB,IAEpB,CAAC,aACV,QAAO;AAGT,QAAO,oBAAC,QAAD;EAAQ,GAAI;EAAS;EAAkB;;;;;AClBhD,MAAM,cAAc,UAAoC;AACtD,KAAI,UAAU,OACZ,QAAO;AAET,KAAI,OAAO,UAAU,SACnB,QAAO,GAAG,MAAM;AAElB,QAAO;;AAGT,MAAa,gBAAgB,GAAG,EAC9B,MAAM;CAEJ;CAEA;CAEA;CACA;CACA;CACA;CACD,EACF,CAAC;AA4BF,MAAM,mBAAkC;CAAE,QAAQ;CAAG,OAAO;CAAG;AAE/D,MAAM,uBACJ,UACA,WACkD;CAClD,MAAM,SAAS,EAAE;AAEjB,KAAI,WAAW,OACb,QAAO,SAAS;AAGlB,KAAI,SAAS,QAAQ,OACnB,QAAO,iBAAiB,WAAW,SAAS,IAAI;AAElD,KAAI,SAAS,WAAW,OACtB,QAAO,oBAAoB,WAAW,SAAS,OAAO;AAExD,KAAI,SAAS,SAAS,OACpB,QAAO,kBAAkB,WAAW,SAAS,KAAK;AAEpD,KAAI,SAAS,UAAU,OACrB,QAAO,mBAAmB,WAAW,SAAS,MAAM;AAGtD,QAAO;;AAGT,MAAa,SAAS,EACpB,WACA,WAAW,kBACX,aACA,eAAe,MACf,QACA,QACA,UACA,GAAG,YACa;CAChB,MAAM,iBAAiB,oBAAoB,UAAU,OAAO;CAE5D,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB,OAAO,WACL;GACE;GACA,WAAW,GAAG,eAAe,EAAE,UAAU;GACzC,OAAO;GACR,EACD;GACE,aAAa;GACb,GAAG;GACJ,CACF;EACD;EACD,CAAC;AAEF,QACE,oBAAC,gBAAD;EAAgB,GAAI;EAA2B;YAC5C;EACc"}

package/dist/ui/alert-dialog.d.ts

@@ -1,5 +1,5 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
-import { Button } from "./button.js";
+import { t as UISize } from "../size-system-BAI1CnwU.js";
+import { t as Button } from "../button-CPPkhcmB.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
@@ -30,6 +30,7 @@ declare const AlertDialogCancel: ({
 //#region src/ui/alert-dialog/alert-dialog-close.d.ts
 type AlertDialogCloseProps = AlertDialog$1.Close.Props;
 declare const AlertDialogClose: ({
+  className,
   ...props
 }: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -137,6 +138,7 @@ declare const AlertDialog: {
     ...props
   }: AlertDialogCancelProps) => react_jsx_runtime0.JSX.Element;
   Close: ({
+    className,
     ...props
   }: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
   Content: ({

package/dist/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":"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"}

package/dist/ui/alert-dialog.js

@@ -8,7 +8,7 @@ import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/ui/alert-dialog/alert-dialog-action.tsx
 const AlertDialogAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
-	className: cn(className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "alert-dialog-action",
 	...props
 });
@@ -16,7 +16,7 @@ const AlertDialogAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Butto
 //#endregion
 //#region src/ui/alert-dialog/alert-dialog-backdrop.tsx
 const AlertDialogBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
-	className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
 	"data-slot": "alert-dialog-backdrop",
 	...props
 });
@@ -27,7 +27,7 @@ const AlertDialogCancel = ({ className, variant = "outline", size: providedSize,
 	const globalSize = useGlobalUISize();
 	const size = providedSize ?? globalSize ?? "md";
 	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
-		className: cn(className),
+		className: cn("cursor-clickable", className),
 		"data-slot": "alert-dialog-cancel",
 		render: /* @__PURE__ */ jsx(Button, {
 			size,
@@ -39,7 +39,8 @@ const AlertDialogCancel = ({ className, variant = "outline", size: providedSize,
 
 //#endregion
 //#region src/ui/alert-dialog/alert-dialog-close.tsx
-const AlertDialogClose = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+const AlertDialogClose = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+	className: cn("cursor-clickable", className),
 	"data-slot": "alert-dialog-close",
 	...props
 });
@@ -49,7 +50,7 @@ const AlertDialogClose = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Clo
 const AlertDialogPopup = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
 	return /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
-		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=md]:sm:max-w-lg", className),
+		className: cn("group/alert-dialog-content z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl ring-1 duration-100 outline-none data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=md]:sm:max-w-lg", className),
 		"data-size": size,
 		"data-slot": "alert-dialog-popup",
 		...props
@@ -66,7 +67,7 @@ const AlertDialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Po
 //#endregion
 //#region src/ui/alert-dialog/alert-dialog-viewport.tsx
 const AlertDialogViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Viewport, {
-	className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
+	className: cn("z-overlay fixed inset-0 flex items-center justify-center p-4", className),
 	"data-slot": "alert-dialog-viewport",
 	...props
 });
@@ -86,7 +87,7 @@ const AlertDialogContent = ({ className, size: providedSize, ...props }) => {
 //#endregion
 //#region src/ui/alert-dialog/alert-dialog-description.tsx
 const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Description, {
-	className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+	className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className),
 	"data-slot": "alert-dialog-description",
 	...props
 });
@@ -110,7 +111,7 @@ const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
 //#endregion
 //#region src/ui/alert-dialog/alert-dialog-media.tsx
 const AlertDialogMedia = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
+	className: cn("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
 	"data-slot": "alert-dialog-media",
 	...props
 });
@@ -134,7 +135,7 @@ const AlertDialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertD
 //#endregion
 //#region src/ui/alert-dialog/alert-dialog-trigger.tsx
 const AlertDialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "alert-dialog-trigger",
 	...props
 });

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive"],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nexport type AlertDialogActionProps = ComponentProps<typeof Button>;\n\nconst AlertDialogAction = ({ className, ...props }: AlertDialogActionProps) => (\n  <Button\n    className={cn(className)}\n    data-slot=\"alert-dialog-action\"\n    {...props}\n  />\n);\n\nexport { AlertDialogAction };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogBackdropProps = AlertDialogPrimitive.Backdrop.Props;\n\nconst AlertDialogBackdrop = ({\n  className,\n  ...props\n}: AlertDialogBackdropProps) => (\n  <AlertDialogPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"alert-dialog-backdrop\"\n    {...props}\n  />\n);\n\nexport { AlertDialogBackdrop };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useGlobalUISize } from \"../shared/size/size-provider\";\nexport type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props &\n  Pick<ComponentProps<typeof Button>, \"variant\" | \"size\">;\n\nconst AlertDialogCancel = ({\n  className,\n  variant = \"outline\",\n  size: providedSize,\n  ...props\n}: AlertDialogCancelProps) => {\n  const globalSize = useGlobalUISize();\n  const size = providedSize ?? globalSize ?? \"md\";\n\n  return (\n    <AlertDialogPrimitive.Close\n      className={cn(className)}\n      data-slot=\"alert-dialog-cancel\"\n      render={<Button size={size} variant={variant} />}\n      {...props}\n    />\n  );\n};\n\nexport { AlertDialogCancel };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nexport type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;\n\nconst AlertDialogClose = ({ ...props }: AlertDialogCloseProps) => (\n  <AlertDialogPrimitive.Close data-slot=\"alert-dialog-close\" {...props} />\n);\n\nexport { AlertDialogClose };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nexport type AlertDialogPopupSize = UISize;\nexport type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {\n  size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogPopup = ({\n  className,\n  size: providedSize,\n  ...props\n}: AlertDialogPopupProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AlertDialogPrimitive.Popup\n      className={cn(\n        \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=md]:sm:max-w-lg\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"alert-dialog-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { AlertDialogPopup };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nexport type AlertDialogPortalProps = AlertDialogPrimitive.Portal.Props;\n\nconst AlertDialogPortal = ({ ...props }: AlertDialogPortalProps) => (\n  <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n);\n\nexport { AlertDialogPortal };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogViewportProps = AlertDialogPrimitive.Viewport.Props;\n\nconst AlertDialogViewport = ({\n  className,\n  ...props\n}: AlertDialogViewportProps) => (\n  <AlertDialogPrimitive.Viewport\n    className={cn(\n      \"fixed inset-0 z-50 flex items-center justify-center p-4\",\n      className\n    )}\n    data-slot=\"alert-dialog-viewport\"\n    {...props}\n  />\n);\n\nexport { AlertDialogViewport };\n","import { useComponentSize } from \"../shared/size/size-provider\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport {\n  AlertDialogPopup,\n  type AlertDialogPopupProps,\n  type AlertDialogPopupSize,\n} from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogContentProps = AlertDialogPopupProps & {\n  size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogContent = ({\n  className,\n  size: providedSize,\n  ...props\n}: AlertDialogContentProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AlertDialogPortal>\n      <AlertDialogBackdrop />\n      <AlertDialogViewport>\n        <AlertDialogPopup\n          className={className}\n          data-slot=\"alert-dialog-content\"\n          size={size}\n          {...props}\n        />\n      </AlertDialogViewport>\n    </AlertDialogPortal>\n  );\n};\n\nexport { AlertDialogContent };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogDescriptionProps = ComponentProps<\n  typeof AlertDialogPrimitive.Description\n>;\n\nconst AlertDialogDescription = ({\n  className,\n  ...props\n}: AlertDialogDescriptionProps) => (\n  <AlertDialogPrimitive.Description\n    className={cn(\n      \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n      className\n    )}\n    data-slot=\"alert-dialog-description\"\n    {...props}\n  />\n);\n\nexport { AlertDialogDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogFooterProps = ComponentProps<\"div\">;\n\nconst AlertDialogFooter = ({ className, ...props }: AlertDialogFooterProps) => (\n  <div\n    className={cn(\n      \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n      className\n    )}\n    data-slot=\"alert-dialog-footer\"\n    {...props}\n  />\n);\n\nexport { AlertDialogFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogHeaderProps = ComponentProps<\"div\">;\n\nconst AlertDialogHeader = ({ className, ...props }: AlertDialogHeaderProps) => (\n  <div\n    className={cn(\n      \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n      className\n    )}\n    data-slot=\"alert-dialog-header\"\n    {...props}\n  />\n);\n\nexport { AlertDialogHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogMediaProps = ComponentProps<\"div\">;\n\nconst AlertDialogMedia = ({ className, ...props }: AlertDialogMediaProps) => (\n  <div\n    className={cn(\n      \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n      className\n    )}\n    data-slot=\"alert-dialog-media\"\n    {...props}\n  />\n);\n\nexport { AlertDialogMedia };\n","import {\n  AlertDialogBackdrop,\n  type AlertDialogBackdropProps,\n} from \"./alert-dialog-backdrop\";\nexport type AlertDialogOverlayProps = AlertDialogBackdropProps;\n\nconst AlertDialogOverlay = ({\n  className,\n  ...props\n}: AlertDialogOverlayProps) => (\n  <AlertDialogBackdrop\n    className={className}\n    data-slot=\"alert-dialog-overlay\"\n    {...props}\n  />\n);\n\nexport { AlertDialogOverlay };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTitleProps = ComponentProps<\n  typeof AlertDialogPrimitive.Title\n>;\n\nconst AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => (\n  <AlertDialogPrimitive.Title\n    className={cn(\n      \"text-sm font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n      className\n    )}\n    data-slot=\"alert-dialog-title\"\n    {...props}\n  />\n);\n\nexport { AlertDialogTitle };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;\n\nconst AlertDialogTrigger = ({\n  className,\n  ...props\n}: AlertDialogTriggerProps) => (\n  <AlertDialogPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"alert-dialog-trigger\"\n    {...props}\n  />\n);\n\nexport { AlertDialogTrigger };\n","\"use client\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogClose } from \"./alert-dialog-close\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogProps = AlertDialogPrimitive.Root.Props;\n\nconst AlertDialog = ({ ...props }: AlertDialogProps) => (\n  <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Backdrop = AlertDialogBackdrop;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Close = AlertDialogClose;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Popup = AlertDialogPopup;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Viewport = AlertDialogViewport;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogBackdrop,\n  AlertDialogCancel,\n  AlertDialogClose,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogPopup,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  AlertDialogViewport,\n};\n\nexport type { AlertDialogActionProps } from \"./alert-dialog-action\";\nexport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type { AlertDialogCancelProps } from \"./alert-dialog-cancel\";\nexport type { AlertDialogCloseProps } from \"./alert-dialog-close\";\nexport type { AlertDialogContentProps } from \"./alert-dialog-content\";\nexport type { AlertDialogDescriptionProps } from \"./alert-dialog-description\";\nexport type { AlertDialogFooterProps } from \"./alert-dialog-footer\";\nexport type { AlertDialogHeaderProps } from \"./alert-dialog-header\";\nexport type { AlertDialogMediaProps } from \"./alert-dialog-media\";\nexport type { AlertDialogOverlayProps } from \"./alert-dialog-overlay\";\nexport type { AlertDialogPopupProps } from \"./alert-dialog-popup\";\nexport type { AlertDialogPortalProps } from \"./alert-dialog-portal\";\nexport type { AlertDialogTitleProps } from \"./alert-dialog-title\";\nexport type { AlertDialogTriggerProps } from \"./alert-dialog-trigger\";\nexport type { AlertDialogViewportProps } from \"./alert-dialog-viewport\";\n"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive"],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nexport type AlertDialogActionProps = ComponentProps<typeof Button>;\n\nconst AlertDialogAction = ({ className, ...props }: AlertDialogActionProps) => (\n  <Button\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"alert-dialog-action\"\n    {...props}\n  />\n);\n\nexport { AlertDialogAction };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogBackdropProps = AlertDialogPrimitive.Backdrop.Props;\n\nconst AlertDialogBackdrop = ({\n  className,\n  ...props\n}: AlertDialogBackdropProps) => (\n  <AlertDialogPrimitive.Backdrop\n    className={cn(\n      \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"alert-dialog-backdrop\"\n    {...props}\n  />\n);\n\nexport { AlertDialogBackdrop };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useGlobalUISize } from \"../shared/size/size-provider\";\nexport type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props &\n  Pick<ComponentProps<typeof Button>, \"variant\" | \"size\">;\n\nconst AlertDialogCancel = ({\n  className,\n  variant = \"outline\",\n  size: providedSize,\n  ...props\n}: AlertDialogCancelProps) => {\n  const globalSize = useGlobalUISize();\n  const size = providedSize ?? globalSize ?? \"md\";\n\n  return (\n    <AlertDialogPrimitive.Close\n      className={cn(\"cursor-clickable\", className)}\n      data-slot=\"alert-dialog-cancel\"\n      render={<Button size={size} variant={variant} />}\n      {...props}\n    />\n  );\n};\n\nexport { AlertDialogCancel };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;\n\nconst AlertDialogClose = ({ className, ...props }: AlertDialogCloseProps) => (\n  <AlertDialogPrimitive.Close\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"alert-dialog-close\"\n    {...props}\n  />\n);\n\nexport { AlertDialogClose };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type AlertDialogPopupSize = UISize;\nexport type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {\n  size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogPopup = ({\n  className,\n  size: providedSize,\n  ...props\n}: AlertDialogPopupProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AlertDialogPrimitive.Popup\n      className={cn(\n        \"group/alert-dialog-content z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl ring-1 duration-100 outline-none data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=md]:sm:max-w-lg\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"alert-dialog-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { AlertDialogPopup };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nexport type AlertDialogPortalProps = AlertDialogPrimitive.Portal.Props;\n\nconst AlertDialogPortal = ({ ...props }: AlertDialogPortalProps) => (\n  <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n);\n\nexport { AlertDialogPortal };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogViewportProps = AlertDialogPrimitive.Viewport.Props;\n\nconst AlertDialogViewport = ({\n  className,\n  ...props\n}: AlertDialogViewportProps) => (\n  <AlertDialogPrimitive.Viewport\n    className={cn(\n      \"z-overlay fixed inset-0 flex items-center justify-center p-4\",\n      className\n    )}\n    data-slot=\"alert-dialog-viewport\"\n    {...props}\n  />\n);\n\nexport { AlertDialogViewport };\n","import { useComponentSize } from \"../shared/size/size-provider\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport type {\n  AlertDialogPopupProps,\n  AlertDialogPopupSize,\n} from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogContentProps = AlertDialogPopupProps & {\n  size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogContent = ({\n  className,\n  size: providedSize,\n  ...props\n}: AlertDialogContentProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AlertDialogPortal>\n      <AlertDialogBackdrop />\n      <AlertDialogViewport>\n        <AlertDialogPopup\n          className={className}\n          data-slot=\"alert-dialog-content\"\n          size={size}\n          {...props}\n        />\n      </AlertDialogViewport>\n    </AlertDialogPortal>\n  );\n};\n\nexport { AlertDialogContent };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogDescriptionProps = ComponentProps<\n  typeof AlertDialogPrimitive.Description\n>;\n\nconst AlertDialogDescription = ({\n  className,\n  ...props\n}: AlertDialogDescriptionProps) => (\n  <AlertDialogPrimitive.Description\n    className={cn(\n      \"text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3\",\n      className\n    )}\n    data-slot=\"alert-dialog-description\"\n    {...props}\n  />\n);\n\nexport { AlertDialogDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogFooterProps = ComponentProps<\"div\">;\n\nconst AlertDialogFooter = ({ className, ...props }: AlertDialogFooterProps) => (\n  <div\n    className={cn(\n      \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n      className\n    )}\n    data-slot=\"alert-dialog-footer\"\n    {...props}\n  />\n);\n\nexport { AlertDialogFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogHeaderProps = ComponentProps<\"div\">;\n\nconst AlertDialogHeader = ({ className, ...props }: AlertDialogHeaderProps) => (\n  <div\n    className={cn(\n      \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n      className\n    )}\n    data-slot=\"alert-dialog-header\"\n    {...props}\n  />\n);\n\nexport { AlertDialogHeader };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogMediaProps = ComponentProps<\"div\">;\n\nconst AlertDialogMedia = ({ className, ...props }: AlertDialogMediaProps) => (\n  <div\n    className={cn(\n      \"bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n      className\n    )}\n    data-slot=\"alert-dialog-media\"\n    {...props}\n  />\n);\n\nexport { AlertDialogMedia };\n","import { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type AlertDialogOverlayProps = AlertDialogBackdropProps;\n\nconst AlertDialogOverlay = ({\n  className,\n  ...props\n}: AlertDialogOverlayProps) => (\n  <AlertDialogBackdrop\n    className={className}\n    data-slot=\"alert-dialog-overlay\"\n    {...props}\n  />\n);\n\nexport { AlertDialogOverlay };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTitleProps = ComponentProps<\n  typeof AlertDialogPrimitive.Title\n>;\n\nconst AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => (\n  <AlertDialogPrimitive.Title\n    className={cn(\n      \"text-sm font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n      className\n    )}\n    data-slot=\"alert-dialog-title\"\n    {...props}\n  />\n);\n\nexport { AlertDialogTitle };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;\n\nconst AlertDialogTrigger = ({\n  className,\n  ...props\n}: AlertDialogTriggerProps) => (\n  <AlertDialogPrimitive.Trigger\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"alert-dialog-trigger\"\n    {...props}\n  />\n);\n\nexport { AlertDialogTrigger };\n","\"use client\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogClose } from \"./alert-dialog-close\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogProps = AlertDialogPrimitive.Root.Props;\n\nconst AlertDialog = ({ ...props }: AlertDialogProps) => (\n  <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Backdrop = AlertDialogBackdrop;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Close = AlertDialogClose;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Popup = AlertDialogPopup;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Viewport = AlertDialogViewport;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogBackdrop,\n  AlertDialogCancel,\n  AlertDialogClose,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogPopup,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  AlertDialogViewport,\n};\n\nexport type { AlertDialogActionProps } from \"./alert-dialog-action\";\nexport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type { AlertDialogCancelProps } from \"./alert-dialog-cancel\";\nexport type { AlertDialogCloseProps } from \"./alert-dialog-close\";\nexport type { AlertDialogContentProps } from \"./alert-dialog-content\";\nexport type { AlertDialogDescriptionProps } from \"./alert-dialog-description\";\nexport type { AlertDialogFooterProps } from \"./alert-dialog-footer\";\nexport type { AlertDialogHeaderProps } from \"./alert-dialog-header\";\nexport type { AlertDialogMediaProps } from \"./alert-dialog-media\";\nexport type { AlertDialogOverlayProps } from \"./alert-dialog-overlay\";\nexport type { AlertDialogPopupProps } from \"./alert-dialog-popup\";\nexport type { AlertDialogPortalProps } from \"./alert-dialog-portal\";\nexport type { AlertDialogTitleProps } from \"./alert-dialog-title\";\nexport type { AlertDialogTriggerProps } from \"./alert-dialog-trigger\";\nexport type { AlertDialogViewportProps } from \"./alert-dialog-viewport\";\n"],"mappings":"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"}

package/dist/ui/alert.d.ts

@@ -1,4 +1,4 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
+import { t as UISize } from "../size-system-BAI1CnwU.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -27,73 +27,73 @@ declare const AlertTitle: ({
 //#endregion
 //#region src/ui/alert/alert.d.ts
 declare const alertVariants: tailwind_variants0.TVReturnType<{
-  variant: {
-    default: string;
-    primary: string;
-    secondary: string;
-    warning: string;
-    danger: string;
-    info: string;
-    success: string;
-  };
   appearance: {
     default: string;
-    subtle: string;
-    outline: string;
     inverted: string;
+    outline: string;
+    subtle: string;
   };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, string[], {
   variant: {
+    danger: string;
     default: string;
+    info: string;
     primary: string;
     secondary: string;
-    warning: string;
-    danger: string;
-    info: string;
     success: string;
+    warning: string;
   };
+}, undefined, string[], {
   appearance: {
     default: string;
-    subtle: string;
-    outline: string;
     inverted: string;
+    outline: string;
+    subtle: string;
   };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
   variant: {
+    danger: string;
     default: string;
+    info: string;
     primary: string;
     secondary: string;
-    warning: string;
-    danger: string;
-    info: string;
     success: string;
+    warning: string;
   };
+}, undefined, tailwind_variants0.TVReturnType<{
   appearance: {
     default: string;
-    subtle: string;
-    outline: string;
     inverted: string;
+    outline: string;
+    subtle: string;
   };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
+  };
+  variant: {
+    danger: string;
+    default: string;
+    info: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
   };
 }, undefined, string[], unknown, unknown, undefined>>;
 type AlertVariants = Omit<VariantProps<typeof alertVariants>, "size"> & {

package/dist/ui/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/ui/alert/alert-action.tsx","../../src/ui/alert/alert-description.tsx","../../src/ui/alert/alert-title.tsx","../../src/ui/alert/alert.tsx"],"mappings":";;;;;;;KAGY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,qBAAA,GAAwB,cAAA;AAAA,cAE9B,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCQtD,aAAA,EA4LJ,kBAAA,CA5LiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4LjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEG,aAAA,GAAgB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAC5C,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,aAAA,GAAgB,cAAA;AAAA,cAEnC,KAAA;EAAA;;;;;;KAMH,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/ui/alert/alert-action.tsx","../../src/ui/alert/alert-description.tsx","../../src/ui/alert/alert-title.tsx","../../src/ui/alert/alert.tsx"],"mappings":";;;;;;;KAEY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,qBAAA,GAAwB,cAAA;AAAA,cAE9B,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCQtD,aAAA,EA4LJ,kBAAA,CA5LiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4LjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEG,aAAA,GAAgB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAC5C,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,aAAA,GAAgB,cAAA;AAAA,cAEnC,KAAA;EAAA;;;;;;KAMH,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}