@gv-tech/design-system 2.22.2 → 2.23.1

package/README.md

@@ -34,6 +34,10 @@ A React component design system. This repository provides a lightweight, opinion
 
 ---
 
+## Implementation Status
+
+To see a full list of all available components and their implementation and testing status across Web and Native platforms, please refer to the [Component Registry](docs/component-registry.md).
+
 ## Demo
 
 The design system includes a Vite-based playground site. Run it locally with `bun run dev` or view the hosted version on [Cloudflare Pages](https://gvtech-design.pages.dev/).
@@ -50,6 +54,22 @@ npm install @gv-tech/design-system
 bun add @gv-tech/design-system
 ```
 
+## Adding Components via Shadcn CLI
+
+If you don't want to install the entire library and prefer to own the source code, you can use the `shadcn` CLI to pull individual components directly from our GitHub registry.
+
+For **Web** components:
+
+```bash
+npx shadcn@latest add "https://github.com/Garcia-Ventures/gvtech-design/tree/main/packages/ui-web"
+```
+
+For **React Native** components:
+
+```bash
+npx shadcn@latest add "https://github.com/Garcia-Ventures/gvtech-design/tree/main/packages/ui-native"
+```
+
 ## Usage
 
 Example import:

package/dist/accordion.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=t.pr,o=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.fr,{ref:a,className:n.t(`border-b`,e),...r}));o.displayName=`AccordionItem`;var s=r.forwardRef(({className:e,children:r,...a},o)=>(0,i.jsx)(t.dr,{className:`flex`,children:(0,i.jsxs)(t.mr,{ref:o,className:n.t(`flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180`,e),...a,children:[r,(0,i.jsx)(t.ar,{className:`text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200`})]})}));s.displayName=t.mr?.displayName||`AccordionTrigger`;var c=r.forwardRef(({className:e,children:r,...a},o)=>(0,i.jsx)(t.ur,{ref:o,className:`data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm`,...a,children:(0,i.jsx)(`div`,{className:n.t(`pt-0 pb-4`,e),children:r})}));c.displayName=t.ur?.displayName||`AccordionContent`,exports.Accordion=a,exports.AccordionContent=c,exports.AccordionItem=o,exports.AccordionTrigger=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,...r}){return(0,i.jsx)(t.Br,{"data-slot":`accordion`,className:n.t(`flex w-full flex-col`,e),...r})}function o({className:e,...r}){return(0,i.jsx)(t.zr,{"data-slot":`accordion-item`,className:n.t(`not-last:border-b`,e),...r})}function s({className:e,children:r,...a}){return(0,i.jsx)(t.Rr,{className:`flex`,children:(0,i.jsxs)(t.Vr,{"data-slot":`accordion-trigger`,className:n.t(`group/accordion-trigger focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-start text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4`,e),...a,children:[r,(0,i.jsx)(t.rt,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,i.jsx)(t.et,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function c({className:e,children:r,...a}){return(0,i.jsx)(t.Lr,{"data-slot":`accordion-content`,className:`data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm`,...a,children:(0,i.jsx)(`div`,{className:n.t(`[&_a]:hover:text-foreground h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4`,e),children:r})})}exports.Accordion=a,exports.AccordionContent=c,exports.AccordionItem=o,exports.AccordionTrigger=s;
 //# sourceMappingURL=accordion.cjs.map

package/dist/accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.cjs","names":[],"sources":["../packages/ui-web/src/accordion.tsx"],"sourcesContent":["'use client';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  AccordionBaseProps,\n  AccordionContentBaseProps,\n  AccordionItemBaseProps,\n  AccordionTriggerBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & AccordionItemBaseProps\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & AccordionTriggerBaseProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger?.displayName || 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & AccordionContentBaseProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n    {...props}\n  >\n    <div className={cn('pt-0 pb-4', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content?.displayName || 'AccordionContent';\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\nexport type { AccordionBaseProps as AccordionProps };\n"],"mappings":"+PAaM,EAAA,EAAA,GAEA,EAAgB,EAAM,YAGzB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAA8B,MAAK,UAAW,EAAA,EAAG,WAAY,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtF,EACD,EAAc,YAAc,gBAE5B,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,WAAU,GAAG,GAAS,KACpC,EAAA,EAAA,KAAA,EAAA,GAAA,CAA2B,UAAU,iBACnC,EAAA,EAAA,MAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,iJACA,CACF,EACA,GAAI,WANN,CAQG,GACD,EAAA,EAAA,KAAC,EAAA,GAAD,CAAa,UAAU,0EAA4E,CAAA,CACzE,GACH,CAAA,CAC5B,EACD,EAAiB,YAAA,EAAA,IAA0C,aAAe,mBAE1E,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,WAAU,GAAG,GAAS,KACpC,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAU,4GACV,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,YAAa,CAAS,EAAI,UAAc,CAAA,CACjC,CAAA,CAC7B,EACD,EAAiB,YAAA,EAAA,IAA0C,aAAe"}
+{"version":3,"file":"accordion.cjs","names":[],"sources":["../packages/ui-web/src/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { AccordionBaseProps } from '@gv-tech/ui-core';\n\nfunction Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" className={cn('flex w-full flex-col', className)} {...props} />;\n}\n\nfunction AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item data-slot=\"accordion-item\" className={cn('not-last:border-b', className)} {...props} />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          'group/accordion-trigger focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-start text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n        />\n        <ChevronUpIcon\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm\"\n      {...props}\n    >\n      <div\n        className={cn(\n          '[&_a]:hover:text-foreground h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAccordionContract: AccordionBaseProps = {} as unknown as React.ComponentProps<typeof Accordion>;\n"],"mappings":"kPAQA,SAAS,EAAU,CAAE,YAAW,GAAG,GAA+D,CAChG,OAAO,EAAA,EAAA,KAAA,EAAA,GAAA,CAAyB,YAAU,YAAY,UAAW,EAAA,EAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CAAyB,YAAU,iBAAiB,UAAW,EAAA,EAAG,oBAAqB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAEnH,CAEA,SAAS,EAAiB,CAAE,YAAW,WAAU,GAAG,GAAkE,CACpH,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CAA2B,UAAU,iBACnC,EAAA,EAAA,MAAA,EAAA,GAAA,CACE,YAAU,oBACV,UAAW,EAAA,EACT,ofACA,CACF,EACA,GAAI,WANN,CAQG,GACD,EAAA,EAAA,KAAC,EAAA,GAAD,CACE,YAAU,yBACV,UAAU,2EACX,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,GAAD,CACE,YAAU,yBACV,UAAU,kFACX,CAAA,CACyB,GACH,CAAA,CAE/B,CAEA,SAAS,EAAiB,CAAE,YAAW,WAAU,GAAG,GAAkE,CACpH,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,oBACV,UAAU,4GACV,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,EACT,oJACA,CACF,EAEC,UACE,CAAA,CACqB,CAAA,CAEhC"}

package/dist/accordion.mjs

@@ -1,35 +1,55 @@
 "use client";
-"use client";
-import { ar as e, dr as t, fr as n, mr as r, pr as i, ur as a, vr as o } from "./vendor-ChPUVHXi.mjs";
-import { t as s } from "./utils-BsD1_fYL.mjs";
-import * as c from "react";
+import { Br as e, Jr as t, Lr as n, Rr as r, Vr as i, et as a, rt as o, zr as s } from "./vendor-B6CFfDyk.mjs";
+import { t as c } from "./utils-IYJAOUsw.mjs";
+import "react";
 //#region packages/ui-web/src/accordion.tsx
-var l = o(), u = i, d = c.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ (0, l.jsx)(n, {
-	ref: r,
-	className: s("border-b", e),
-	...t
-}));
-d.displayName = "AccordionItem";
-var f = c.forwardRef(({ className: n, children: i, ...a }, o) => /* @__PURE__ */ (0, l.jsx)(t, {
-	className: "flex",
-	children: /* @__PURE__ */ (0, l.jsxs)(r, {
-		ref: o,
-		className: s("flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", n),
-		...a,
-		children: [i, /* @__PURE__ */ (0, l.jsx)(e, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" })]
-	})
-}));
-f.displayName = r?.displayName || "AccordionTrigger";
-var p = c.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ (0, l.jsx)(a, {
-	ref: r,
-	className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-	...n,
-	children: /* @__PURE__ */ (0, l.jsx)("div", {
-		className: s("pt-0 pb-4", e),
-		children: t
-	})
-}));
-p.displayName = a?.displayName || "AccordionContent";
+var l = t();
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, l.jsx)(e, {
+		"data-slot": "accordion",
+		className: c("flex w-full flex-col", t),
+		...n
+	});
+}
+function d({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, l.jsx)(s, {
+		"data-slot": "accordion-item",
+		className: c("not-last:border-b", e),
+		...t
+	});
+}
+function f({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, l.jsx)(r, {
+		className: "flex",
+		children: /* @__PURE__ */ (0, l.jsxs)(i, {
+			"data-slot": "accordion-trigger",
+			className: c("group/accordion-trigger focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-start text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4", e),
+			...n,
+			children: [
+				t,
+				/* @__PURE__ */ (0, l.jsx)(o, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ (0, l.jsx)(a, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+function p({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ (0, l.jsx)(n, {
+		"data-slot": "accordion-content",
+		className: "data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm",
+		...r,
+		children: /* @__PURE__ */ (0, l.jsx)("div", {
+			className: c("[&_a]:hover:text-foreground h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", e),
+			children: t
+		})
+	});
+}
 //#endregion
 export { u as Accordion, p as AccordionContent, d as AccordionItem, f as AccordionTrigger };
 

package/dist/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.mjs","names":[],"sources":["../packages/ui-web/src/accordion.tsx"],"sourcesContent":["'use client';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  AccordionBaseProps,\n  AccordionContentBaseProps,\n  AccordionItemBaseProps,\n  AccordionTriggerBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & AccordionItemBaseProps\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & AccordionTriggerBaseProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger?.displayName || 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & AccordionContentBaseProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n    {...props}\n  >\n    <div className={cn('pt-0 pb-4', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content?.displayName || 'AccordionContent';\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\nexport type { AccordionBaseProps as AccordionProps };\n"],"mappings":";;;;;;aAaM,IAAY,GAEZ,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA8B;CAAK,WAAW,EAAG,YAAY,CAAS;CAAG,GAAI;AAAQ,CAAA,CACtF;AACD,EAAc,cAAc;AAE5B,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA2B,WAAU;WACnC,iBAAA,GAAA,EAAA,MAAC,GAAD;EACO;EACL,WAAW,EACT,kJACA,CACF;EACA,GAAI;YANN,CAQG,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAa,WAAU,2EAA4E,CAAA,CACzE;;AACH,CAAA,CAC5B;AACD,EAAiB,cAAA,GAA0C,eAAe;AAE1E,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAU;CACV,GAAI;WAEJ,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,aAAa,CAAS;EAAI;CAAc,CAAA;AACjC,CAAA,CAC7B;AACD,EAAiB,cAAA,GAA0C,eAAe"}
+{"version":3,"file":"accordion.mjs","names":[],"sources":["../packages/ui-web/src/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { AccordionBaseProps } from '@gv-tech/ui-core';\n\nfunction Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" className={cn('flex w-full flex-col', className)} {...props} />;\n}\n\nfunction AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item data-slot=\"accordion-item\" className={cn('not-last:border-b', className)} {...props} />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          'group/accordion-trigger focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-start text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n        />\n        <ChevronUpIcon\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm\"\n      {...props}\n    >\n      <div\n        className={cn(\n          '[&_a]:hover:text-foreground h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAccordionContract: AccordionBaseProps = {} as unknown as React.ComponentProps<typeof Accordion>;\n"],"mappings":";;;;;;AAQA,SAAS,EAAU,EAAE,cAAW,GAAG,KAA+D;CAChG,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAyB,aAAU;EAAY,WAAW,EAAG,wBAAwB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtH;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAA+D;CACpG,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAyB,aAAU;EAAiB,WAAW,EAAG,qBAAqB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAEnH;AAEA,SAAS,EAAiB,EAAE,cAAW,aAAU,GAAG,KAAkE;CACpH,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA2B,WAAU;YACnC,iBAAA,GAAA,EAAA,MAAC,GAAD;GACE,aAAU;GACV,WAAW,EACT,qfACA,CACF;GACA,GAAI;aANN;IAQG;IACD,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,aAAU;KACV,WAAU;IACX,CAAA;IACD,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,aAAU;KACV,WAAU;IACX,CAAA;GACyB;;CACH,CAAA;AAE/B;AAEA,SAAS,EAAiB,EAAE,cAAW,aAAU,GAAG,KAAkE;CACpH,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,WAAW,EACT,qJACA,CACF;GAEC;EACE,CAAA;CACqB,CAAA;AAEhC"}

package/dist/alert-dialog.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js"),r=require("./button.cjs");let i=require("react");i=e.r(i);var a=t.vr(),o=t.Pn,s=t.In,c=t.Nn,l=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.Mn,{className:n.t(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80`,e),...r,ref:i}));l.displayName=t.Mn?.displayName||`AlertDialogOverlay`;var u=i.forwardRef(({className:e,...r},i)=>(0,a.jsxs)(c,{children:[(0,a.jsx)(l,{}),(0,a.jsx)(t.An,{ref:i,className:n.t(`bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg`,e),...r})]}));u.displayName=t.An?.displayName||`AlertDialogContent`;var d=({className:e,...t})=>(0,a.jsx)(`div`,{className:n.t(`flex flex-col space-y-2 text-center sm:text-left`,e),...t});d.displayName=`AlertDialogHeader`;var f=({className:e,...t})=>(0,a.jsx)(`div`,{className:n.t(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,e),...t});f.displayName=`AlertDialogFooter`;var p=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.Fn,{ref:i,className:n.t(`text-lg font-semibold`,e),...r}));p.displayName=t.Fn?.displayName||`AlertDialogTitle`;var m=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.jn,{ref:i,className:n.t(`text-muted-foreground text-sm`,e),...r}));m.displayName=t.jn?.displayName||`AlertDialogDescription`;var h=i.forwardRef(({className:e,...i},o)=>(0,a.jsx)(t.On,{ref:o,className:n.t(r.buttonVariants(),e),...i}));h.displayName=t.On?.displayName||`AlertDialogAction`;var g=i.forwardRef(({className:e,...i},o)=>(0,a.jsx)(t.kn,{ref:o,className:n.t(r.buttonVariants({variant:`outline`}),`mt-2 sm:mt-0`,e),...i}));g.displayName=t.kn?.displayName||`AlertDialogCancel`,exports.AlertDialog=o,exports.AlertDialogAction=h,exports.AlertDialogCancel=g,exports.AlertDialogContent=u,exports.AlertDialogDescription=m,exports.AlertDialogFooter=f,exports.AlertDialogHeader=d,exports.AlertDialogOverlay=l,exports.AlertDialogPortal=c,exports.AlertDialogTitle=p,exports.AlertDialogTrigger=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js"),r=require("./button.cjs");let i=require("react");i=e.r(i);var a=t.Jr();function o({...e}){return(0,a.jsx)(t.Er,{"data-slot":`alert-dialog`,...e})}function s({...e}){return(0,a.jsx)(t.Or,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return(0,a.jsx)(t.Tr,{"data-slot":`alert-dialog-portal`,...e})}function l({className:e,...r}){return(0,a.jsx)(t.wr,{"data-slot":`alert-dialog-overlay`,className:n.t(`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs`,e),...r})}function u({className:e,size:r=`default`,...i}){return(0,a.jsxs)(c,{children:[(0,a.jsx)(l,{}),(0,a.jsx)(t.Sr,{"data-slot":`alert-dialog-content`,"data-size":r,className:n.t(`group/alert-dialog-content bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fixed start-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm rtl:translate-x-1/2`,e),...i})]})}function d({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:n.t(`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-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]`,e),...t})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:n.t(`bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t 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`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-media`,className:n.t(`bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*=size-])]:size-6`,e),...t})}function m({className:e,...r}){return(0,a.jsx)(t.Dr,{"data-slot":`alert-dialog-title`,className:n.t(`text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2`,e),...r})}function h({className:e,...r}){return(0,a.jsx)(t.Cr,{"data-slot":`alert-dialog-description`,className:n.t(`text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3`,e),...r})}function g({className:e,variant:i=`default`,size:o=`default`,...s}){return(0,a.jsx)(r.Button,{variant:i,size:o,asChild:!0,children:(0,a.jsx)(t.br,{"data-slot":`alert-dialog-action`,className:n.t(e),...s})})}function _({className:e,variant:i=`outline`,size:o=`default`,...s}){return(0,a.jsx)(r.Button,{variant:i,size:o,asChild:!0,children:(0,a.jsx)(t.xr,{"data-slot":`alert-dialog-cancel`,className:n.t(e),...s})})}exports.AlertDialog=o,exports.AlertDialogAction=g,exports.AlertDialogCancel=_,exports.AlertDialogContent=u,exports.AlertDialogDescription=h,exports.AlertDialogFooter=f,exports.AlertDialogHeader=d,exports.AlertDialogMedia=p,exports.AlertDialogOverlay=l,exports.AlertDialogPortal=c,exports.AlertDialogTitle=m,exports.AlertDialogTrigger=s;
 //# sourceMappingURL=alert-dialog.cjs.map

