@kuzenbo/core 0.0.2 → 0.0.4

package/README.md

@@ -41,7 +41,8 @@ yarn add @kuzenbo/core @kuzenbo/theme
 ```tsx
 import "@kuzenbo/theme/prebuilt/kuzenbo.css";
 
-import { Button, Card } from "@kuzenbo/core";
+import { Button } from "@kuzenbo/core/ui/button";
+import { Card } from "@kuzenbo/core/ui/card";
 import { ThemeBootstrapScript, ThemeProvider } from "@kuzenbo/theme";
 
 export function CoreQuickExample() {
@@ -66,7 +67,7 @@ export function CoreQuickExample() {
 Use `CopyButton` when users need command-style clipboard actions with status feedback (`idle`, `copying`, `copied`, `failed`) and an accessible live region.
 
 ```tsx
-import { CopyButton } from "@kuzenbo/core";
+import { CopyButton } from "@kuzenbo/core/ui/copy-button";
 
 export function InstallCommandCopy() {
   return (
@@ -80,7 +81,7 @@ export function InstallCommandCopy() {
 ## 🧱 Key Surface
 
 - Forms and input controls (`Input`, `Select`, `Checkbox`, `RadioGroup`, `Textarea`, `NumberField`)
-- Navigation and layout (`Container`, `Tabs`, `Breadcrumb`, `Sidebar`, `Menu`)
+- Navigation and layout (`Container`, `Tabs`, `Breadcrumb`, `Sidebar`, `DropdownMenu`)
 - Overlay and feedback (`Dialog`, `Drawer`, `Popover`, `Tooltip`, `Alert`, `Progress`)
 - Data and composition (`Table`, `Card`, `Badge`, `Typography`, `Timeline`, `Toolbar`)
 - Advanced interaction (`Autocomplete`, `Combobox`, `Command`, `Slider`, `RangeSlider`)

package/dist/avatar-image-BQ_NEKH4.js

@@ -0,0 +1,47 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region src/ui/avatar/avatar-badge.tsx
+const AvatarBadge = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=xs]/avatar:size-1.5 group-data-[size=xs]/avatar:[&>svg]:hidden", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", "group-data-[size=xl]/avatar:size-3.5 group-data-[size=xl]/avatar:[&>svg]:size-2.5", className),
+	"data-slot": "avatar-badge",
+	...props
+});
+
+//#endregion
+//#region src/ui/avatar/avatar-fallback.tsx
+const AvatarFallback = ({ className, ...props }) => /* @__PURE__ */ jsx(Avatar.Fallback, {
+	className: mergeBaseUIClassName("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className),
+	"data-slot": "avatar-fallback",
+	...props
+});
+
+//#endregion
+//#region src/ui/avatar/avatar-group.tsx
+const AvatarGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
+	"data-slot": "avatar-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/avatar/avatar-group-count.tsx
+const AvatarGroupCount = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("relative flex shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=xs]/avatar-group:size-5 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=md]/avatar-group:size-8 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=xl]/avatar-group:size-11 group-has-data-[size=xs]/avatar-group:[&>svg]:size-2.5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=md]/avatar-group:[&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=xl]/avatar-group:[&>svg]:size-5", className),
+	"data-slot": "avatar-group-count",
+	...props
+});
+
+//#endregion
+//#region src/ui/avatar/avatar-image.tsx
+const AvatarImage = ({ className, ...props }) => /* @__PURE__ */ jsx(Avatar.Image, {
+	className: mergeBaseUIClassName("aspect-square size-full rounded-full object-cover", className),
+	"data-slot": "avatar-image",
+	...props
+});
+
+//#endregion
+export { AvatarBadge as a, AvatarFallback as i, AvatarGroupCount as n, AvatarGroup as r, AvatarImage as t };
+//# sourceMappingURL=avatar-image-BQ_NEKH4.js.map

