@causw/core 0.0.9 → 0.0.11

package/dist/components/Checkbox/Checkbox.styles.d.mts

@@ -0,0 +1,75 @@
+import * as tailwind_variants29 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Checkbox/Checkbox.styles.d.ts
+declare const checkbox: tailwind_variants29.TVReturnType<{
+  checked: {
+    true: {
+      indicator: string;
+      indicatorIcon: string;
+    };
+    false: {
+      indicator: string;
+      indicatorIcon: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  indicator: string;
+  indicatorIcon: string;
+  label: string;
+}, undefined, {
+  checked: {
+    true: {
+      indicator: string;
+      indicatorIcon: string;
+    };
+    false: {
+      indicator: string;
+      indicatorIcon: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  indicator: string;
+  indicatorIcon: string;
+  label: string;
+}, tailwind_variants29.TVReturnType<{
+  checked: {
+    true: {
+      indicator: string;
+      indicatorIcon: string;
+    };
+    false: {
+      indicator: string;
+      indicatorIcon: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  indicator: string;
+  indicatorIcon: string;
+  label: string;
+}, undefined, unknown, unknown, undefined>>;
+type CheckboxVariants = VariantProps<typeof checkbox>;
+//#endregion
+export { CheckboxVariants };
+//# sourceMappingURL=Checkbox.styles.d.mts.map

package/dist/components/Checkbox/Checkbox.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.d.mts","names":[],"sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"mappings":";;;;cAEa,QAAA,EA0BX,mBAAA,CA1BmB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BnB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,gBAAA,GAAmB,YAAA,QAAoB,QAAA"}

package/dist/components/Checkbox/Checkbox.styles.mjs

@@ -0,0 +1,31 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Checkbox/Checkbox.styles.ts
+const checkbox = tv({
+	slots: {
+		root: "inline-flex cursor-pointer items-center gap-2",
+		indicator: "flex aspect-square h-[18px] w-[18px] flex-shrink-0 items-center justify-center rounded border-2 transition-colors",
+		indicatorIcon: "h-2.5 w-2.5 transition-opacity duration-200",
+		label: ""
+	},
+	variants: {
+		checked: {
+			true: {
+				indicator: "border-gray-800 bg-gray-800",
+				indicatorIcon: "text-white opacity-100"
+			},
+			false: {
+				indicator: "border-gray-200 bg-white",
+				indicatorIcon: "opacity-0"
+			}
+		},
+		disabled: { true: {
+			root: "cursor-not-allowed opacity-50",
+			label: "text-gray-600"
+		} }
+	}
+});
+
+//#endregion
+export { checkbox };
+//# sourceMappingURL=Checkbox.styles.mjs.map

package/dist/components/Checkbox/Checkbox.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.mjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const checkbox = tv({\n  slots: {\n    root: 'inline-flex cursor-pointer items-center gap-2',\n    indicator:\n      'flex aspect-square h-[18px] w-[18px] flex-shrink-0 items-center justify-center rounded border-2 transition-colors',\n    indicatorIcon: 'h-2.5 w-2.5 transition-opacity duration-200',\n    label: '',\n  },\n  variants: {\n    checked: {\n      true: {\n        indicator: 'border-gray-800 bg-gray-800',\n        indicatorIcon: 'text-white opacity-100',\n      },\n      false: {\n        indicator: 'border-gray-200 bg-white',\n        indicatorIcon: 'opacity-0',\n      },\n    },\n    disabled: {\n      true: {\n        root: 'cursor-not-allowed opacity-50',\n        label: 'text-gray-600',\n      },\n    },\n  },\n});\n\nexport type CheckboxVariants = VariantProps<typeof checkbox>;\n"],"mappings":";;;AAEA,MAAa,WAAW,GAAG;CACzB,OAAO;EACL,MAAM;EACN,WACE;EACF,eAAe;EACf,OAAO;EACR;CACD,UAAU;EACR,SAAS;GACP,MAAM;IACJ,WAAW;IACX,eAAe;IAChB;GACD,OAAO;IACL,WAAW;IACX,eAAe;IAChB;GACF;EACD,UAAU,EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR,EACF;EACF;CACF,CAAC"}

package/dist/components/Checkbox/index.d.mts

@@ -0,0 +1 @@
+import { Checkbox, CheckboxLabelProps, CheckboxRootProps } from "./Checkbox.mjs";

package/dist/components/Chip/Chip.cjs

@@ -0,0 +1,29 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Primitive = require('../Primitive/Primitive.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Chip_styles = require('./Chip.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Chip/Chip.tsx
+const Chip = ({ size = "md", color = "white", disabled = false, children, onClick, className, ...props }) => {
+	const isClickable = !!onClick && !disabled;
+	const classes = require_mergeStyles.mergeStyles(require_Chip_styles.chip({
+		size,
+		color,
+		disabled
+	}), isClickable ? "cursor-pointer" : "cursor-default", className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.div, {
+		role: isClickable ? "button" : void 0,
+		tabIndex: isClickable && !disabled ? 0 : void 0,
+		className: classes,
+		onClick: disabled ? void 0 : onClick,
+		...props,
+		children
+	});
+};
+Chip.displayName = "Chip";
+
+//#endregion
+exports.Chip = Chip;

package/dist/components/Chip/Chip.d.cts

@@ -0,0 +1,22 @@
+import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import { ChipVariants } from "./Chip.styles.cjs";
+import * as React$1 from "react";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+
+//#region src/components/Chip/Chip.d.ts
+interface ChipProps extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'color'>, PrimitiveProps, ChipVariants {}
+declare const Chip: {
+  ({
+    size,
+    color,
+    disabled,
+    children,
+    onClick,
+    className,
+    ...props
+  }: ChipProps): react_jsx_runtime28.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Chip, ChipProps };
+//# sourceMappingURL=Chip.d.cts.map

package/dist/components/Chip/Chip.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.cts","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"mappings":";;;;;;UAKiB,SAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,mBACX,cAAA,EACA,YAAA;AAAA,cAES,IAAA;EAAA;;;;;;;;KAQV,SAAA,GAAS,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Chip/Chip.d.mts

@@ -0,0 +1,23 @@
+import { PrimitiveProps } from "../Primitive/Primitive.mjs";
+import "../Primitive/index.mjs";
+import { ChipVariants } from "./Chip.styles.mjs";
+import * as React$1 from "react";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+
+//#region src/components/Chip/Chip.d.ts
+interface ChipProps extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'color'>, PrimitiveProps, ChipVariants {}
+declare const Chip: {
+  ({
+    size,
+    color,
+    disabled,
+    children,
+    onClick,
+    className,
+    ...props
+  }: ChipProps): react_jsx_runtime36.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Chip, ChipProps };
+//# sourceMappingURL=Chip.d.mts.map

package/dist/components/Chip/Chip.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.mts","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"mappings":";;;;;;;UAKiB,SAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,mBACX,cAAA,EACA,YAAA;AAAA,cAES,IAAA;EAAA;;;;;;;;KAQV,SAAA,GAAS,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Chip/Chip.mjs

@@ -0,0 +1,28 @@
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { chip } from "./Chip.styles.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Chip/Chip.tsx
+const Chip = ({ size = "md", color = "white", disabled = false, children, onClick, className, ...props }) => {
+	const isClickable = !!onClick && !disabled;
+	const classes = mergeStyles(chip({
+		size,
+		color,
+		disabled
+	}), isClickable ? "cursor-pointer" : "cursor-default", className);
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		role: isClickable ? "button" : void 0,
+		tabIndex: isClickable && !disabled ? 0 : void 0,
+		className: classes,
+		onClick: disabled ? void 0 : onClick,
+		...props,
+		children
+	});
+};
+Chip.displayName = "Chip";
+
+//#endregion
+export { Chip };
+//# sourceMappingURL=Chip.mjs.map

package/dist/components/Chip/Chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.mjs","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeStyles } from '../../utils';\nimport { Primitive, PrimitiveProps } from '../Primitive';\nimport { chip, ChipVariants } from './Chip.styles';\n\nexport interface ChipProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>,\n    PrimitiveProps,\n    ChipVariants {}\n\nexport const Chip = ({\n  size = 'md',\n  color = 'white',\n  disabled = false,\n  children,\n  onClick,\n  className,\n  ...props\n}: ChipProps) => {\n  const isClickable = !!onClick && !disabled;\n\n  const classes = mergeStyles(\n    chip({ size, color, disabled }),\n    isClickable ? 'cursor-pointer' : 'cursor-default',\n    className,\n  );\n\n  return (\n    <Primitive.div\n      role={isClickable ? 'button' : undefined}\n      tabIndex={isClickable && !disabled ? 0 : undefined}\n      className={classes}\n      onClick={disabled ? undefined : onClick}\n      {...props}\n    >\n      {children}\n    </Primitive.div>\n  );\n};\n\nChip.displayName = 'Chip';\n"],"mappings":";;;;;;;AAWA,MAAa,QAAQ,EACnB,OAAO,MACP,QAAQ,SACR,WAAW,OACX,UACA,SACA,WACA,GAAG,YACY;CACf,MAAM,cAAc,CAAC,CAAC,WAAW,CAAC;CAElC,MAAM,UAAU,YACd,KAAK;EAAE;EAAM;EAAO;EAAU,CAAC,EAC/B,cAAc,mBAAmB,kBACjC,UACD;AAED,QACE,oBAAC,UAAU;EACT,MAAM,cAAc,WAAW;EAC/B,UAAU,eAAe,CAAC,WAAW,IAAI;EACzC,WAAW;EACX,SAAS,WAAW,SAAY;EAChC,GAAI;EAEH;GACa;;AAIpB,KAAK,cAAc"}

package/dist/components/Chip/Chip.styles.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Chip/Chip.styles.ts
+const chip = (0, tailwind_variants.tv)({
+	base: "inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2",
+	variants: {
+		color: {
+			white: "bg-white text-gray-700",
+			lightgray: "bg-[#F5F6F8] text-gray-500",
+			darkgray: "bg-[#364153] text-white"
+		},
+		size: {
+			sm: "px-2 py-1 typo-body-14-semibold",
+			md: "px-[0.875rem] py-[0.375rem] typo-body-16-medium"
+		},
+		disabled: {
+			true: "pointer-events-none",
+			false: "cursor-pointer"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		color: "white",
+		disabled: false
+	}
+});
+
+//#endregion
+exports.chip = chip;

package/dist/components/Chip/Chip.styles.d.cts

@@ -0,0 +1,51 @@
+import * as tailwind_variants5 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Chip/Chip.styles.d.ts
+declare const chip: tailwind_variants5.TVReturnType<{
+  color: {
+    white: string;
+    lightgray: string;
+    darkgray: string;
+  };
+  size: {
+    sm: string;
+    md: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2", {
+  color: {
+    white: string;
+    lightgray: string;
+    darkgray: string;
+  };
+  size: {
+    sm: string;
+    md: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants5.TVReturnType<{
+  color: {
+    white: string;
+    lightgray: string;
+    darkgray: string;
+  };
+  size: {
+    sm: string;
+    md: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2", unknown, unknown, undefined>>;
+type ChipVariants = VariantProps<typeof chip>;
+//#endregion
+export { ChipVariants };
+//# sourceMappingURL=Chip.styles.d.cts.map

package/dist/components/Chip/Chip.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.d.cts","names":[],"sources":["../../../src/components/Chip/Chip.styles.ts"],"mappings":";;;;cAEa,IAAA,EAsBX,kBAAA,CAtBe,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsBf,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,YAAA,GAAe,YAAA,QAAoB,IAAA"}

package/dist/components/Chip/Chip.styles.d.mts

@@ -0,0 +1,51 @@
+import * as tailwind_variants19 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Chip/Chip.styles.d.ts
+declare const chip: tailwind_variants19.TVReturnType<{
+  color: {
+    white: string;
+    lightgray: string;
+    darkgray: string;
+  };
+  size: {
+    sm: string;
+    md: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2", {
+  color: {
+    white: string;
+    lightgray: string;
+    darkgray: string;
+  };
+  size: {
+    sm: string;
+    md: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants19.TVReturnType<{
+  color: {
+    white: string;
+    lightgray: string;
+    darkgray: string;
+  };
+  size: {
+    sm: string;
+    md: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2", unknown, unknown, undefined>>;
+type ChipVariants = VariantProps<typeof chip>;
+//#endregion
+export { ChipVariants };
+//# sourceMappingURL=Chip.styles.d.mts.map

package/dist/components/Chip/Chip.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.d.mts","names":[],"sources":["../../../src/components/Chip/Chip.styles.ts"],"mappings":";;;;cAEa,IAAA,EAsBX,mBAAA,CAtBe,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsBf,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,YAAA,GAAe,YAAA,QAAoB,IAAA"}

package/dist/components/Chip/Chip.styles.mjs

@@ -0,0 +1,30 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Chip/Chip.styles.ts
+const chip = tv({
+	base: "inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2",
+	variants: {
+		color: {
+			white: "bg-white text-gray-700",
+			lightgray: "bg-[#F5F6F8] text-gray-500",
+			darkgray: "bg-[#364153] text-white"
+		},
+		size: {
+			sm: "px-2 py-1 typo-body-14-semibold",
+			md: "px-[0.875rem] py-[0.375rem] typo-body-16-medium"
+		},
+		disabled: {
+			true: "pointer-events-none",
+			false: "cursor-pointer"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		color: "white",
+		disabled: false
+	}
+});
+
+//#endregion
+export { chip };
+//# sourceMappingURL=Chip.styles.mjs.map

package/dist/components/Chip/Chip.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.mjs","names":[],"sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const chip = tv({\n  base: 'inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2',\n  variants: {\n    color: {\n      white: 'bg-white text-gray-700',\n      lightgray: 'bg-[#F5F6F8] text-gray-500',\n      darkgray: 'bg-[#364153] text-white',\n    },\n    size: {\n      sm: 'px-2 py-1 typo-body-14-semibold',\n      md: 'px-[0.875rem] py-[0.375rem] typo-body-16-medium',\n    },\n    disabled: {\n      true: 'pointer-events-none',\n      false: 'cursor-pointer',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'white',\n    disabled: false,\n  },\n});\n\nexport type ChipVariants = VariantProps<typeof chip>;\n"],"mappings":";;;AAEA,MAAa,OAAO,GAAG;CACrB,MAAM;CACN,UAAU;EACR,OAAO;GACL,OAAO;GACP,WAAW;GACX,UAAU;GACX;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,UAAU;EACX;CACF,CAAC"}

package/dist/components/Chip/index.d.mts

@@ -0,0 +1,2 @@
+import { ChipVariants } from "./Chip.styles.mjs";
+import { Chip, ChipProps } from "./Chip.mjs";

package/dist/components/Dialog/Dialog.cjs

@@ -0,0 +1,59 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Primitive = require('../Primitive/Primitive.cjs');
+const require_splitter = require('../../utils/splitter/splitter.cjs');
+const require_Dialog_styles = require('./Dialog.styles.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_rolldown_runtime.__toESM(_radix_ui_react_dialog);
+
+//#region src/components/Dialog/Dialog.tsx
+const DialogRoot = _radix_ui_react_dialog.Root;
+const DialogTrigger = _radix_ui_react_dialog.Trigger;
+const DialogPortal = _radix_ui_react_dialog.Portal;
+const DialogClose = _radix_ui_react_dialog.Close;
+const DialogOverlay = ({ className, ...props }) => {
+	const { overlay } = require_Dialog_styles.dialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, {
+		className: overlay({ className }),
+		...props
+	});
+};
+DialogOverlay.displayName = _radix_ui_react_dialog.Overlay.displayName;
+const DialogContent = ({ className, children, ...props }) => {
+	const [sizeProps, restProps] = require_splitter.splitVariantProps(props, require_Dialog_styles.DialogSizeKeys);
+	const sizeStyles = require_Dialog_styles.dialogSizeStyles(sizeProps);
+	const { content } = require_Dialog_styles.dialog({ fullscreen: sizeProps.fullscreen });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Content, {
+		className: content({ className }),
+		style: {
+			...sizeStyles,
+			...props.style
+		},
+		...restProps,
+		children
+	})] });
+};
+DialogContent.displayName = _radix_ui_react_dialog.Content.displayName;
+const DialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, { ...props });
+};
+DialogTitle.displayName = _radix_ui_react_dialog.Title.displayName;
+const DialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, { ...props });
+};
+DialogDescription.displayName = _radix_ui_react_dialog.Description.displayName;
+const DialogFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.div, { ...props });
+};
+DialogFooter.displayName = "DialogFooter";
+const Dialog = Object.assign(DialogRoot, {
+	Trigger: DialogTrigger,
+	Content: DialogContent,
+	Title: DialogTitle,
+	Description: DialogDescription,
+	Footer: DialogFooter,
+	Close: DialogClose
+});
+
+//#endregion
+exports.Dialog = Dialog;

package/dist/components/Dialog/Dialog.d.cts

@@ -0,0 +1,57 @@
+import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import { DialogSizeOptions, DialogVariants } from "./Dialog.styles.cjs";
+import * as react1 from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/Dialog/Dialog.d.ts
+declare const DialogRoot: react1.FC<DialogPrimitive.DialogProps>;
+type DialogProps = ComponentProps<typeof DialogRoot>;
+declare const DialogTrigger: react1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react1.RefAttributes<HTMLButtonElement>>;
+type DialogTriggerProps = ComponentProps<typeof DialogTrigger>;
+declare const DialogPortal: react1.FC<DialogPrimitive.DialogPortalProps>;
+type DialogPortalProps = ComponentProps<typeof DialogPortal>;
+declare const DialogClose: react1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react1.RefAttributes<HTMLButtonElement>>;
+type DialogCloseProps = ComponentProps<typeof DialogClose>;
+type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
+interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content>, DialogSizeOptions, DialogVariants {}
+type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+type DialogFooterProps = ComponentProps<'div'> & PrimitiveProps;
+declare const Dialog: react1.FC<DialogPrimitive.DialogProps> & {
+  Trigger: react1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react1.RefAttributes<HTMLButtonElement>>;
+  Content: {
+    ({
+      className,
+      children,
+      ...props
+    }: DialogContentProps): react_jsx_runtime52.JSX.Element;
+    displayName: string | undefined;
+  };
+  Title: {
+    ({
+      className,
+      ...props
+    }: DialogTitleProps): react_jsx_runtime52.JSX.Element;
+    displayName: string | undefined;
+  };
+  Description: {
+    ({
+      className,
+      ...props
+    }: DialogDescriptionProps): react_jsx_runtime52.JSX.Element;
+    displayName: string | undefined;
+  };
+  Footer: {
+    ({
+      className,
+      ...props
+    }: DialogFooterProps): react_jsx_runtime52.JSX.Element;
+    displayName: string;
+  };
+  Close: react1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react1.RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps };
+//# sourceMappingURL=Dialog.d.cts.map

package/dist/components/Dialog/Dialog.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.cts","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"mappings":";;;;;;;;cAYM,UAAA,EAAU,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;AAAA,KACJ,WAAA,GAAc,cAAA,QAAsB,UAAA;AAAA,cAE1C,aAAA,EAAa,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,kBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACP,kBAAA,GAAqB,cAAA,QAAsB,aAAA;AAAA,cAEjD,YAAA,EAAY,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,iBAAA;AAAA,KACN,iBAAA,GAAoB,cAAA,QAAsB,YAAA;AAAA,cAEhD,WAAA,EAAW,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,gBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACL,gBAAA,GAAmB,cAAA,QAAsB,WAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAWtD,kBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,OAAA,GACtC,iBAAA,EACA,cAAA;AAAA,KA0BQ,gBAAA,GAAmB,cAAA,QAAsB,eAAA,CAAgB,KAAA;AAAA,KAOzD,sBAAA,GAAyB,cAAA,QAC5B,eAAA,CAAgB,WAAA;AAAA,KAQb,iBAAA,GAAoB,cAAA,UAAwB,cAAA;AAAA,cAO3C,MAAA,EAAM,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;OA3ChB,kBAAA,GAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAsByB,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OASV,sBAAA,GAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAO3B,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Dialog/Dialog.d.mts

@@ -0,0 +1,58 @@
+import { PrimitiveProps } from "../Primitive/Primitive.mjs";
+import "../Primitive/index.mjs";
+import { DialogSizeOptions, DialogVariants } from "./Dialog.styles.mjs";
+import * as react0 from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/Dialog/Dialog.d.ts
+declare const DialogRoot: react0.FC<DialogPrimitive.DialogProps>;
+type DialogProps = ComponentProps<typeof DialogRoot>;
+declare const DialogTrigger: react0.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+type DialogTriggerProps = ComponentProps<typeof DialogTrigger>;
+declare const DialogPortal: react0.FC<DialogPrimitive.DialogPortalProps>;
+type DialogPortalProps = ComponentProps<typeof DialogPortal>;
+declare const DialogClose: react0.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react0.RefAttributes<HTMLButtonElement>>;
+type DialogCloseProps = ComponentProps<typeof DialogClose>;
+type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
+interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content>, DialogSizeOptions, DialogVariants {}
+type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+type DialogFooterProps = ComponentProps<'div'> & PrimitiveProps;
+declare const Dialog: react0.FC<DialogPrimitive.DialogProps> & {
+  Trigger: react0.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+  Content: {
+    ({
+      className,
+      children,
+      ...props
+    }: DialogContentProps): react_jsx_runtime29.JSX.Element;
+    displayName: string | undefined;
+  };
+  Title: {
+    ({
+      className,
+      ...props
+    }: DialogTitleProps): react_jsx_runtime29.JSX.Element;
+    displayName: string | undefined;
+  };
+  Description: {
+    ({
+      className,
+      ...props
+    }: DialogDescriptionProps): react_jsx_runtime29.JSX.Element;
+    displayName: string | undefined;
+  };
+  Footer: {
+    ({
+      className,
+      ...props
+    }: DialogFooterProps): react_jsx_runtime29.JSX.Element;
+    displayName: string;
+  };
+  Close: react0.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react0.RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps };
+//# sourceMappingURL=Dialog.d.mts.map

package/dist/components/Dialog/Dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.mts","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"mappings":";;;;;;;;;cAYM,UAAA,EAAU,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;AAAA,KACJ,WAAA,GAAc,cAAA,QAAsB,UAAA;AAAA,cAE1C,aAAA,EAAa,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,kBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACP,kBAAA,GAAqB,cAAA,QAAsB,aAAA;AAAA,cAEjD,YAAA,EAAY,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,iBAAA;AAAA,KACN,iBAAA,GAAoB,cAAA,QAAsB,YAAA;AAAA,cAEhD,WAAA,EAAW,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,gBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACL,gBAAA,GAAmB,cAAA,QAAsB,WAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAWtD,kBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,OAAA,GACtC,iBAAA,EACA,cAAA;AAAA,KA0BQ,gBAAA,GAAmB,cAAA,QAAsB,eAAA,CAAgB,KAAA;AAAA,KAOzD,sBAAA,GAAyB,cAAA,QAC5B,eAAA,CAAgB,WAAA;AAAA,KAQb,iBAAA,GAAoB,cAAA,UAAwB,cAAA;AAAA,cAO3C,MAAA,EAAM,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;OA3ChB,kBAAA,GAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAsByB,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OASV,sBAAA,GAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAO3B,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Dialog/Dialog.mjs

@@ -0,0 +1,58 @@
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { splitVariantProps } from "../../utils/splitter/splitter.mjs";
+import { DialogSizeKeys, dialog, dialogSizeStyles } from "./Dialog.styles.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/Dialog/Dialog.tsx
+const DialogRoot = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = ({ className, ...props }) => {
+	const { overlay } = dialog();
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: overlay({ className }),
+		...props
+	});
+};
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = ({ className, children, ...props }) => {
+	const [sizeProps, restProps] = splitVariantProps(props, DialogSizeKeys);
+	const sizeStyles = dialogSizeStyles(sizeProps);
+	const { content } = dialog({ fullscreen: sizeProps.fullscreen });
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+		className: content({ className }),
+		style: {
+			...sizeStyles,
+			...props.style
+		},
+		...restProps,
+		children
+	})] });
+};
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...props });
+};
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...props });
+};
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+const DialogFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Primitive.div, { ...props });
+};
+DialogFooter.displayName = "DialogFooter";
+const Dialog = Object.assign(DialogRoot, {
+	Trigger: DialogTrigger,
+	Content: DialogContent,
+	Title: DialogTitle,
+	Description: DialogDescription,
+	Footer: DialogFooter,
+	Close: DialogClose
+});
+
+//#endregion
+export { Dialog };
+//# sourceMappingURL=Dialog.mjs.map