@kuzenbo/core 0.0.4 → 0.0.6

package/README.md

@@ -80,6 +80,7 @@ export function InstallCommandCopy() {
 
 ## 🧱 Key Surface
 
+- Action controls (`Button`, `ActionIcon`, `ButtonGroup`)
 - Forms and input controls (`Input`, `Select`, `Checkbox`, `RadioGroup`, `Textarea`, `NumberField`)
 - Navigation and layout (`Container`, `Tabs`, `Breadcrumb`, `Sidebar`, `DropdownMenu`)
 - Overlay and feedback (`Dialog`, `Drawer`, `Popover`, `Tooltip`, `Alert`, `Progress`)
@@ -92,6 +93,7 @@ export function InstallCommandCopy() {
 - [Quickstart](https://kuzenbo.com/docs/getting-started/quickstart)
 - [Components Index](https://kuzenbo.com/docs/components)
 - [Button](https://kuzenbo.com/docs/components/button)
+- [Action Icon](https://kuzenbo.com/docs/components/action-icon)
 - [Composition Patterns](https://kuzenbo.com/docs/patterns/composition)
 
 ## 🧭 Compatibility And Status

package/dist/action-icon-UjYZjXrB.d.ts

@@ -0,0 +1,59 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Button } from "@base-ui/react/button";
+
+//#region src/ui/action-icon/action-icon.d.ts
+declare const actionIconVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    lg: string;
+    md: string;
+    sm: string[];
+    xl: string[];
+    xs: string[];
+  };
+}, undefined, "group/action-icon", {
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, "cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, "cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>>;
+type ActionIconProps = ComponentProps<typeof Button> & VariantProps<typeof actionIconVariants> & {
+  isLoading?: boolean;
+};
+declare const ActionIcon: (incomingProps: ActionIconProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActionIconProps as n, actionIconVariants as r, ActionIcon as t };
+//# sourceMappingURL=action-icon-UjYZjXrB.d.ts.map

package/dist/action-icon-UjYZjXrB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-icon-UjYZjXrB.d.ts","names":[],"sources":["../src/ui/action-icon/action-icon.tsx"],"mappings":";;;;;;;cAoBM,kBAAA,qBAAkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBtB,kBAAA,CAAA,YAAA;;;;;;;;;;KAEU,eAAA,GAAkB,cAAA,QAAsB,MAAA,IAClD,YAAA,QAAoB,kBAAA;EAClB,SAAA;AAAA;AAAA,cAmDE,UAAA,GAAc,aAAA,EAAe,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{avatar-image-Ce26D2fb.d.ts → avatar-4S7I72CH.d.ts}

@@ -1,3 +1,4 @@
+import { t as UISize } from "./size-system-BAI1CnwU.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Avatar } from "@base-ui/react/avatar";
@@ -37,5 +38,37 @@ declare const AvatarImage: ({
   ...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
+//#region src/ui/avatar/avatar.d.ts
+type AvatarProps = Avatar.Root.Props & {
+  size?: UISize;
+};
+declare const Avatar$1: {
+  ({
+    className,
+    size: providedSize,
+    ...props
+  }: AvatarProps): react_jsx_runtime0.JSX.Element;
+  Badge: ({
+    className,
+    ...props
+  }: AvatarBadgeProps) => react_jsx_runtime0.JSX.Element;
+  Fallback: ({
+    className,
+    ...props
+  }: AvatarFallbackProps) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: AvatarGroupProps) => react_jsx_runtime0.JSX.Element;
+  GroupCount: ({
+    className,
+    ...props
+  }: AvatarGroupCountProps) => react_jsx_runtime0.JSX.Element;
+  Image: ({
+    className,
+    ...props
+  }: AvatarImageProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { AvatarGroupCount as a, AvatarGroupProps as c, AvatarBadge as d, AvatarBadgeProps as f, AvatarImageProps as i, AvatarFallback as l, AvatarProps as n, AvatarGroupCountProps as o, AvatarImage as r, AvatarGroup as s, Avatar$1 as t, AvatarFallbackProps as u };
+//# sourceMappingURL=avatar-4S7I72CH.d.ts.map

package/dist/avatar-4S7I72CH.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-4S7I72CH.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","../src/ui/avatar/avatar.tsx"],"mappings":";;;;;;KAIY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDlD,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCHxD,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;;;KCD5D,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCKlD,WAAA,GAAc,MAAA,CAAgB,IAAA,CAAK,KAAA;EAC7C,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,QAAA;EAAA;;;;KAAuD,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/avatar-C3vF6E7s.js

@@ -0,0 +1,65 @@
+import { a as useComponentSize } from "./size-provider-18EvJgDT.js";
+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("z-raised bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 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 *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2", className),
+	"data-slot": "avatar-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/avatar/avatar-group-count.tsx
+const AvatarGroupCount = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("bg-muted text-muted-foreground ring-background relative flex shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=md]/avatar-group:size-8 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=xl]/avatar-group:size-11 group-has-data-[size=xs]/avatar-group:size-5 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=md]/avatar-group:[&>svg]:size-4 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=xl]/avatar-group:[&>svg]:size-5 group-has-data-[size=xs]/avatar-group:[&>svg]:size-2.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
+//#region src/ui/avatar/avatar.tsx
+const Avatar$1 = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		className: mergeBaseUIClassName("group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=md]:size-8 data-[size=lg]:size-10 data-[size=xl]:size-11 dark:after:mix-blend-lighten", className),
+		"data-size": size,
+		"data-slot": "avatar",
+		...props
+	});
+};
+Avatar$1.Badge = AvatarBadge;
+Avatar$1.Fallback = AvatarFallback;
+Avatar$1.Group = AvatarGroup;
+Avatar$1.GroupCount = AvatarGroupCount;
+Avatar$1.Image = AvatarImage;
+
+//#endregion
+export { AvatarFallback as a, AvatarGroup as i, AvatarImage as n, AvatarBadge as o, AvatarGroupCount as r, Avatar$1 as t };
+//# sourceMappingURL=avatar-C3vF6E7s.js.map

package/dist/avatar-C3vF6E7s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-C3vF6E7s.js","names":["AvatarPrimitive","AvatarPrimitive","Avatar","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","../src/ui/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AvatarBadgeProps = ComponentProps<\"span\">;\n\nconst AvatarBadge = ({ className, ...props }: AvatarBadgeProps) => (\n  <span\n    className={cn(\n      \"z-raised bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 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\";\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 *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n      className\n    )}\n    data-slot=\"avatar-group\"\n    {...props}\n  />\n);\n\nexport { AvatarGroup };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AvatarGroupCountProps = ComponentProps<\"div\">;\n\nconst AvatarGroupCount = ({ className, ...props }: AvatarGroupCountProps) => (\n  <div\n    className={cn(\n      \"bg-muted text-muted-foreground ring-background relative flex shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=md]/avatar-group:size-8 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=xl]/avatar-group:size-11 group-has-data-[size=xs]/avatar-group:size-5 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=md]/avatar-group:[&>svg]:size-4 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=xl]/avatar-group:[&>svg]:size-5 group-has-data-[size=xs]/avatar-group:[&>svg]:size-2.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","\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { AvatarBadge } from \"./avatar-badge\";\nimport { AvatarFallback } from \"./avatar-fallback\";\nimport { AvatarGroup } from \"./avatar-group\";\nimport { AvatarGroupCount } from \"./avatar-group-count\";\nimport { AvatarImage } from \"./avatar-image\";\nexport type AvatarProps = AvatarPrimitive.Root.Props & {\n  size?: UISize;\n};\n\nconst Avatar = ({ className, size: providedSize, ...props }: AvatarProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AvatarPrimitive.Root\n      className={mergeBaseUIClassName<AvatarPrimitive.Root.State>(\n        \"group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=md]:size-8 data-[size=lg]:size-10 data-[size=xl]:size-11 dark:after:mix-blend-lighten\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"avatar\"\n      {...props}\n    />\n  );\n};\n\nAvatar.Badge = AvatarBadge;\nAvatar.Fallback = AvatarFallback;\nAvatar.Group = AvatarGroup;\nAvatar.GroupCount = AvatarGroupCount;\nAvatar.Image = AvatarImage;\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n\nexport type { AvatarBadgeProps } from \"./avatar-badge\";\nexport type { AvatarFallbackProps } from \"./avatar-fallback\";\nexport type { AvatarGroupProps } from \"./avatar-group\";\nexport type { AvatarGroupCountProps } from \"./avatar-group-count\";\nexport type { AvatarImageProps } from \"./avatar-image\";\n"],"mappings":";;;;;;;AAMA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,QAAD;CACE,WAAW,GACT,gLACA,mFACA,iFACA,mFACA,iFACA,qFACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACZJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,OAAgB,UAAjB;CACE,WAAW,qBACT,sIACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GACT,uGACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC,OAAD;CACE,WAAW,GACT,+mBACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACPJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,qBACT,qDACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACCJ,MAAMC,YAAU,EAAE,WAAW,MAAM,cAAc,GAAG,YAAyB;CAC3E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC,OAAgB,MAAjB;EACE,WAAW,qBACT,qTACA,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;EACJ;;AAIN,SAAO,QAAQ;AACf,SAAO,WAAW;AAClB,SAAO,QAAQ;AACf,SAAO,aAAa;AACpB,SAAO,QAAQ"}

package/dist/badge-DB40swlt.js

@@ -0,0 +1,58 @@
+import { a as useComponentSize, i as useComponentDefaultProps } from "./size-provider-18EvJgDT.js";
+import { cn, tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/badge/use-badge-default-props.ts
+const useBadgeDefaultProps = (incomingProps) => useComponentDefaultProps("Badge", {}, incomingProps);
+
+//#endregion
+//#region src/ui/badge/badge.tsx
+const badgeVariants = tv({
+	base: "group/badge focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:ring-[3px] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			lg: "h-7 gap-1.5 px-3 py-1 text-sm [&>svg]:size-4!",
+			md: "h-6 gap-1 px-2.5 py-0.5 text-xs [&>svg]:size-3!",
+			sm: "h-5 gap-1 px-2 py-0.5 text-xs [&>svg]:size-3!",
+			xl: "h-8 gap-1.5 px-3.5 py-1 text-base [&>svg]:size-5!",
+			xs: "h-4 gap-0.5 px-1.5 py-0 text-[0.65rem] [&>svg]:size-2.5!"
+		},
+		variant: {
+			danger: ["border-danger-border/50", "bg-danger text-danger-foreground"],
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+			info: ["border-info-border/50", "bg-info text-info-foreground"],
+			link: "text-primary underline-offset-4 hover:underline",
+			outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+			secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+			success: ["border-success-border/50", "bg-success text-success-foreground"],
+			warning: ["border-warning-border/50", "bg-warning text-warning-foreground"]
+		}
+	}
+});
+const Badge = (incomingProps) => {
+	const { className, size: providedSize, variant = "default", render, ...props } = useBadgeDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({
+			size,
+			variant
+		}), className) }, props),
+		render,
+		state: {
+			size,
+			slot: "badge",
+			variant
+		}
+	});
+};
+
+//#endregion
+export { badgeVariants as n, Badge as t };
+//# sourceMappingURL=badge-DB40swlt.js.map