package/dist/avatar-image-BQ_NEKH4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-image-BQ_NEKH4.js","names":["AvatarPrimitive","AvatarPrimitive"],"sources":["../src/ui/avatar/avatar-badge.tsx","../src/ui/avatar/avatar-fallback.tsx","../src/ui/avatar/avatar-group.tsx","../src/ui/avatar/avatar-group-count.tsx","../src/ui/avatar/avatar-image.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AvatarBadgeProps = ComponentProps<\"span\">;\n\nconst AvatarBadge = ({ className, ...props }: AvatarBadgeProps) => (\n  <span\n    className={cn(\n      \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n      \"group-data-[size=xs]/avatar:size-1.5 group-data-[size=xs]/avatar:[&>svg]:hidden\",\n      \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n      \"group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2\",\n      \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n      \"group-data-[size=xl]/avatar:size-3.5 group-data-[size=xl]/avatar:[&>svg]:size-2.5\",\n      className\n    )}\n    data-slot=\"avatar-badge\"\n    {...props}\n  />\n);\n\nexport { AvatarBadge };\n","\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type AvatarFallbackProps = AvatarPrimitive.Fallback.Props;\n\nconst AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => (\n  <AvatarPrimitive.Fallback\n    className={mergeBaseUIClassName<AvatarPrimitive.Fallback.State>(\n      \"flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs\",\n      className\n    )}\n    data-slot=\"avatar-fallback\"\n    {...props}\n  />\n);\n\nexport { AvatarFallback };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AvatarGroupProps = ComponentProps<\"div\">;\n\nconst AvatarGroup = ({ className, ...props }: AvatarGroupProps) => (\n  <div\n    className={cn(\n      \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background\",\n      className\n    )}\n    data-slot=\"avatar-group\"\n    {...props}\n  />\n);\n\nexport { AvatarGroup };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AvatarGroupCountProps = ComponentProps<\"div\">;\n\nconst AvatarGroupCount = ({ className, ...props }: AvatarGroupCountProps) => (\n  <div\n    className={cn(\n      \"relative flex shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=xs]/avatar-group:size-5 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=md]/avatar-group:size-8 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=xl]/avatar-group:size-11 group-has-data-[size=xs]/avatar-group:[&>svg]:size-2.5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=md]/avatar-group:[&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=xl]/avatar-group:[&>svg]:size-5\",\n      className\n    )}\n    data-slot=\"avatar-group-count\"\n    {...props}\n  />\n);\n\nexport { AvatarGroupCount };\n","\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type AvatarImageProps = AvatarPrimitive.Image.Props;\n\nconst AvatarImage = ({ className, ...props }: AvatarImageProps) => (\n  <AvatarPrimitive.Image\n    className={mergeBaseUIClassName<AvatarPrimitive.Image.State>(\n      \"aspect-square size-full rounded-full object-cover\",\n      className\n    )}\n    data-slot=\"avatar-image\"\n    {...props}\n  />\n);\n\nexport { AvatarImage };\n"],"mappings":";;;;;;AAOA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,4KACA,mFACA,iFACA,mFACA,iFACA,qFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACbJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,OAAgB;CACf,WAAW,qBACT,sIACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,uGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,+mBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB;CACf,WAAW,qBACT,qDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/avatar-image-Ce26D2fb.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region src/ui/avatar/avatar-badge.d.ts
+type AvatarBadgeProps = ComponentProps<"span">;
+declare const AvatarBadge: ({
+  className,
+  ...props
+}: AvatarBadgeProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/avatar/avatar-fallback.d.ts
+type AvatarFallbackProps = Avatar.Fallback.Props;
+declare const AvatarFallback: ({
+  className,
+  ...props
+}: AvatarFallbackProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/avatar/avatar-group.d.ts
+type AvatarGroupProps = ComponentProps<"div">;
+declare const AvatarGroup: ({
+  className,
+  ...props
+}: AvatarGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/avatar/avatar-group-count.d.ts
+type AvatarGroupCountProps = ComponentProps<"div">;
+declare const AvatarGroupCount: ({
+  className,
+  ...props
+}: AvatarGroupCountProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/avatar/avatar-image.d.ts
+type AvatarImageProps = Avatar.Image.Props;
+declare const AvatarImage: ({
+  className,
+  ...props
+}: AvatarImageProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AvatarGroup as a, AvatarFallbackProps as c, AvatarGroupCountProps as i, AvatarBadge as l, AvatarImageProps as n, AvatarGroupProps as o, AvatarGroupCount as r, AvatarFallback as s, AvatarImage as t, AvatarBadgeProps as u };
+//# sourceMappingURL=avatar-image-Ce26D2fb.d.ts.map

package/dist/avatar-image-Ce26D2fb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-image-Ce26D2fb.d.ts","names":[],"sources":["../src/ui/avatar/avatar-badge.tsx","../src/ui/avatar/avatar-fallback.tsx","../src/ui/avatar/avatar-group.tsx","../src/ui/avatar/avatar-group-count.tsx","../src/ui/avatar/avatar-image.tsx"],"mappings":";;;;;KAKY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFxD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,qBAAA,GAAwB,cAAA;AAAA,cAE9B,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/button-group-size-context-DW7Gn-3k.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+
+//#region src/ui/button-group/button-group-size-context.ts
+const ButtonGroupSizeContext = createContext({ size: void 0 });
+
+//#endregion
+export { ButtonGroupSizeContext as t };
+//# sourceMappingURL=button-group-size-context-DW7Gn-3k.js.map

package/dist/button-group-size-context-DW7Gn-3k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-size-context-DW7Gn-3k.js","names":[],"sources":["../src/ui/button-group/button-group-size-context.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport interface ButtonGroupSizeContextValue {\n  size?: UISize;\n}\n\nconst ButtonGroupSizeContext = createContext<ButtonGroupSizeContextValue>({\n  size: undefined,\n});\n\nexport { ButtonGroupSizeContext };\n"],"mappings":";;;AAUA,MAAM,yBAAyB,cAA2C,EACxE,MAAM,QACP,CAAC"}

package/dist/dialog-trigger-BUF3elAP.js

@@ -0,0 +1,122 @@
+import { Button } from "./ui/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { Cancel01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/ui/dialog/dialog-backdrop.tsx
+const DialogBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Backdrop, {
+	className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "dialog-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-close.tsx
+const DialogClose = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
+	"data-slot": "dialog-close",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-popup.tsx
+const DialogPopup = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Popup, {
+	className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-background p-6 text-sm ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 sm:max-w-md", className),
+	"data-slot": "dialog-popup",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-portal.tsx
+const DialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Portal, {
+	"data-slot": "dialog-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-viewport.tsx
+const DialogViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Viewport, {
+	className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
+	"data-slot": "dialog-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-content.tsx
+const DialogContent = ({ className, children, showCloseButton = true, ...props }) => /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, {}), /* @__PURE__ */ jsx(DialogViewport, { children: /* @__PURE__ */ jsxs(DialogPopup, {
+	className,
+	"data-slot": "dialog-content",
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogClose, {
+		"data-slot": "dialog-close",
+		render: /* @__PURE__ */ jsx(Button, {
+			className: "absolute top-4 right-4",
+			size: "icon-sm",
+			variant: "ghost"
+		}),
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Cancel01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+}) })] });
+
+//#endregion
+//#region src/ui/dialog/dialog-description.tsx
+const DialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Description, {
+	className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+	"data-slot": "dialog-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-footer.tsx
+const DialogFooter = ({ className, showCloseButton = false, children, ...props }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("-mx-4 mt-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 sm:flex-row sm:justify-end", className),
+	"data-slot": "dialog-footer",
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsx(DialogClose, {
+		render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+		children: "Close"
+	})]
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-header.tsx
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-2", className),
+	"data-slot": "dialog-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-overlay.tsx
+const DialogOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(DialogBackdrop, {
+	className,
+	"data-slot": "dialog-overlay",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-title.tsx
+const DialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Title, {
+	className: cn("text-sm leading-none font-medium", className),
+	"data-slot": "dialog-title",
+	...props
+});
+
+//#endregion
+//#region src/ui/dialog/dialog-trigger.tsx
+const DialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "dialog-trigger",
+	...props
+});
+
+//#endregion
+export { DialogFooter as a, DialogViewport as c, DialogClose as d, DialogBackdrop as f, DialogHeader as i, DialogPortal as l, DialogTitle as n, DialogDescription as o, DialogOverlay as r, DialogContent as s, DialogTrigger as t, DialogPopup as u };
+//# sourceMappingURL=dialog-trigger-BUF3elAP.js.map

package/dist/dialog-trigger-BUF3elAP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger-BUF3elAP.js","names":["DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive"],"sources":["../src/ui/dialog/dialog-backdrop.tsx","../src/ui/dialog/dialog-close.tsx","../src/ui/dialog/dialog-popup.tsx","../src/ui/dialog/dialog-portal.tsx","../src/ui/dialog/dialog-viewport.tsx","../src/ui/dialog/dialog-content.tsx","../src/ui/dialog/dialog-description.tsx","../src/ui/dialog/dialog-footer.tsx","../src/ui/dialog/dialog-header.tsx","../src/ui/dialog/dialog-overlay.tsx","../src/ui/dialog/dialog-title.tsx","../src/ui/dialog/dialog-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogBackdropProps = DialogPrimitive.Backdrop.Props;\n\nconst DialogBackdrop = ({ className, ...props }: DialogBackdropProps) => (\n  <DialogPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"dialog-backdrop\"\n    {...props}\n  />\n);\n\nexport { DialogBackdrop };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nexport type DialogCloseProps = DialogPrimitive.Close.Props;\n\nconst DialogClose = ({ ...props }: DialogCloseProps) => (\n  <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n);\n\nexport { DialogClose };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogPopupProps = DialogPrimitive.Popup.Props;\n\nconst DialogPopup = ({ className, ...props }: DialogPopupProps) => (\n  <DialogPrimitive.Popup\n    className={cn(\n      \"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-background p-6 text-sm ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 sm:max-w-md\",\n      className\n    )}\n    data-slot=\"dialog-popup\"\n    {...props}\n  />\n);\n\nexport { DialogPopup };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nexport type DialogPortalProps = DialogPrimitive.Portal.Props;\n\nconst DialogPortal = ({ ...props }: DialogPortalProps) => (\n  <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n);\n\nexport { DialogPortal };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogViewportProps = DialogPrimitive.Viewport.Props;\n\nconst DialogViewport = ({ className, ...props }: DialogViewportProps) => (\n  <DialogPrimitive.Viewport\n    className={cn(\n      \"fixed inset-0 z-50 flex items-center justify-center p-4\",\n      className\n    )}\n    data-slot=\"dialog-viewport\"\n    {...props}\n  />\n);\n\nexport { DialogViewport };\n","\"use client\";\n\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { Button } from \"../button/button\";\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogPopup, type DialogPopupProps } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogContentProps extends DialogPopupProps {\n  showCloseButton?: boolean;\n}\n\nconst DialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) => (\n  <DialogPortal>\n    <DialogBackdrop />\n    <DialogViewport>\n      <DialogPopup className={className} data-slot=\"dialog-content\" {...props}>\n        {children}\n        {showCloseButton && (\n          <DialogClose\n            data-slot=\"dialog-close\"\n            render={\n              <Button\n                className=\"absolute top-4 right-4\"\n                size=\"icon-sm\"\n                variant=\"ghost\"\n              />\n            }\n          >\n            <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n            <span className=\"sr-only\">Close</span>\n          </DialogClose>\n        )}\n      </DialogPopup>\n    </DialogViewport>\n  </DialogPortal>\n);\n\nexport { DialogContent };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogDescriptionProps = DialogPrimitive.Description.Props;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n  <DialogPrimitive.Description\n    className={cn(\n      \"text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n      className\n    )}\n    data-slot=\"dialog-description\"\n    {...props}\n  />\n);\n\nexport { DialogDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { DialogClose } from \"./dialog-close\";\n\nexport interface DialogFooterProps extends ComponentProps<\"div\"> {\n  showCloseButton?: boolean;\n}\n\nconst DialogFooter = ({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: DialogFooterProps) => (\n  <div\n    className={cn(\n      \"-mx-4 mt-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 sm:flex-row sm:justify-end\",\n      className\n    )}\n    data-slot=\"dialog-footer\"\n    {...props}\n  >\n    {children}\n    {showCloseButton && (\n      <DialogClose render={<Button variant=\"outline\" />}>Close</DialogClose>\n    )}\n  </div>\n);\n\nexport { DialogFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogHeaderProps = ComponentProps<\"div\">;\n\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => (\n  <div\n    className={cn(\"flex flex-col gap-2\", className)}\n    data-slot=\"dialog-header\"\n    {...props}\n  />\n);\n\nexport { DialogHeader };\n","\"use client\";\n\nimport { DialogBackdrop, type DialogBackdropProps } from \"./dialog-backdrop\";\n\nexport type DialogOverlayProps = DialogBackdropProps;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n  <DialogBackdrop className={className} data-slot=\"dialog-overlay\" {...props} />\n);\n\nexport { DialogOverlay };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogTitleProps = DialogPrimitive.Title.Props;\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n  <DialogPrimitive.Title\n    className={cn(\"text-sm leading-none font-medium\", className)}\n    data-slot=\"dialog-title\"\n    {...props}\n  />\n);\n\nexport { DialogTitle };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogTriggerProps = DialogPrimitive.Trigger.Props;\n\nconst DialogTrigger = ({ className, ...props }: DialogTriggerProps) => (\n  <DialogPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"dialog-trigger\"\n    {...props}\n  />\n);\n\nexport { DialogTrigger };\n"],"mappings":";;;;;;;;AAOA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,OAAgB;CACf,WAAW,GACT,yLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,OAAgB;CAAM,aAAU;CAAe,GAAI;EAAS;;;;ACA/D,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB;CACf,WAAW,GACT,qVACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,OAAgB;CAAO,aAAU;CAAgB,GAAI;EAAS;;;;ACAjE,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,OAAgB;CACf,WAAW,GACT,2DACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACCJ,MAAM,iBAAiB,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,YAEH,qBAAC,2BACC,oBAAC,mBAAiB,EAClB,oBAAC,4BACC,qBAAC;CAAuB;CAAW,aAAU;CAAiB,GAAI;YAC/D,UACA,mBACC,qBAAC;EACC,aAAU;EACV,QACE,oBAAC;GACC,WAAU;GACV,MAAK;GACL,SAAQ;IACR;aAGJ,oBAAC;GAAc,MAAM;GAAc,aAAa;IAAK,EACrD,oBAAC;GAAK,WAAU;aAAU;IAAY;GAC1B;EAEJ,GACC,IACJ;;;;ACrCjB,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,OAAgB;CACf,WAAW,GACT,sGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACFJ,MAAM,gBAAgB,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,YAEH,qBAAC;CACC,WAAW,GACT,4FACA,UACD;CACD,aAAU;CACV,GAAI;YAEH,UACA,mBACC,oBAAC;EAAY,QAAQ,oBAAC,UAAO,SAAQ,YAAY;YAAE;GAAmB;EAEpE;;;;ACzBR,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC;CACC,WAAW,GAAG,uBAAuB,UAAU;CAC/C,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC;CAA0B;CAAW,aAAU;CAAiB,GAAI;EAAS;;;;ACAhF,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB;CACf,WAAW,GAAG,oCAAoC,UAAU;CAC5D,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAgB;CACf,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}

package/dist/dialog-viewport-Ce1huyAI.d.ts

@@ -0,0 +1,96 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/ui/dialog/dialog-close.d.ts
+type DialogCloseProps = Dialog.Close.Props;
+declare const DialogClose: ({
+  ...props
+}: DialogCloseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-popup.d.ts
+type DialogPopupProps = Dialog.Popup.Props;
+declare const DialogPopup: ({
+  className,
+  ...props
+}: DialogPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-content.d.ts
+interface DialogContentProps extends DialogPopupProps {
+  showCloseButton?: boolean;
+}
+declare const DialogContent: ({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: DialogContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-backdrop.d.ts
+type DialogBackdropProps = Dialog.Backdrop.Props;
+declare const DialogBackdrop: ({
+  className,
+  ...props
+}: DialogBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-description.d.ts
+type DialogDescriptionProps = Dialog.Description.Props;
+declare const DialogDescription: ({
+  className,
+  ...props
+}: DialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-footer.d.ts
+interface DialogFooterProps extends ComponentProps<"div"> {
+  showCloseButton?: boolean;
+}
+declare const DialogFooter: ({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-header.d.ts
+type DialogHeaderProps = ComponentProps<"div">;
+declare const DialogHeader: ({
+  className,
+  ...props
+}: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-overlay.d.ts
+type DialogOverlayProps = DialogBackdropProps;
+declare const DialogOverlay: ({
+  className,
+  ...props
+}: DialogOverlayProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-portal.d.ts
+type DialogPortalProps = Dialog.Portal.Props;
+declare const DialogPortal: ({
+  ...props
+}: DialogPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-title.d.ts
+type DialogTitleProps = Dialog.Title.Props;
+declare const DialogTitle: ({
+  className,
+  ...props
+}: DialogTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-trigger.d.ts
+type DialogTriggerProps = Dialog.Trigger.Props;
+declare const DialogTrigger: ({
+  className,
+  ...props
+}: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/dialog/dialog-viewport.d.ts
+type DialogViewportProps = Dialog.Viewport.Props;
+declare const DialogViewport: ({
+  className,
+  ...props
+}: DialogViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DialogClose as C, DialogPopupProps as S, DialogBackdrop as _, DialogTitle as a, DialogContentProps as b, DialogPortalProps as c, DialogHeader as d, DialogHeaderProps as f, DialogDescriptionProps as g, DialogDescription as h, DialogTriggerProps as i, DialogOverlay as l, DialogFooterProps as m, DialogViewportProps as n, DialogTitleProps as o, DialogFooter as p, DialogTrigger as r, DialogPortal as s, DialogViewport as t, DialogOverlayProps as u, DialogBackdropProps as v, DialogCloseProps as w, DialogPopup as x, DialogContent as y };
+//# sourceMappingURL=dialog-viewport-Ce1huyAI.d.ts.map

package/dist/dialog-viewport-Ce1huyAI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-viewport-Ce1huyAI.d.ts","names":[],"sources":["../src/ui/dialog/dialog-close.tsx","../src/ui/dialog/dialog-popup.tsx","../src/ui/dialog/dialog-content.tsx","../src/ui/dialog/dialog-backdrop.tsx","../src/ui/dialog/dialog-description.tsx","../src/ui/dialog/dialog-footer.tsx","../src/ui/dialog/dialog-header.tsx","../src/ui/dialog/dialog-overlay.tsx","../src/ui/dialog/dialog-portal.tsx","../src/ui/dialog/dialog-title.tsx","../src/ui/dialog/dialog-trigger.tsx","../src/ui/dialog/dialog-viewport.tsx"],"mappings":";;;;;KAIY,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAA,GAAe;AAAA,GAAc,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDvC,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCK7C,kBAAA,SAA2B,gBAAA;EAC1C,eAAA;AAAA;AAAA,cAGI,aAAA;EAAiB,SAAA;EAAA,QAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAKpB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KChBT,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFxD,sBAAA,GAAyB,MAAA,CAAgB,WAAA,CAAY,KAAA;AAAA,cAE3D,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCEzD,iBAAA,SAA0B,cAAA;EACzC,eAAA;AAAA;AAAA,cAGI,YAAA;EAAgB,SAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCdR,iBAAA,GAAoB,cAAA;AAAA,cAE1B,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFpD,kBAAA,GAAqB,mBAAA;AAAA,cAE3B,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFtD,iBAAA,GAAoB,MAAA,CAAgB,MAAA,CAAO,KAAA;AAAA,cAEjD,YAAA;EAAA,GAAgB;AAAA,GAAc,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDzC,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,kBAAA,GAAqB,MAAA,CAAgB,OAAA,CAAQ,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFtD,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}