package/dist/alert-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.cjs","names":[],"sources":["../packages/ui-web/src/alert-dialog.tsx"],"sourcesContent":["'use client';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport * as React from 'react';\n\nimport {\n  AlertDialogActionBaseProps,\n  AlertDialogBaseProps,\n  AlertDialogCancelBaseProps,\n  AlertDialogContentBaseProps,\n  AlertDialogDescriptionBaseProps,\n  AlertDialogFooterBaseProps,\n  AlertDialogHeaderBaseProps,\n  AlertDialogTitleBaseProps,\n} from '@gv-tech/ui-core';\nimport { buttonVariants } from './button';\nimport { cn } from './lib/utils';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay?.displayName || 'AlertDialogOverlay';\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & AlertDialogContentBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content?.displayName || 'AlertDialogContent';\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & AlertDialogHeaderBaseProps) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & AlertDialogFooterBaseProps) => (\n  <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & AlertDialogTitleBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold', className)} {...props} />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title?.displayName || 'AlertDialogTitle';\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & AlertDialogDescriptionBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description?.displayName || 'AlertDialogDescription';\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & AlertDialogActionBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action?.displayName || 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & AlertDialogCancelBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel?.displayName || 'AlertDialogCancel';\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\nexport type { AlertDialogBaseProps as AlertDialogProps };\n"],"mappings":"yRAiBM,EAAA,EAAA,GAEA,EAAA,EAAA,GAEA,EAAA,EAAA,GAEA,EAAqB,EAAM,YAG9B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,UAAW,EAAA,EACT,yJACA,CACF,EACA,GAAI,EACC,KACN,CAAA,CACF,EACD,EAAmB,YAAA,EAAA,IAA4C,aAAe,qBAE9E,IAAM,EAAqB,EAAM,YAG9B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAqB,CAAA,GACrB,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,8fACA,CACF,EACA,GAAI,CACL,CAAA,CACgB,CAAA,CAAA,CACpB,EACD,EAAmB,YAAA,EAAA,IAA4C,aAAe,qBAE9E,IAAM,GAAqB,CACzB,YACA,GAAG,MAEH,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,mDAAoD,CAAS,EAAG,GAAI,CAAQ,CAAA,EAEjG,EAAkB,YAAc,oBAEhC,IAAM,GAAqB,CACzB,YACA,GAAG,MAEH,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,gEAAiE,CAAS,EAAG,GAAI,CAAQ,CAAA,EAE9G,EAAkB,YAAc,oBAEhC,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAAiC,MAAK,UAAW,EAAA,EAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtG,EACD,EAAiB,YAAA,EAAA,IAA0C,aAAe,mBAE1E,IAAM,EAAyB,EAAM,YAGlC,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAAuC,MAAK,UAAW,EAAA,EAAG,gCAAiC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACpH,EACD,EAAuB,YAAA,EAAA,IAAgD,aAAe,yBAEtF,IAAM,EAAoB,EAAM,YAG7B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAAkC,MAAK,UAAW,EAAA,EAAG,EAAA,eAAe,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChG,EACD,EAAkB,YAAA,EAAA,IAA2C,aAAe,oBAE5E,IAAM,EAAoB,EAAM,YAG7B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EAAG,EAAA,eAAe,CAAE,QAAS,SAAU,CAAC,EAAG,eAAgB,CAAS,EAC/E,GAAI,CACL,CAAA,CACF,EACD,EAAkB,YAAA,EAAA,IAA2C,aAAe"}
+{"version":3,"file":"alert-dialog.cjs","names":[],"sources":["../packages/ui-web/src/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { Button } from './button';\nimport { cn } from './lib/utils';\n\nimport type { AlertDialogBaseProps } from '@gv-tech/ui-core';\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: 'default' | 'sm';\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          'group/alert-dialog-content bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fixed start-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm rtl:translate-x-1/2',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\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-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t 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      {...props}\n    />\n  );\n}\n\nfunction AlertDialogMedia({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        'bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*=size-])]:size-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        'text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-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      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = 'default',\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action data-slot=\"alert-dialog-action\" className={cn(className)} {...props} />\n    </Button>\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = 'outline',\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel data-slot=\"alert-dialog-cancel\" className={cn(className)} {...props} />\n    </Button>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAlertDialogContract: AlertDialogBaseProps = {} as unknown as React.ComponentProps<typeof AlertDialog>;\n"],"mappings":"4QAQA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAAA,EAAA,GAAA,CAA2B,YAAU,eAAe,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAAA,EAAA,KAAA,EAAA,GAAA,CAA8B,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CACpF,CAEA,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,KAAA,EAAA,GAAA,CAA6B,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAClF,CAEA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,uBACV,UAAW,EAAA,EACT,gNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAC1B,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAqB,CAAA,GACrB,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,uBACV,YAAW,EACX,UAAW,EAAA,EACT,kfACA,CACF,EACA,GAAI,CACL,CAAA,CACgB,CAAA,CAAA,CAEvB,CAEA,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,EACT,sZACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,EACT,gNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAsC,CAC9E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,qBACV,UAAW,EAAA,EACT,2KACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,qBACV,UAAW,EAAA,EACT,oJACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,2BACV,UAAW,EAAA,EACT,iIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,UAAU,UACV,OAAO,UACP,GAAG,GAE4D,CAC/D,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAiB,UAAe,OAAM,QAAA,aACpC,EAAA,EAAA,KAAA,EAAA,GAAA,CAA6B,YAAU,sBAAsB,UAAW,EAAA,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F,CAAA,CAEZ,CAEA,SAAS,EAAkB,CACzB,YACA,UAAU,UACV,OAAO,UACP,GAAG,GAE4D,CAC/D,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAiB,UAAe,OAAM,QAAA,aACpC,EAAA,EAAA,KAAA,EAAA,GAAA,CAA6B,YAAU,sBAAsB,UAAW,EAAA,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F,CAAA,CAEZ"}

package/dist/alert-dialog.mjs

@@ -1,57 +1,103 @@
 "use client";
-"use client";
-import { An as e, Fn as t, In as n, Mn as r, Nn as i, On as a, Pn as o, jn as s, kn as c, vr as l } from "./vendor-ChPUVHXi.mjs";
-import { t as u } from "./utils-BsD1_fYL.mjs";
-import { buttonVariants as d } from "./button.mjs";
-import * as f from "react";
+import { Cr as e, Dr as t, Er as n, Jr as r, Or as i, Sr as a, Tr as o, br as s, wr as c, xr as l } from "./vendor-B6CFfDyk.mjs";
+import { t as u } from "./utils-IYJAOUsw.mjs";
+import { Button as d } from "./button.mjs";
+import "react";
 //#region packages/ui-web/src/alert-dialog.tsx
-var p = l(), m = o, h = n, g = i, _ = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(r, {
-	className: u("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", e),
-	...t,
-	ref: n
-}));
-_.displayName = r?.displayName || "AlertDialogOverlay";
-var v = f.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ (0, p.jsxs)(g, { children: [/* @__PURE__ */ (0, p.jsx)(_, {}), /* @__PURE__ */ (0, p.jsx)(e, {
-	ref: r,
-	className: u("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg", t),
-	...n
-})] }));
-v.displayName = e?.displayName || "AlertDialogContent";
-var y = ({ className: e, ...t }) => /* @__PURE__ */ (0, p.jsx)("div", {
-	className: u("flex flex-col space-y-2 text-center sm:text-left", e),
-	...t
-});
-y.displayName = "AlertDialogHeader";
-var b = ({ className: e, ...t }) => /* @__PURE__ */ (0, p.jsx)("div", {
-	className: u("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
-	...t
-});
-b.displayName = "AlertDialogFooter";
-var x = f.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ (0, p.jsx)(t, {
-	ref: r,
-	className: u("text-lg font-semibold", e),
-	...n
-}));
-x.displayName = t?.displayName || "AlertDialogTitle";
-var S = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(s, {
-	ref: n,
-	className: u("text-muted-foreground text-sm", e),
-	...t
-}));
-S.displayName = s?.displayName || "AlertDialogDescription";
-var C = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(a, {
-	ref: n,
-	className: u(d(), e),
-	...t
-}));
-C.displayName = a?.displayName || "AlertDialogAction";
-var w = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(c, {
-	ref: n,
-	className: u(d({ variant: "outline" }), "mt-2 sm:mt-0", e),
-	...t
-}));
-w.displayName = c?.displayName || "AlertDialogCancel";
+var f = r();
+function p({ ...e }) {
+	return /* @__PURE__ */ (0, f.jsx)(n, {
+		"data-slot": "alert-dialog",
+		...e
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ (0, f.jsx)(i, {
+		"data-slot": "alert-dialog-trigger",
+		...e
+	});
+}
+function h({ ...e }) {
+	return /* @__PURE__ */ (0, f.jsx)(o, {
+		"data-slot": "alert-dialog-portal",
+		...e
+	});
+}
+function g({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)(c, {
+		"data-slot": "alert-dialog-overlay",
+		className: u("data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", e),
+		...t
+	});
+}
+function _({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ (0, f.jsxs)(h, { children: [/* @__PURE__ */ (0, f.jsx)(g, {}), /* @__PURE__ */ (0, f.jsx)(a, {
+		"data-slot": "alert-dialog-content",
+		"data-size": t,
+		className: u("group/alert-dialog-content bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fixed start-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm rtl:translate-x-1/2", e),
+		...n
+	})] });
+}
+function v({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)("div", {
+		"data-slot": "alert-dialog-header",
+		className: u("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-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
+		...t
+	});
+}
+function y({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)("div", {
+		"data-slot": "alert-dialog-footer",
+		className: u("bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t 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", e),
+		...t
+	});
+}
+function b({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)("div", {
+		"data-slot": "alert-dialog-media",
+		className: u("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*=size-])]:size-6", e),
+		...t
+	});
+}
+function x({ className: e, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(t, {
+		"data-slot": "alert-dialog-title",
+		className: u("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(e, {
+		"data-slot": "alert-dialog-description",
+		className: u("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", t),
+		...n
+	});
+}
+function C({ className: e, variant: t = "default", size: n = "default", ...r }) {
+	return /* @__PURE__ */ (0, f.jsx)(d, {
+		variant: t,
+		size: n,
+		asChild: !0,
+		children: /* @__PURE__ */ (0, f.jsx)(s, {
+			"data-slot": "alert-dialog-action",
+			className: u(e),
+			...r
+		})
+	});
+}
+function w({ className: e, variant: t = "outline", size: n = "default", ...r }) {
+	return /* @__PURE__ */ (0, f.jsx)(d, {
+		variant: t,
+		size: n,
+		asChild: !0,
+		children: /* @__PURE__ */ (0, f.jsx)(l, {
+			"data-slot": "alert-dialog-cancel",
+			className: u(e),
+			...r
+		})
+	});
+}
 //#endregion
-export { m as AlertDialog, C as AlertDialogAction, w as AlertDialogCancel, v as AlertDialogContent, S as AlertDialogDescription, b as AlertDialogFooter, y as AlertDialogHeader, _ as AlertDialogOverlay, g as AlertDialogPortal, x as AlertDialogTitle, h as AlertDialogTrigger };
+export { p as AlertDialog, C as AlertDialogAction, w as AlertDialogCancel, _ as AlertDialogContent, S as AlertDialogDescription, y as AlertDialogFooter, v as AlertDialogHeader, b as AlertDialogMedia, g as AlertDialogOverlay, h as AlertDialogPortal, x as AlertDialogTitle, m as AlertDialogTrigger };
 
 //# sourceMappingURL=alert-dialog.mjs.map

package/dist/alert-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.mjs","names":[],"sources":["../packages/ui-web/src/alert-dialog.tsx"],"sourcesContent":["'use client';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport * as React from 'react';\n\nimport {\n  AlertDialogActionBaseProps,\n  AlertDialogBaseProps,\n  AlertDialogCancelBaseProps,\n  AlertDialogContentBaseProps,\n  AlertDialogDescriptionBaseProps,\n  AlertDialogFooterBaseProps,\n  AlertDialogHeaderBaseProps,\n  AlertDialogTitleBaseProps,\n} from '@gv-tech/ui-core';\nimport { buttonVariants } from './button';\nimport { cn } from './lib/utils';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay?.displayName || 'AlertDialogOverlay';\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & AlertDialogContentBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content?.displayName || 'AlertDialogContent';\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & AlertDialogHeaderBaseProps) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & AlertDialogFooterBaseProps) => (\n  <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & AlertDialogTitleBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold', className)} {...props} />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title?.displayName || 'AlertDialogTitle';\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & AlertDialogDescriptionBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description?.displayName || 'AlertDialogDescription';\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & AlertDialogActionBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action?.displayName || 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & AlertDialogCancelBaseProps\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel?.displayName || 'AlertDialogCancel';\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\nexport type { AlertDialogBaseProps as AlertDialogProps };\n"],"mappings":";;;;;;;aAiBM,IAAc,GAEd,IAAqB,GAErB,IAAoB,GAEpB,IAAqB,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,WAAW,EACT,0JACA,CACF;CACA,GAAI;CACC;AACN,CAAA,CACF;AACD,EAAmB,cAAA,GAA4C,eAAe;AAE9E,IAAM,IAAqB,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,+fACA,CACF;CACA,GAAI;AACL,CAAA,CACgB,EAAA,CAAA,CACpB;AACD,EAAmB,cAAA,GAA4C,eAAe;AAE9E,IAAM,KAAqB,EACzB,cACA,GAAG,QAEH,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAK,WAAW,EAAG,oDAAoD,CAAS;CAAG,GAAI;AAAQ,CAAA;AAEjG,EAAkB,cAAc;AAEhC,IAAM,KAAqB,EACzB,cACA,GAAG,QAEH,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAK,WAAW,EAAG,iEAAiE,CAAS;CAAG,GAAI;AAAQ,CAAA;AAE9G,EAAkB,cAAc;AAEhC,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAiC;CAAK,WAAW,EAAG,yBAAyB,CAAS;CAAG,GAAI;AAAQ,CAAA,CACtG;AACD,EAAiB,cAAA,GAA0C,eAAe;AAE1E,IAAM,IAAyB,EAAM,YAGlC,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAuC;CAAK,WAAW,EAAG,iCAAiC,CAAS;CAAG,GAAI;AAAQ,CAAA,CACpH;AACD,EAAuB,cAAA,GAAgD,eAAe;AAEtF,IAAM,IAAoB,EAAM,YAG7B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAkC;CAAK,WAAW,EAAG,EAAe,GAAG,CAAS;CAAG,GAAI;AAAQ,CAAA,CAChG;AACD,EAAkB,cAAA,GAA2C,eAAe;AAE5E,IAAM,IAAoB,EAAM,YAG7B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EAAG,EAAe,EAAE,SAAS,UAAU,CAAC,GAAG,gBAAgB,CAAS;CAC/E,GAAI;AACL,CAAA,CACF;AACD,EAAkB,cAAA,GAA2C,eAAe"}
+{"version":3,"file":"alert-dialog.mjs","names":[],"sources":["../packages/ui-web/src/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { Button } from './button';\nimport { cn } from './lib/utils';\n\nimport type { AlertDialogBaseProps } from '@gv-tech/ui-core';\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: 'default' | 'sm';\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          'group/alert-dialog-content bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fixed start-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm rtl:translate-x-1/2',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\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-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t 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      {...props}\n    />\n  );\n}\n\nfunction AlertDialogMedia({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        'bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*=size-])]:size-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        'text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-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      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = 'default',\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action data-slot=\"alert-dialog-action\" className={cn(className)} {...props} />\n    </Button>\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = 'outline',\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel data-slot=\"alert-dialog-cancel\" className={cn(className)} {...props} />\n    </Button>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAlertDialogContract: AlertDialogBaseProps = {} as unknown as React.ComponentProps<typeof AlertDialog>;\n"],"mappings":";;;;;;;AAQA,SAAS,EAAY,EAAE,GAAG,KAAiE;CACzF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAmB,EAAE,GAAG,KAAoE;CACnG,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AACpF;AAEA,SAAS,EAAkB,EAAE,GAAG,KAAmE;CACjG,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAClF;AAEA,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAoE;CAC9G,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,iNACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,mfACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAsC;CAC/E,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uZACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAsC;CAC/E,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,iNACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAsC;CAC9E,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,4KACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;CAC1G,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,qJACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,kIACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAE4D;CAC/D,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAiB;EAAe;EAAM,SAAA;YACpC,iBAAA,GAAA,EAAA,KAAC,GAAD;GAA6B,aAAU;GAAsB,WAAW,EAAG,CAAS;GAAG,GAAI;EAAQ,CAAA;CAC7F,CAAA;AAEZ;AAEA,SAAS,EAAkB,EACzB,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAE4D;CAC/D,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAiB;EAAe;EAAM,SAAA;YACpC,iBAAA,GAAA,EAAA,KAAC,GAAD;GAA6B,aAAU;GAAsB,WAAW,EAAG,CAAS;GAAG,GAAI;EAAQ,CAAA;CAC7F,CAAA;AAEZ"}

package/dist/alert.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=t.Gn(`relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7`,{variants:{variant:{default:`bg-background text-foreground`,destructive:`border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive`,warning:`border-amber-500/50 bg-amber-500/10 text-amber-600 dark:text-amber-400 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400`,info:`border-blue-500/50 bg-blue-500/10 text-blue-600 dark:text-blue-400 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400`}},defaultVariants:{variant:`default`}}),o=r.forwardRef(({className:e,variant:t,...r},o)=>(0,i.jsx)(`div`,{ref:o,role:`alert`,className:n.t(a({variant:t}),e),...r}));o.displayName=`Alert`;var s=r.forwardRef(({className:e,...t},r)=>(0,i.jsx)(`h5`,{ref:r,className:n.t(`mb-1 leading-none font-medium tracking-tight`,e),...t}));s.displayName=`AlertTitle`;var c=r.forwardRef(({className:e,...t},r)=>(0,i.jsx)(`div`,{ref:r,className:n.t(`text-sm [&_p]:leading-relaxed`,e),...t}));c.displayName=`AlertDescription`,exports.Alert=o,exports.AlertDescription=c,exports.AlertTitle=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr(),a=t.R(`group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*=size-])]:size-4`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function o({className:e,variant:t,...r}){return(0,i.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:n.t(a({variant:t}),e),...r})}function s({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-title`,className:n.t(`[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function c({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-description`,className:n.t(`text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4`,e),...t})}function l({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-action`,className:n.t(`absolute end-2 top-2`,e),...t})}exports.Alert=o,exports.AlertAction=l,exports.AlertDescription=c,exports.AlertTitle=s;
 //# sourceMappingURL=alert.cjs.map

package/dist/alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs","names":[],"sources":["../packages/ui-web/src/alert.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { AlertBaseProps, AlertDescriptionBaseProps, AlertTitleBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst alertVariants = cva(\n  'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background text-foreground',\n        destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n        warning:\n          'border-amber-500/50 bg-amber-500/10 text-amber-600 dark:text-amber-400 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400',\n        info: 'border-blue-500/50 bg-blue-500/10 text-blue-600 dark:text-blue-400 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AlertBaseProps & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement> & AlertTitleBaseProps>(\n  ({ className, ...props }, ref) => (\n    <h5 ref={ref} className={cn('mb-1 leading-none font-medium tracking-tight', className)} {...props} />\n  ),\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & AlertDescriptionBaseProps\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertDescription, AlertTitle };\nexport type { AlertBaseProps as AlertProps };\n"],"mappings":"+PAOM,EAAgB,EAAA,GACpB,0KACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,gCACT,YAAa,0FACb,QACE,4HACF,KAAM,qHACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEM,EAAQ,EAAM,YAGjB,CAAE,YAAW,UAAS,GAAG,GAAS,KACnC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,KAAK,QAAQ,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC/F,EACD,EAAM,YAAc,QAEpB,IAAM,EAAa,EAAM,YACtB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,EAAG,+CAAgD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAExG,EACA,EAAW,YAAc,aAEzB,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,EAAG,gCAAiC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvF,EACD,EAAiB,YAAc"}
+{"version":3,"file":"alert.cjs","names":[],"sources":["../packages/ui-web/src/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { AlertBaseProps } from '@gv-tech/ui-core';\n\nconst alertVariants = cva(\n  'group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*=size-])]:size-4',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return <div data-slot=\"alert\" role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />;\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        '[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-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 [&_p:not(:last-child)]:mb-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-action\" className={cn('absolute end-2 top-2', className)} {...props} />;\n}\n\nexport { Alert, AlertAction, AlertDescription, AlertTitle };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAlertContract: AlertBaseProps = {} as unknown as React.ComponentProps<typeof Alert>;\n"],"mappings":"kPAOM,EAAgB,EAAA,EACpB,2TACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,mGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEA,SAAS,EAAM,CAAE,YAAW,UAAS,GAAG,GAA2E,CACjH,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC/G,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,EACT,sHACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAsC,CAC9E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,oBACV,UAAW,EAAA,EACT,6JACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,EAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrG"}