package/dist/badge-DB40swlt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-DB40swlt.js","names":[],"sources":["../src/ui/badge/use-badge-default-props.ts","../src/ui/badge/badge.tsx"],"sourcesContent":["import { useComponentDefaultProps } from \"../shared/size/size-provider\";\nimport type { BadgeProps } from \"./badge\";\n\nexport const useBadgeDefaultProps = (incomingProps: BadgeProps): BadgeProps =>\n  useComponentDefaultProps<BadgeProps>(\"Badge\", {}, incomingProps);\n","\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { useBadgeDefaultProps } from \"./use-badge-default-props\";\n\nexport type BadgeProps = useRender.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants>;\n\nconst badgeVariants = tv({\n  base: \"group/badge focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:ring-[3px] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none\",\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"h-7 gap-1.5 px-3 py-1 text-sm [&>svg]:size-4!\",\n      md: \"h-6 gap-1 px-2.5 py-0.5 text-xs [&>svg]:size-3!\",\n      sm: \"h-5 gap-1 px-2 py-0.5 text-xs [&>svg]:size-3!\",\n      xl: \"h-8 gap-1.5 px-3.5 py-1 text-base [&>svg]:size-5!\",\n      xs: \"h-4 gap-0.5 px-1.5 py-0 text-[0.65rem] [&>svg]:size-2.5!\",\n    },\n    variant: {\n      danger: [\"border-danger-border/50\", \"bg-danger text-danger-foreground\"],\n      default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n      ghost:\n        \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n      info: [\"border-info-border/50\", \"bg-info text-info-foreground\"],\n      link: \"text-primary underline-offset-4 hover:underline\",\n      outline:\n        \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n      secondary:\n        \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n      success: [\n        \"border-success-border/50\",\n        \"bg-success text-success-foreground\",\n      ],\n      warning: [\n        \"border-warning-border/50\",\n        \"bg-warning text-warning-foreground\",\n      ],\n    },\n  },\n});\n\nconst Badge = (incomingProps: BadgeProps) => {\n  const {\n    className,\n    size: providedSize,\n    variant = \"default\",\n    render,\n    ...props\n  } = useBadgeDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ size, variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      size,\n      slot: \"badge\",\n      variant,\n    },\n  });\n};\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAGA,MAAa,wBAAwB,kBACnC,yBAAqC,SAAS,EAAE,EAAE,cAAc;;;;ACSlE,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,QAAQ,CAAC,2BAA2B,mCAAmC;GACvE,SAAS;GACT,OACE;GACF,MAAM,CAAC,yBAAyB,+BAA+B;GAC/D,MAAM;GACN,SACE;GACF,WACE;GACF,SAAS,CACP,4BACA,qCACD;GACD,SAAS,CACP,4BACA,qCACD;GACF;EACF;CACF,CAAC;AAEF,MAAM,SAAS,kBAA8B;CAC3C,MAAM,EACJ,WACA,MAAM,cACN,UAAU,WACV,QACA,GAAG,UACD,qBAAqB,cAAc;CACvC,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,cAAc;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU,EAC3D,EACD,MACD;EACD;EACA,OAAO;GACL;GACA,MAAM;GACN;GACD;EACF,CAAC"}

