@lglab/compose-ui 0.28.0 → 0.29.0

package/dist/accordion.d.ts

@@ -1,40 +1,49 @@
-import { Accordion } from '@base-ui/react/accordion';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const AccordionHeader: {
-    ({ className, ...props }: AccordionHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AccordionHeaderProps = React_2.ComponentProps<typeof Accordion.Header>;
-
-export declare const AccordionItem: {
-    ({ className, ...props }: AccordionItemProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AccordionItemProps = React_2.ComponentProps<typeof Accordion.Item>;
-
-export declare const AccordionPanel: {
-    ({ className, ...props }: AccordionPanelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AccordionPanelProps = React_2.ComponentProps<typeof Accordion.Panel>;
-
-export declare const AccordionRoot: {
-    ({ className, ...props }: AccordionRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AccordionRootProps = React_2.ComponentProps<typeof Accordion.Root>;
-
-export declare const AccordionTrigger: {
-    ({ className, children, ...props }: AccordionTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AccordionTriggerProps = React_2.ComponentProps<typeof Accordion.Trigger>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime271 from "react/jsx-runtime";
+import { Accordion } from "@base-ui/react/accordion";
+
+//#region src/components/accordion.d.ts
+type AccordionRootProps = React.ComponentProps<typeof Accordion.Root>;
+declare const AccordionRoot: {
+  ({
+    className,
+    ...props
+  }: AccordionRootProps): react_jsx_runtime271.JSX.Element;
+  displayName: string;
+};
+type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
+declare const AccordionItem: {
+  ({
+    className,
+    ...props
+  }: AccordionItemProps): react_jsx_runtime271.JSX.Element;
+  displayName: string;
+};
+type AccordionHeaderProps = React.ComponentProps<typeof Accordion.Header>;
+declare const AccordionHeader: {
+  ({
+    className,
+    ...props
+  }: AccordionHeaderProps): react_jsx_runtime271.JSX.Element;
+  displayName: string;
+};
+type AccordionTriggerProps = React.ComponentProps<typeof Accordion.Trigger>;
+declare const AccordionTrigger: {
+  ({
+    className,
+    children,
+    ...props
+  }: AccordionTriggerProps): react_jsx_runtime271.JSX.Element;
+  displayName: string;
+};
+type AccordionPanelProps = React.ComponentProps<typeof Accordion.Panel>;
+declare const AccordionPanel: {
+  ({
+    className,
+    ...props
+  }: AccordionPanelProps): react_jsx_runtime271.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,SAAA,CAAc;cAE9D;;;;KAA0C,qBAAkB,oBAAA,CAAA,GAAA,CAAA;EAF7D,WAAA,EAAA,MAAA;CAAkB;KAYlB,kBAAA,GAAqB,KAAA,CAAM,cAZoC,CAAA,OAYd,SAAA,CAAc,IAZA,CAAA;cAc9D,aAd0B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcE,kBAdF,CAAA,EAcoB,oBAAA,CAAA,GAAA,CAAA,OAdpB;EAExC,WAAA,EAAA,MAEL;CAAA;KAyBI,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,SAAA,CAAc;cAEhE,eA7B0C,EAAA;;IAAkB,SAAA;IAAA,GAAA;EAAA,CAAA,EA6BhB,oBA7BgB,CAAA,EA6BI,oBAAA,CAAA,GAAA,CAAA,OA7BJ;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAuC7D,qBAAA,GAAwB,KAAA,CAAM,cA7BZ,CAAA,OA6BkC,SAAA,CAAc,OA7BhD,CAAA;cA+BjB,gBA/B8D,EAAA;;IAA1C,SAAM;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EA+B6B,qBA/B7B,CAAA,EA+BkD,oBAAA,CAAA,GAAA,CAAA,OA/BlD;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDzC,mBAAA,GAAsB,KAAA,CAAM,cA1ChC,CAAA,OA0CsD,SAAA,CAAc,KA1CpE,CAAA;cA4CK;;IAnD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDC,mBAnDD,CAAA,EAmDoB,oBAAA,CAAA,GAAA,CAAA,OAnDpB;aAAkB,EAAA,MAAA;CAAA"}

package/dist/accordion.js

@@ -1,46 +1,48 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Accordion as t } from "@base-ui/react/accordion";
-import { c as a } from "./utils-B6yFEsav.js";
-const n = ({ className: e, ...o }) => /* @__PURE__ */ r(t.Root, { className: a("w-full", e), ...o });
-n.displayName = "AccordionRoot";
-const i = ({ className: e, ...o }) => /* @__PURE__ */ r(
-  t.Item,
-  {
-    className: a("border-b border-border last:border-b-0", e),
-    ...o
-  }
-);
-i.displayName = "AccordionItem";
-const d = ({ className: e, ...o }) => /* @__PURE__ */ r(t.Header, { className: a("flex", e), ...o });
-d.displayName = "AccordionHeader";
-const s = ({ className: e, children: o, ...c }) => /* @__PURE__ */ r(
-  t.Trigger,
-  {
-    className: a(
-      "flex flex-1 items-center justify-between py-3 font-medium",
-      e
-    ),
-    ...c,
-    children: o
-  }
-);
-s.displayName = "AccordionTrigger";
-const l = ({ className: e, ...o }) => /* @__PURE__ */ r(
-  t.Panel,
-  {
-    className: a(
-      "overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
-      e
-    ),
-    ...o
-  }
-);
-l.displayName = "AccordionPanel";
-export {
-  d as AccordionHeader,
-  i as AccordionItem,
-  l as AccordionPanel,
-  n as AccordionRoot,
-  s as AccordionTrigger
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@base-ui/react/accordion";
+
+//#region src/components/accordion.tsx
+const AccordionRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		className: cn("w-full", className),
+		...props
+	});
 };
+AccordionRoot.displayName = "AccordionRoot";
+const AccordionItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		className: cn("border-b border-border last:border-b-0", className),
+		...props
+	});
+};
+AccordionItem.displayName = "AccordionItem";
+const AccordionHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		className: cn("flex", className),
+		...props
+	});
+};
+AccordionHeader.displayName = "AccordionHeader";
+const AccordionTrigger = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Accordion.Trigger, {
+		className: cn("flex flex-1 items-center justify-between py-3 font-medium", className),
+		...props,
+		children
+	});
+};
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionPanel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		className: cn("overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0", className),
+		...props
+	});
+};
+AccordionPanel.displayName = "AccordionPanel";
+
+//#endregion
+export { AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["BaseAccordion"],"sources":["../src/components/accordion.tsx"],"sourcesContent":["'use client'\n\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// AccordionRoot\n// ============================================================================\n\ntype AccordionRootProps = React.ComponentProps<typeof BaseAccordion.Root>\n\nconst AccordionRoot = ({ className, ...props }: AccordionRootProps) => {\n  return <BaseAccordion.Root className={cn('w-full', className)} {...props} />\n}\n\nAccordionRoot.displayName = 'AccordionRoot'\n\n// ============================================================================\n// AccordionItem\n// ============================================================================\n\ntype AccordionItemProps = React.ComponentProps<typeof BaseAccordion.Item>\n\nconst AccordionItem = ({ className, ...props }: AccordionItemProps) => {\n  return (\n    <BaseAccordion.Item\n      className={cn('border-b border-border last:border-b-0', className)}\n      {...props}\n    />\n  )\n}\n\nAccordionItem.displayName = 'AccordionItem'\n\n// ============================================================================\n// AccordionHeader\n// ============================================================================\n\ntype AccordionHeaderProps = React.ComponentProps<typeof BaseAccordion.Header>\n\nconst AccordionHeader = ({ className, ...props }: AccordionHeaderProps) => {\n  return <BaseAccordion.Header className={cn('flex', className)} {...props} />\n}\n\nAccordionHeader.displayName = 'AccordionHeader'\n\n// ============================================================================\n// AccordionTrigger\n// ============================================================================\n\ntype AccordionTriggerProps = React.ComponentProps<typeof BaseAccordion.Trigger>\n\nconst AccordionTrigger = ({ className, children, ...props }: AccordionTriggerProps) => {\n  return (\n    <BaseAccordion.Trigger\n      className={cn(\n        'flex flex-1 items-center justify-between py-3 font-medium',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Trigger>\n  )\n}\n\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ============================================================================\n// AccordionPanel\n// ============================================================================\n\ntype AccordionPanelProps = React.ComponentProps<typeof BaseAccordion.Panel>\n\nconst AccordionPanel = ({ className, ...props }: AccordionPanelProps) => {\n  return (\n    <BaseAccordion.Panel\n      className={cn(\n        'overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAccordionPanel.displayName = 'AccordionPanel'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel }\n\nexport type {\n  AccordionRootProps,\n  AccordionItemProps,\n  AccordionHeaderProps,\n  AccordionTriggerProps,\n  AccordionPanelProps,\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QAAO,oBAACA,UAAc;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;;AAG9E,cAAc,cAAc;AAQ5B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,UAAc;EACb,WAAW,GAAG,0CAA0C,UAAU;EAClE,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAACA,UAAc;EAAO,WAAW,GAAG,QAAQ,UAAU;EAAE,GAAI;GAAS;;AAG9E,gBAAgB,cAAc;AAQ9B,MAAM,oBAAoB,EAAE,WAAW,UAAU,GAAG,YAAmC;AACrF,QACE,oBAACA,UAAc;EACb,WAAW,GACT,6DACA,UACD;EACD,GAAI;EAEH;GACqB;;AAI5B,iBAAiB,cAAc;AAQ/B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA,UAAc;EACb,WAAW,GACT,sIACA,UACD;EACD,GAAI;GACJ;;AAIN,eAAe,cAAc"}

package/dist/alert-dialog.d.ts

@@ -1,87 +1,93 @@
-import { AlertDialog } from '@base-ui/react/alert-dialog';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export { AlertDialog }
-
-export declare const AlertDialogBackdrop: {
-    ({ className, ...props }: AlertDialogBackdropProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogBackdropProps = React_2.ComponentProps<typeof AlertDialog.Backdrop>;
-
-export declare const AlertDialogClose: {
-    ({ className, variant, size, ...props }: AlertDialogCloseProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogCloseProps = React_2.ComponentProps<typeof AlertDialog.Close> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the close button */
-    size?: ButtonSize;
-};
-
-export declare const AlertDialogDescription: {
-    ({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogDescriptionProps = React_2.ComponentProps<typeof AlertDialog.Description>;
-
-export declare const AlertDialogPopup: {
-    ({ className, size, ...props }: AlertDialogPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogPopupProps = React_2.ComponentProps<typeof AlertDialog.Popup> & {
-    /** Size of the alert dialog popup */
-    size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
-};
-
-export declare const AlertDialogPortal: {
-    (props: AlertDialogPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogPortalProps = React_2.ComponentProps<typeof AlertDialog.Portal>;
-
-export declare const AlertDialogRoot: {
-    (props: AlertDialogRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogRootProps = React_2.ComponentProps<typeof AlertDialog.Root>;
-
-export declare const AlertDialogTitle: {
-    ({ className, ...props }: AlertDialogTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogTitleProps = React_2.ComponentProps<typeof AlertDialog.Title>;
-
-export declare const AlertDialogTrigger: {
-    ({ className, variant, size, ...props }: AlertDialogTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogTriggerProps = React_2.ComponentProps<typeof AlertDialog.Trigger> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the trigger button */
-    size?: ButtonSize;
-};
-
-export declare const AlertDialogViewport: {
-    ({ className, ...props }: AlertDialogViewportProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AlertDialogViewportProps = React_2.ComponentProps<typeof AlertDialog.Viewport>;
-
-declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-
-export { }
+import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime207 from "react/jsx-runtime";
+import { AlertDialog, AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+
+//#region src/components/alert-dialog.d.ts
+type AlertDialogRootProps = React.ComponentProps<typeof AlertDialog$1.Root>;
+declare const AlertDialogRoot: {
+  (props: AlertDialogRootProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the trigger button */
+  size?: ButtonSize;
+};
+declare const AlertDialogTrigger: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: AlertDialogTriggerProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogPortalProps = React.ComponentProps<typeof AlertDialog$1.Portal>;
+declare const AlertDialogPortal: {
+  (props: AlertDialogPortalProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogBackdropProps = React.ComponentProps<typeof AlertDialog$1.Backdrop>;
+declare const AlertDialogBackdrop: {
+  ({
+    className,
+    ...props
+  }: AlertDialogBackdropProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogViewportProps = React.ComponentProps<typeof AlertDialog$1.Viewport>;
+declare const AlertDialogViewport: {
+  ({
+    className,
+    ...props
+  }: AlertDialogViewportProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogPopupProps = React.ComponentProps<typeof AlertDialog$1.Popup> & {
+  /** Size of the alert dialog popup */
+  size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
+};
+declare const AlertDialogPopup: {
+  ({
+    className,
+    size,
+    ...props
+  }: AlertDialogPopupProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
+declare const AlertDialogTitle: {
+  ({
+    className,
+    ...props
+  }: AlertDialogTitleProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
+declare const AlertDialogDescription: {
+  ({
+    className,
+    ...props
+  }: AlertDialogDescriptionProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+type AlertDialogCloseProps = React.ComponentProps<typeof AlertDialog$1.Close> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the close button */
+  size?: ButtonSize;
+};
+declare const AlertDialogClose: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: AlertDialogCloseProps): react_jsx_runtime207.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AlertDialog, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogPopup, type AlertDialogPopupProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogRoot, type AlertDialogRootProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AlertDialogViewport, type AlertDialogViewportProps };
+//# sourceMappingURL=alert-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/components/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;KAiBK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,aAAA,CAAgB;cAElE;UAA0B,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAF/C,WAAA,EAAA,MAAA;CAAoB;KAYpB,uBAAA,GAA0B,KAAA,CAAM,cAZmC,CAAA,OAYb,aAAA,CAAgB,OAZH,CAAA,GAAA;;EAAxB,OAAA,CAAA,EAcpC,aAdoC;EAE1C;EAEL,IAAA,CAAA,EAYQ,UAZR;;cAeK,kBAjB8C,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAsBjD,uBAtBiD,CAAA,EAsB1B,oBAAA,CAAA,GAAA,CAAA,OAtB0B;EAU/C,WAAA,EAAA,MAAA;CAAuB;KA2BvB,sBAAA,GAAyB,KAAA,CAAM,cA3BuC,CAAA,OA2BjB,aAAA,CAAgB,MA3BC,CAAA;cA6BrE,iBA7B+B,EAAA;QAEzB,EA2BsB,sBA3BtB,CAAA,EA2B4C,oBAAA,CAAA,GAAA,CAAA,OA3B5C;aAEH,EAAA,MAAA;CAAU;AAAA,KAmCd,wBAAA,GAA2B,KAAA,CAAM,cApBrC,CAAA,OAoB2D,aAAA,CAAgB,QApB3E,CAAA;cAsBK,mBAtBL,EAAA;;;;KAsBqD,2BAAwB,oBAAA,CAAA,GAAA,CAAA;;;KAoBzE,wBAAA,GAA2B,KAAA,CAAM,cAjDnC,CAAA,OAiDyD,aAAA,CAAgB,QAjDzE,CAAA;cAmDG,mBAnDoB,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAmD4B,wBAnD5B,CAAA,EAmDoD,oBAAA,CAAA,GAAA,CAAA,OAnDpD;EAerB,WAAA,EAAA,MAAA;CAAsB;KA6EtB,qBAAA,GAAwB,KAAA,CAAM,cA7EuC,CAAA,OA6EjB,aAAA,CAAgB,KA7EC,CAAA,GAAA;;EAAxB,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA;AAAA,CAAA;cAkF5C,gBA9EL,EAAA;;IAFiC,SAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAgFuB,qBAhFvB,CAAA,EAgF4C,oBAAA,CAAA,GAAA,CAAA,OAhF5C;aAAsB,EAAA,MAAA;CAAA;AAAA,KA+FnD,qBAAA,GAAwB,KAAA,CAAM,cArFN,CAAA,OAqF4B,aAAA,CAAgB,KArF5C,CAAA;cAuFvB,gBAvFuB,EAAA;;IAA+B,SAAA;IAAA,GAAgB;EAAA,CAAA,EAuFzB,qBAvFyB,CAAA,EAuFJ,oBAAA,CAAA,GAAA,CAAA,OAvFI;aAAtC,EAAA,MAAA;CAAc;AAAA,KAsG/C,2BAAA,GAA8B,KAAA,CAAM,cAxFxC,CAAA,OAyFQ,aAAA,CAAgB,WAzFxB,CAAA;cA4FK,sBA5FL,EAAA;;;;KA4FwD,8BAA2B,oBAAA,CAAA,GAAA,CAAA;aAxG9B,EAAA,MAAA;;KAkHjD,qBAAA,GAAwB,KAAA,CAAM,cAlH2C,CAAA,OAkHrB,aAAA,CAAgB,KAlHK,CAAA,GAAA;EAoBzE;EAAwB,OAAA,CAAA,EAgGjB,aAhGiB;;MAAG,CAAA,EAkGvB,UAlG6B;CAAc;AAAA,cAqG9C,gBA5FL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAiGE,qBAjGF,CAAA,EAiGuB,oBAAA,CAAA,GAAA,CAAA,OAjGvB"}

package/dist/alert-dialog.js

@@ -1,112 +1,95 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { AlertDialog as l } from "@base-ui/react/alert-dialog";
-import { AlertDialog as T } from "@base-ui/react/alert-dialog";
-import { cva as n } from "class-variance-authority";
-import { b as s } from "./button-variants-CbFMPwc8.js";
-import { c as r } from "./utils-B6yFEsav.js";
-const d = (a) => /* @__PURE__ */ e(l.Root, { ...a });
-d.displayName = "AlertDialogRoot";
-const g = ({
-  className: a,
-  variant: t,
-  size: o,
-  ...i
-}) => /* @__PURE__ */ e(
-  l.Trigger,
-  {
-    className: r(s({ variant: t, size: o }), a),
-    ...i
-  }
-);
-g.displayName = "AlertDialogTrigger";
-const c = (a) => /* @__PURE__ */ e(l.Portal, { ...a });
-c.displayName = "AlertDialogPortal";
-const p = ({ className: a, ...t }) => /* @__PURE__ */ e(
-  l.Backdrop,
-  {
-    className: r(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      a
-    ),
-    ...t
-  }
-);
-p.displayName = "AlertDialogBackdrop";
-const m = ({ className: a, ...t }) => /* @__PURE__ */ e(
-  l.Viewport,
-  {
-    className: r("fixed inset-0 z-50 flex items-center justify-center p-4", a),
-    ...t
-  }
-);
-m.displayName = "AlertDialogViewport";
-const u = n(
-  [
-    "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
-    "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
-    "transition-all duration-200",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-    "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
-    "top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
-    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-sm",
-        default: "w-lg",
-        lg: "w-2xl",
-        xl: "w-4xl",
-        full: "h-[calc(100vh-2rem)]"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), D = ({ className: a, size: t, ...o }) => /* @__PURE__ */ e(
-  l.Popup,
-  {
-    className: r(u({ size: t }), a),
-    ...o
-  }
-);
-D.displayName = "AlertDialogPopup";
-const f = ({ className: a, ...t }) => /* @__PURE__ */ e(
-  l.Title,
-  {
-    className: r("text-lg font-semibold leading-none tracking-tight", a),
-    ...t
-  }
-);
-f.displayName = "AlertDialogTitle";
-const y = ({ className: a, ...t }) => /* @__PURE__ */ e(l.Description, { className: r("mt-2", a), ...t });
-y.displayName = "AlertDialogDescription";
-const A = ({
-  className: a,
-  variant: t,
-  size: o,
-  ...i
-}) => /* @__PURE__ */ e(
-  l.Close,
-  {
-    className: r(s({ variant: t ?? "outline", size: o }), a),
-    ...i
-  }
-);
-A.displayName = "AlertDialogClose";
-export {
-  T as AlertDialog,
-  p as AlertDialogBackdrop,
-  A as AlertDialogClose,
-  y as AlertDialogDescription,
-  D as AlertDialogPopup,
-  c as AlertDialogPortal,
-  d as AlertDialogRoot,
-  f as AlertDialogTitle,
-  g as AlertDialogTrigger,
-  m as AlertDialogViewport
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog, AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+
+//#region src/components/alert-dialog.tsx
+const AlertDialogRoot = (props) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Root, { ...props });
 };
+AlertDialogRoot.displayName = "AlertDialogRoot";
+const AlertDialogTrigger = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = (props) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { ...props });
+};
+AlertDialogPortal.displayName = "AlertDialogPortal";
+const AlertDialogBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+AlertDialogBackdrop.displayName = "AlertDialogBackdrop";
+const AlertDialogViewport = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Viewport, {
+		className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
+		...props
+	});
+};
+AlertDialogViewport.displayName = "AlertDialogViewport";
+const alertDialogPopupVariants = cva([
+	"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
+	"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
+	"transition-all duration-200",
+	"data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+	"data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+	"top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
+	"data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
+], {
+	variants: { size: {
+		sm: "w-sm",
+		default: "w-lg",
+		lg: "w-2xl",
+		xl: "w-4xl",
+		full: "h-[calc(100vh-2rem)]"
+	} },
+	defaultVariants: { size: "default" }
+});
+const AlertDialogPopup = ({ className, size, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
+		className: cn(alertDialogPopupVariants({ size }), className),
+		...props
+	});
+};
+AlertDialogPopup.displayName = "AlertDialogPopup";
+const AlertDialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+		className: cn("text-lg font-semibold leading-none tracking-tight", className),
+		...props
+	});
+};
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+		className: cn("mt-2", className),
+		...props
+	});
+};
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const AlertDialogClose = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+		className: cn(buttonVariants({
+			variant: variant ?? "outline",
+			size
+		}), className),
+		...props
+	});
+};
+AlertDialogClose.displayName = "AlertDialogClose";
+
+//#endregion
+export { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogPopup, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["BaseAlertDialog"],"sources":["../src/components/alert-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport {\n  type ButtonSize,\n  type ButtonVariant,\n  buttonVariants,\n} from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// AlertDialogRoot\n// ============================================================================\n\ntype AlertDialogRootProps = React.ComponentProps<typeof BaseAlertDialog.Root>\n\nconst AlertDialogRoot = (props: AlertDialogRootProps) => {\n  return <BaseAlertDialog.Root {...props} />\n}\n\nAlertDialogRoot.displayName = 'AlertDialogRoot'\n\n// ============================================================================\n// AlertDialogTrigger\n// ============================================================================\n\ntype AlertDialogTriggerProps = React.ComponentProps<typeof BaseAlertDialog.Trigger> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the trigger button */\n  size?: ButtonSize\n}\n\nconst AlertDialogTrigger = ({\n  className,\n  variant,\n  size,\n  ...props\n}: AlertDialogTriggerProps) => {\n  return (\n    <BaseAlertDialog.Trigger\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogTrigger.displayName = 'AlertDialogTrigger'\n\n// ============================================================================\n// AlertDialogPortal\n// ============================================================================\n\ntype AlertDialogPortalProps = React.ComponentProps<typeof BaseAlertDialog.Portal>\n\nconst AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return <BaseAlertDialog.Portal {...props} />\n}\n\nAlertDialogPortal.displayName = 'AlertDialogPortal'\n\n// ============================================================================\n// AlertDialogBackdrop\n// ============================================================================\n\ntype AlertDialogBackdropProps = React.ComponentProps<typeof BaseAlertDialog.Backdrop>\n\nconst AlertDialogBackdrop = ({ className, ...props }: AlertDialogBackdropProps) => {\n  return (\n    <BaseAlertDialog.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-200',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAlertDialogBackdrop.displayName = 'AlertDialogBackdrop'\n\n// ============================================================================\n// AlertDialogViewport\n// ============================================================================\n\ntype AlertDialogViewportProps = React.ComponentProps<typeof BaseAlertDialog.Viewport>\n\nconst AlertDialogViewport = ({ className, ...props }: AlertDialogViewportProps) => {\n  return (\n    <BaseAlertDialog.Viewport\n      className={cn('fixed inset-0 z-50 flex items-center justify-center p-4', className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogViewport.displayName = 'AlertDialogViewport'\n\n// ============================================================================\n// AlertDialogPopup\n// ============================================================================\n\nconst alertDialogPopupVariants = cva(\n  [\n    'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n    'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg',\n    'transition-all duration-200',\n    'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n    'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n    'top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]',\n    'data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'w-sm',\n        default: 'w-lg',\n        lg: 'w-2xl',\n        xl: 'w-4xl',\n        full: 'h-[calc(100vh-2rem)]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n)\n\ntype AlertDialogPopupProps = React.ComponentProps<typeof BaseAlertDialog.Popup> & {\n  /** Size of the alert dialog popup */\n  size?: 'sm' | 'default' | 'lg' | 'xl' | 'full'\n}\n\nconst AlertDialogPopup = ({ className, size, ...props }: AlertDialogPopupProps) => {\n  return (\n    <BaseAlertDialog.Popup\n      className={cn(alertDialogPopupVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogPopup.displayName = 'AlertDialogPopup'\n\n// ============================================================================\n// AlertDialogTitle\n// ============================================================================\n\ntype AlertDialogTitleProps = React.ComponentProps<typeof BaseAlertDialog.Title>\n\nconst AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => {\n  return (\n    <BaseAlertDialog.Title\n      className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogTitle.displayName = 'AlertDialogTitle'\n\n// ============================================================================\n// AlertDialogDescription\n// ============================================================================\n\ntype AlertDialogDescriptionProps = React.ComponentProps<\n  typeof BaseAlertDialog.Description\n>\n\nconst AlertDialogDescription = ({ className, ...props }: AlertDialogDescriptionProps) => {\n  return <BaseAlertDialog.Description className={cn('mt-2', className)} {...props} />\n}\n\nAlertDialogDescription.displayName = 'AlertDialogDescription'\n\n// ============================================================================\n// AlertDialogClose\n// ============================================================================\n\ntype AlertDialogCloseProps = React.ComponentProps<typeof BaseAlertDialog.Close> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the close button */\n  size?: ButtonSize\n}\n\nconst AlertDialogClose = ({\n  className,\n  variant,\n  size,\n  ...props\n}: AlertDialogCloseProps) => {\n  return (\n    <BaseAlertDialog.Close\n      className={cn(buttonVariants({ variant: variant ?? 'outline', size }), className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogClose.displayName = 'AlertDialogClose'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n// Re-export AlertDialog from Base UI for createHandle() and other utilities\nexport { AlertDialog } from '@base-ui/react/alert-dialog'\n\nexport {\n  AlertDialogRoot,\n  AlertDialogTrigger,\n  AlertDialogPortal,\n  AlertDialogBackdrop,\n  AlertDialogViewport,\n  AlertDialogPopup,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogClose,\n}\n\nexport type {\n  AlertDialogRootProps,\n  AlertDialogTriggerProps,\n  AlertDialogPortalProps,\n  AlertDialogBackdropProps,\n  AlertDialogViewportProps,\n  AlertDialogPopupProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n  AlertDialogCloseProps,\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,mBAAmB,UAAgC;AACvD,QAAO,oBAACA,cAAgB,QAAK,GAAI,QAAS;;AAG5C,gBAAgB,cAAc;AAa9B,MAAM,sBAAsB,EAC1B,WACA,SACA,MACA,GAAG,YAC0B;AAC7B,QACE,oBAACA,cAAgB;EACf,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC3D,GAAI;GACJ;;AAIN,mBAAmB,cAAc;AAQjC,MAAM,qBAAqB,UAAkC;AAC3D,QAAO,oBAACA,cAAgB,UAAO,GAAI,QAAS;;AAG9C,kBAAkB,cAAc;AAQhC,MAAM,uBAAuB,EAAE,WAAW,GAAG,YAAsC;AACjF,QACE,oBAACA,cAAgB;EACf,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAQlC,MAAM,uBAAuB,EAAE,WAAW,GAAG,YAAsC;AACjF,QACE,oBAACA,cAAgB;EACf,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAMlC,MAAM,2BAA2B,IAC/B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,MAAM;EACP,EACF;CACD,iBAAiB,EACf,MAAM,WACP;CACF,CACF;AAOD,MAAM,oBAAoB,EAAE,WAAW,MAAM,GAAG,YAAmC;AACjF,QACE,oBAACA,cAAgB;EACf,WAAW,GAAG,yBAAyB,EAAE,MAAM,CAAC,EAAE,UAAU;EAC5D,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,cAAgB;EACf,WAAW,GAAG,qDAAqD,UAAU;EAC7E,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAU/B,MAAM,0BAA0B,EAAE,WAAW,GAAG,YAAyC;AACvF,QAAO,oBAACA,cAAgB;EAAY,WAAW,GAAG,QAAQ,UAAU;EAAE,GAAI;GAAS;;AAGrF,uBAAuB,cAAc;AAarC,MAAM,oBAAoB,EACxB,WACA,SACA,MACA,GAAG,YACwB;AAC3B,QACE,oBAACA,cAAgB;EACf,WAAW,GAAG,eAAe;GAAE,SAAS,WAAW;GAAW;GAAM,CAAC,EAAE,UAAU;EACjF,GAAI;GACJ;;AAIN,iBAAiB,cAAc"}