package/dist/button-CPPkhcmB.d.ts

@@ -0,0 +1,59 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Button } from "@base-ui/react/button";
+
+//#region src/ui/button/button.d.ts
+declare const buttonVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    lg: string[];
+    md: string[];
+    sm: string[];
+    xl: string[];
+    xs: string[];
+  };
+}, undefined, "group/button", {
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, "cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    danger: string;
+    default: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
+}, undefined, "cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>>;
+type ButtonProps = ComponentProps<typeof Button> & VariantProps<typeof buttonVariants> & {
+  isLoading?: boolean;
+};
+declare const Button$1: (incomingProps: ButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ButtonProps as n, buttonVariants as r, Button$1 as t };
+//# sourceMappingURL=button-CPPkhcmB.d.ts.map

package/dist/button-CPPkhcmB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CPPkhcmB.d.ts","names":[],"sources":["../src/ui/button/button.tsx"],"mappings":";;;;;;;cAwBM,cAAA,qBAAc,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmClB,kBAAA,CAAA,YAAA;;;;;;;;;;KAEU,WAAA,GAAc,cAAA,QAAsB,MAAA,IAC9C,YAAA,QAAoB,cAAA;EAClB,SAAA;AAAA;AAAA,cAiDE,QAAA,GAAU,aAAA,EAAe,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/button-shared-variants-J4RVI3K7.js

@@ -0,0 +1,19 @@
+import { tv } from "tailwind-variants";
+
+//#region src/ui/button/button-shared-variants.ts
+const buttonSharedVariants = tv({
+	base: "cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		danger: "bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger-foreground/40 focus-visible:ring-danger-foreground/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger-foreground/40",
+		default: "bg-primary text-primary-foreground hover:bg-primary/90 [a]:hover:bg-primary/80",
+		ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline",
+		outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted",
+		secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground"
+	} }
+});
+
+//#endregion
+export { buttonSharedVariants as t };
+//# sourceMappingURL=button-shared-variants-J4RVI3K7.js.map

package/dist/button-shared-variants-J4RVI3K7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-shared-variants-J4RVI3K7.js","names":[],"sources":["../src/ui/button/button-shared-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nconst buttonSharedVariants = tv({\n  base: \"cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  defaultVariants: {\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      danger:\n        \"bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger-foreground/40 focus-visible:ring-danger-foreground/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger-foreground/40\",\n      default:\n        \"bg-primary text-primary-foreground hover:bg-primary/90 [a]:hover:bg-primary/80\",\n      ghost:\n        \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n      outline:\n        \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n    },\n  },\n});\n\nexport { buttonSharedVariants };\n"],"mappings":";;;AAEA,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,QACE;EACF,SACE;EACF,OACE;EACF,MAAM;EACN,SACE;EACF,WACE;EACH,EACF;CACF,CAAC"}

package/dist/{dialog-viewport-Ce1huyAI.d.ts → dialog-D3dAMsO_.d.ts}

@@ -5,6 +5,7 @@ import { Dialog } from "@base-ui/react/dialog";
 //#region src/ui/dialog/dialog-close.d.ts
 type DialogCloseProps = Dialog.Close.Props;
 declare const DialogClose: ({
+  className,
   ...props
 }: DialogCloseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -92,5 +93,66 @@ declare const DialogViewport: ({
   ...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
+//#region src/ui/dialog/dialog.d.ts
+interface DialogProps extends Dialog.Root.Props {
+  onOpenChange?: (open: boolean) => void;
+}
+declare const Dialog$1: {
+  ({
+    ...props
+  }: DialogProps): react_jsx_runtime0.JSX.Element;
+  Close: ({
+    className,
+    ...props
+  }: DialogCloseProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    children,
+    showCloseButton,
+    ...props
+  }: DialogContentProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: DialogBackdropProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: DialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    showCloseButton,
+    children,
+    ...props
+  }: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Overlay: ({
+    className,
+    ...props
+  }: DialogOverlayProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: DialogPortalProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    ...props
+  }: DialogPopupProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: DialogTitleProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
+    ...props
+  }: DialogViewportProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { DialogPopup as C, DialogCloseProps as E, DialogContentProps as S, DialogClose as T, DialogDescription as _, DialogTrigger as a, DialogBackdropProps as b, DialogTitleProps as c, DialogOverlay as d, DialogOverlayProps as f, DialogFooterProps as g, DialogFooter as h, DialogViewportProps as i, DialogPortal as l, DialogHeaderProps as m, DialogProps as n, DialogTriggerProps as o, DialogHeader as p, DialogViewport as r, DialogTitle as s, Dialog$1 as t, DialogPortalProps as u, DialogDescriptionProps as v, DialogPopupProps as w, DialogContent as x, DialogBackdrop as y };
+//# sourceMappingURL=dialog-D3dAMsO_.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-D3dAMsO_.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","../src/ui/dialog/dialog.tsx"],"mappings":";;;;;KAKY,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,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCM7C,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;;;KCjBT,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;;;UCCzD,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;;;KCApD,kBAAA,GAAqB,mBAAA;AAAA,cAE3B,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCHtD,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;;;UCUnD,WAAA,SAAoB,MAAA,CAAgB,IAAA,CAAK,KAAA;EACxD,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,QAAA;EAAA;IAAA;KAAwB,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{dialog-trigger-BUF3elAP.js → dialog-Dzvma_bu.js}

@@ -1,4 +1,5 @@
 import { Button } from "./ui/button.js";
+import { ActionIcon } from "./ui/action-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
 import { Cancel01Icon } from "@hugeicons/core-free-icons";
@@ -7,14 +8,15 @@ 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),
+	className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
 	"data-slot": "dialog-backdrop",
 	...props
 });
 
 //#endregion
 //#region src/ui/dialog/dialog-close.tsx
-const DialogClose = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
+const DialogClose = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
+	className: cn("cursor-clickable", className),
 	"data-slot": "dialog-close",
 	...props
 });
@@ -22,7 +24,7 @@ const DialogClose = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
 //#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),
+	className: cn("z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm ring-1 duration-100 outline-none sm:max-w-md", className),
 	"data-slot": "dialog-popup",
 	...props
 });
@@ -37,7 +39,7 @@ const DialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Portal, {
 //#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),
+	className: cn("z-overlay fixed inset-0 flex items-center justify-center p-4", className),
 	"data-slot": "dialog-viewport",
 	...props
 });
@@ -50,9 +52,9 @@ const DialogContent = ({ className, children, showCloseButton = true, ...props }
 	...props,
 	children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogClose, {
 		"data-slot": "dialog-close",
-		render: /* @__PURE__ */ jsx(Button, {
-			className: "absolute top-4 right-4",
-			size: "icon-sm",
+		render: /* @__PURE__ */ jsx(ActionIcon, {
+			className: "cursor-clickable absolute top-4 right-4",
+			size: "sm",
 			variant: "ghost"
 		}),
 		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
@@ -68,7 +70,7 @@ const DialogContent = ({ className, children, showCloseButton = true, ...props }
 //#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),
+	className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className),
 	"data-slot": "dialog-description",
 	...props
 });
@@ -80,7 +82,10 @@ const DialogFooter = ({ className, showCloseButton = false, children, ...props }
 	"data-slot": "dialog-footer",
 	...props,
 	children: [children, showCloseButton && /* @__PURE__ */ jsx(DialogClose, {
-		render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+		render: /* @__PURE__ */ jsx(Button, {
+			className: "cursor-clickable",
+			variant: "outline"
+		}),
 		children: "Close"
 	})]
 });
@@ -112,11 +117,30 @@ const DialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Titl
 //#endregion
 //#region src/ui/dialog/dialog-trigger.tsx
 const DialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", 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
+//#region src/ui/dialog/dialog.tsx
+const Dialog$1 = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
+	"data-slot": "dialog",
+	...props
+});
+Dialog$1.Close = DialogClose;
+Dialog$1.Content = DialogContent;
+Dialog$1.Backdrop = DialogBackdrop;
+Dialog$1.Description = DialogDescription;
+Dialog$1.Footer = DialogFooter;
+Dialog$1.Header = DialogHeader;
+Dialog$1.Overlay = DialogOverlay;
+Dialog$1.Portal = DialogPortal;
+Dialog$1.Popup = DialogPopup;
+Dialog$1.Title = DialogTitle;
+Dialog$1.Trigger = DialogTrigger;
+Dialog$1.Viewport = DialogViewport;
+
+//#endregion
+export { DialogHeader as a, DialogContent as c, DialogPopup as d, DialogClose as f, DialogOverlay as i, DialogViewport as l, DialogTrigger as n, DialogFooter as o, DialogBackdrop as p, DialogTitle as r, DialogDescription as s, Dialog$1 as t, DialogPortal as u };
+//# sourceMappingURL=dialog-Dzvma_bu.js.map

package/dist/dialog-Dzvma_bu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-Dzvma_bu.js","names":["DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","Dialog","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","../src/ui/dialog/dialog.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      \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"dialog-backdrop\"\n    {...props}\n  />\n);\n\nexport { DialogBackdrop };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogCloseProps = DialogPrimitive.Close.Props;\n\nconst DialogClose = ({ className, ...props }: DialogCloseProps) => (\n  <DialogPrimitive.Close\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"dialog-close\"\n    {...props}\n  />\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      \"z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm ring-1 duration-100 outline-none 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      \"z-overlay fixed inset-0 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 { ActionIcon } from \"../action-icon/action-icon\";\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport 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              <ActionIcon\n                className=\"cursor-clickable absolute top-4 right-4\"\n                size=\"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-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3\",\n      className\n    )}\n    data-slot=\"dialog-description\"\n    {...props}\n  />\n);\n\nexport { DialogDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\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\n        render={<Button className=\"cursor-clickable\" variant=\"outline\" />}\n      >\n        Close\n      </DialogClose>\n    )}\n  </div>\n);\n\nexport { DialogFooter };\n","import type { ComponentProps } from \"react\";\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 } from \"./dialog-backdrop\";\nimport 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-clickable\", className)}\n    data-slot=\"dialog-trigger\"\n    {...props}\n  />\n);\n\nexport { DialogTrigger };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogContent } from \"./dialog-content\";\nimport { DialogDescription } from \"./dialog-description\";\nimport { DialogFooter } from \"./dialog-footer\";\nimport { DialogHeader } from \"./dialog-header\";\nimport { DialogOverlay } from \"./dialog-overlay\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogTitle } from \"./dialog-title\";\nimport { DialogTrigger } from \"./dialog-trigger\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogProps extends DialogPrimitive.Root.Props {\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst Dialog = ({ ...props }: DialogProps) => (\n  <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n);\n\nDialog.Close = DialogClose;\nDialog.Content = DialogContent;\nDialog.Backdrop = DialogBackdrop;\nDialog.Description = DialogDescription;\nDialog.Footer = DialogFooter;\nDialog.Header = DialogHeader;\nDialog.Overlay = DialogOverlay;\nDialog.Portal = DialogPortal;\nDialog.Popup = DialogPopup;\nDialog.Title = DialogTitle;\nDialog.Trigger = DialogTrigger;\nDialog.Viewport = DialogViewport;\n\nexport type { DialogBackdropProps } from \"./dialog-backdrop\";\nexport type { DialogCloseProps } from \"./dialog-close\";\nexport type { DialogContentProps } from \"./dialog-content\";\nexport type { DialogDescriptionProps } from \"./dialog-description\";\nexport type { DialogFooterProps } from \"./dialog-footer\";\nexport type { DialogHeaderProps } from \"./dialog-header\";\nexport type { DialogOverlayProps } from \"./dialog-overlay\";\nexport type { DialogPortalProps } from \"./dialog-portal\";\nexport type { DialogPopupProps } from \"./dialog-popup\";\nexport type { DialogTitleProps } from \"./dialog-title\";\nexport type { DialogTriggerProps } from \"./dialog-trigger\";\nexport type { DialogViewportProps } from \"./dialog-viewport\";\n\nexport {\n  Dialog,\n  DialogBackdrop,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogPopup,\n  DialogTitle,\n  DialogTrigger,\n  DialogViewport,\n};\n"],"mappings":";;;;;;;;;AAOA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,OAAgB,UAAjB;CACE,WAAW,GACT,8LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GACT,0VACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,OAAgB,QAAjB;CAAwB,aAAU;CAAgB,GAAI;CAAS;;;;ACAjE,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,OAAgB,UAAjB;CACE,WAAW,GACT,gEACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACEJ,MAAM,iBAAiB,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,YAEH,qBAAC,cAAD,aACE,oBAAC,gBAAD,EAAkB,GAClB,oBAAC,gBAAD,YACE,qBAAC,aAAD;CAAwB;CAAW,aAAU;CAAiB,GAAI;WAAlE,CACG,UACA,mBACC,qBAAC,aAAD;EACE,aAAU;EACV,QACE,oBAAC,YAAD;GACE,WAAU;GACV,MAAK;GACL,SAAQ;GACR;YAPN,CAUE,oBAAC,eAAD;GAAe,MAAM;GAAc,aAAa;GAAK,GACrD,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,EAC1B;IAEJ;IACC,EACJ;;;;ACtCjB,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,OAAgB,aAAjB;CACE,WAAW,GACT,sGACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,gBAAgB,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,YAEH,qBAAC,OAAD;CACE,WAAW,GACT,4FACA,UACD;CACD,aAAU;CACV,GAAI;WANN,CAQG,UACA,mBACC,oBAAC,aAAD;EACE,QAAQ,oBAAC,QAAD;GAAQ,WAAU;GAAmB,SAAQ;GAAY;YAClE;EAEa,EAEZ;;;;;AC7BR,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CACE,WAAW,GAAG,uBAAuB,UAAU;CAC/C,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC,gBAAD;CAA2B;CAAW,aAAU;CAAiB,GAAI;CAAS;;;;ACDhF,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GAAG,oCAAoC,UAAU;CAC5D,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAgB,SAAjB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACSJ,MAAMC,YAAU,EAAE,GAAG,YACnB,oBAACC,OAAgB,MAAjB;CAAsB,aAAU;CAAS,GAAI;CAAS;AAGxD,SAAO,QAAQ;AACf,SAAO,UAAU;AACjB,SAAO,WAAW;AAClB,SAAO,cAAc;AACrB,SAAO,SAAS;AAChB,SAAO,SAAS;AAChB,SAAO,UAAU;AACjB,SAAO,SAAS;AAChB,SAAO,QAAQ;AACf,SAAO,QAAQ;AACf,SAAO,UAAU;AACjB,SAAO,WAAW"}