@causw/core 0.0.9 → 0.0.11

package/dist/components/Modal/Modal.mjs

@@ -0,0 +1,80 @@
+import { Dialog } from "../Dialog/Dialog.mjs";
+import { modal } from "./Modal.styles.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/Modal/Modal.tsx
+const ModalOverlay = ({ className, ...props }) => {
+	const { overlay } = modal();
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: overlay({ className }),
+		...props
+	});
+};
+ModalOverlay.displayName = "ModalOverlay";
+const ModalContent = ({ className, children, ...props }) => {
+	const { content } = modal();
+	return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+		className: content({ className }),
+		...props,
+		children
+	})] });
+};
+ModalContent.displayName = "ModalContent";
+const ModalTitle = ({ className, textAlign, ...props }) => {
+	const { title } = modal();
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		className: title({
+			className,
+			textAlign
+		}),
+		...props
+	});
+};
+ModalTitle.displayName = "ModalTitle";
+const ModalDescription = ({ className, textAlign, ...props }) => {
+	const { description } = modal();
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		className: description({
+			className,
+			textAlign
+		}),
+		...props
+	});
+};
+ModalDescription.displayName = "ModalDescription";
+const ModalFooter = ({ className, children, ...props }) => {
+	const { footer } = modal();
+	return /* @__PURE__ */ jsx("div", {
+		className: footer({ className }),
+		...props,
+		children
+	});
+};
+ModalFooter.displayName = "ModalFooter";
+const ModalAction = ({ className, variant, ...props }) => {
+	const { actionButton } = modal();
+	return /* @__PURE__ */ jsx("button", {
+		className: actionButton({
+			className,
+			variant
+		}),
+		...props
+	});
+};
+ModalAction.displayName = "ModalAction";
+const ModalRoot = (props) => /* @__PURE__ */ jsx(Dialog, { ...props });
+ModalRoot.displayName = "Modal";
+const Modal = Object.assign(ModalRoot, {
+	Trigger: Dialog.Trigger,
+	Content: ModalContent,
+	Title: ModalTitle,
+	Description: ModalDescription,
+	Footer: ModalFooter,
+	Close: Dialog.Close,
+	ActionButton: ModalAction
+});
+
+//#endregion
+export { Modal };
+//# sourceMappingURL=Modal.mjs.map

package/dist/components/Modal/Modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { Dialog } from '../Dialog';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { modal, ModalVariants } from './Modal.styles';\n\nexport type ModalOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;\nconst ModalOverlay = ({ className, ...props }: ModalOverlayProps) => {\n  const { overlay } = modal();\n  return (\n    <DialogPrimitive.Overlay className={overlay({ className })} {...props} />\n  );\n};\nModalOverlay.displayName = 'ModalOverlay';\n\nexport type ModalContentProps = ComponentProps<typeof DialogPrimitive.Content>;\nconst ModalContent = ({ className, children, ...props }: ModalContentProps) => {\n  const { content } = modal();\n  return (\n    <DialogPrimitive.Portal>\n      <ModalOverlay />\n      <DialogPrimitive.Content className={content({ className })} {...props}>\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n};\nModalContent.displayName = 'ModalContent';\n\nexport interface ModalTitleProps\n  extends\n    ComponentProps<typeof DialogPrimitive.Title>,\n    Pick<ModalVariants, 'textAlign'> {}\nconst ModalTitle = ({ className, textAlign, ...props }: ModalTitleProps) => {\n  const { title } = modal();\n  return (\n    <DialogPrimitive.Title\n      className={title({ className, textAlign })}\n      {...props}\n    />\n  );\n};\nModalTitle.displayName = 'ModalTitle';\n\nexport interface ModalDescriptionProps\n  extends\n    ComponentProps<typeof DialogPrimitive.Description>,\n    Pick<ModalVariants, 'textAlign'> {}\nconst ModalDescription = ({\n  className,\n  textAlign,\n  ...props\n}: ModalDescriptionProps) => {\n  const { description } = modal();\n  return (\n    <DialogPrimitive.Description\n      className={description({ className, textAlign })}\n      {...props}\n    />\n  );\n};\nModalDescription.displayName = 'ModalDescription';\n\nexport type ModalFooterProps = ComponentProps<'div'>;\nconst ModalFooter = ({ className, children, ...props }: ModalFooterProps) => {\n  const { footer } = modal();\n  return (\n    <div className={footer({ className })} {...props}>\n      {children}\n    </div>\n  );\n};\nModalFooter.displayName = 'ModalFooter';\n\nexport interface ModalActionProps\n  extends ComponentProps<'button'>, Pick<ModalVariants, 'variant'> {}\nconst ModalAction = ({ className, variant, ...props }: ModalActionProps) => {\n  const { actionButton } = modal();\n  const classes = actionButton({ className, variant });\n  return <button className={classes} {...props} />;\n};\nModalAction.displayName = 'ModalAction';\n\nconst ModalRoot = (props: ComponentProps<typeof Dialog>) => (\n  <Dialog {...props} />\n);\nModalRoot.displayName = 'Modal';\n\nexport const Modal = Object.assign(ModalRoot, {\n  Trigger: Dialog.Trigger,\n  Content: ModalContent,\n  Title: ModalTitle,\n  Description: ModalDescription,\n  Footer: ModalFooter,\n  Close: Dialog.Close,\n  ActionButton: ModalAction,\n});\n"],"mappings":";;;;;;AAMA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;CACnE,MAAM,EAAE,YAAY,OAAO;AAC3B,QACE,oBAAC,gBAAgB;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;GAAS;;AAG7E,aAAa,cAAc;AAG3B,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,YAA+B;CAC7E,MAAM,EAAE,YAAY,OAAO;AAC3B,QACE,qBAAC,gBAAgB,qBACf,oBAAC,iBAAe,EAChB,oBAAC,gBAAgB;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;EAC7D;GACuB,IACH;;AAG7B,aAAa,cAAc;AAM3B,MAAM,cAAc,EAAE,WAAW,WAAW,GAAG,YAA6B;CAC1E,MAAM,EAAE,UAAU,OAAO;AACzB,QACE,oBAAC,gBAAgB;EACf,WAAW,MAAM;GAAE;GAAW;GAAW,CAAC;EAC1C,GAAI;GACJ;;AAGN,WAAW,cAAc;AAMzB,MAAM,oBAAoB,EACxB,WACA,WACA,GAAG,YACwB;CAC3B,MAAM,EAAE,gBAAgB,OAAO;AAC/B,QACE,oBAAC,gBAAgB;EACf,WAAW,YAAY;GAAE;GAAW;GAAW,CAAC;EAChD,GAAI;GACJ;;AAGN,iBAAiB,cAAc;AAG/B,MAAM,eAAe,EAAE,WAAW,UAAU,GAAG,YAA8B;CAC3E,MAAM,EAAE,WAAW,OAAO;AAC1B,QACE,oBAAC;EAAI,WAAW,OAAO,EAAE,WAAW,CAAC;EAAE,GAAI;EACxC;GACG;;AAGV,YAAY,cAAc;AAI1B,MAAM,eAAe,EAAE,WAAW,SAAS,GAAG,YAA8B;CAC1E,MAAM,EAAE,iBAAiB,OAAO;AAEhC,QAAO,oBAAC;EAAO,WADC,aAAa;GAAE;GAAW;GAAS,CAAC;EACjB,GAAI;GAAS;;AAElD,YAAY,cAAc;AAE1B,MAAM,aAAa,UACjB,oBAAC,UAAO,GAAI,QAAS;AAEvB,UAAU,cAAc;AAExB,MAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,SAAS,OAAO;CAChB,SAAS;CACT,OAAO;CACP,aAAa;CACb,QAAQ;CACR,OAAO,OAAO;CACd,cAAc;CACf,CAAC"}

package/dist/components/Modal/Modal.styles.cjs

@@ -0,0 +1,49 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Modal/Modal.styles.ts
+const modal = (0, tailwind_variants.tv)({
+	slots: {
+		overlay: "fixed inset-0 z-modal bg-black/50 backdrop-blur-sm data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+		content: "fixed left-[50%] top-[50%] z-modal flex w-[19.5rem] md:w-[26.25rem] translate-x-[-50%] translate-y-[-50%] flex-col items-center justify-center rounded-[1rem] bg-white pb-[0.75rem] pt-[1.875rem] shadow-lg data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out focus:outline-none",
+		title: "w-full typo-subtitle-18-bold text-gray-800",
+		description: "w-full mt-2 typo-body-16-regular text-gray-500",
+		footer: "mt-6 flex w-full items-start px-10",
+		actionButton: "flex flex-1 items-center justify-center py-3 px-10 rounded-md typo-subtitle-16-semibold transition-colors focus:outline-none"
+	},
+	variants: {
+		variant: {
+			primary: { actionButton: "text-blue-700 hover:bg-blue-50 active:bg-blue-100 data-[active]:bg-blue-100" },
+			destructive: { actionButton: "text-red-400 hover:bg-red-50 active:bg-red-100 data-[active]:bg-red-100" },
+			cancel: { actionButton: "text-gray-400 hover:bg-gray-50 active:bg-gray-100 data-[active]:bg-gray-100" }
+		},
+		textAlign: {
+			center: {
+				title: "text-center px-10",
+				description: "text-center px-10"
+			},
+			left: {
+				title: "text-left px-8",
+				description: "text-left px-8"
+			},
+			right: {
+				title: "text-right",
+				description: "text-right"
+			}
+		}
+	},
+	compoundVariants: [{
+		textAlign: "left",
+		title: "flex"
+	}, {
+		textAlign: "right",
+		title: "flex"
+	}],
+	defaultVariants: {
+		variant: "primary",
+		textAlign: "center"
+	}
+});
+
+//#endregion
+exports.modal = modal;

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

@@ -0,0 +1,108 @@
+import * as tailwind_variants19 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Modal/Modal.styles.d.ts
+declare const modal: tailwind_variants19.TVReturnType<{
+  variant: {
+    primary: {
+      actionButton: string;
+    };
+    destructive: {
+      actionButton: string;
+    };
+    cancel: {
+      actionButton: string;
+    };
+  };
+  textAlign: {
+    center: {
+      title: string;
+      description: string;
+    };
+    left: {
+      title: string;
+      description: string;
+    };
+    right: {
+      title: string;
+      description: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  footer: string;
+  actionButton: string;
+}, undefined, {
+  variant: {
+    primary: {
+      actionButton: string;
+    };
+    destructive: {
+      actionButton: string;
+    };
+    cancel: {
+      actionButton: string;
+    };
+  };
+  textAlign: {
+    center: {
+      title: string;
+      description: string;
+    };
+    left: {
+      title: string;
+      description: string;
+    };
+    right: {
+      title: string;
+      description: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  footer: string;
+  actionButton: string;
+}, tailwind_variants19.TVReturnType<{
+  variant: {
+    primary: {
+      actionButton: string;
+    };
+    destructive: {
+      actionButton: string;
+    };
+    cancel: {
+      actionButton: string;
+    };
+  };
+  textAlign: {
+    center: {
+      title: string;
+      description: string;
+    };
+    left: {
+      title: string;
+      description: string;
+    };
+    right: {
+      title: string;
+      description: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  footer: string;
+  actionButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type ModalVariants = VariantProps<typeof modal>;
+//#endregion
+export { ModalVariants };
+//# sourceMappingURL=Modal.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.d.cts","names":[],"sources":["../../../src/components/Modal/Modal.styles.ts"],"mappings":";;;;cAEa,KAAA,EAwDX,mBAAA,CAxDgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDhB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA"}

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

@@ -0,0 +1,108 @@
+import * as tailwind_variants25 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Modal/Modal.styles.d.ts
+declare const modal: tailwind_variants25.TVReturnType<{
+  variant: {
+    primary: {
+      actionButton: string;
+    };
+    destructive: {
+      actionButton: string;
+    };
+    cancel: {
+      actionButton: string;
+    };
+  };
+  textAlign: {
+    center: {
+      title: string;
+      description: string;
+    };
+    left: {
+      title: string;
+      description: string;
+    };
+    right: {
+      title: string;
+      description: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  footer: string;
+  actionButton: string;
+}, undefined, {
+  variant: {
+    primary: {
+      actionButton: string;
+    };
+    destructive: {
+      actionButton: string;
+    };
+    cancel: {
+      actionButton: string;
+    };
+  };
+  textAlign: {
+    center: {
+      title: string;
+      description: string;
+    };
+    left: {
+      title: string;
+      description: string;
+    };
+    right: {
+      title: string;
+      description: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  footer: string;
+  actionButton: string;
+}, tailwind_variants25.TVReturnType<{
+  variant: {
+    primary: {
+      actionButton: string;
+    };
+    destructive: {
+      actionButton: string;
+    };
+    cancel: {
+      actionButton: string;
+    };
+  };
+  textAlign: {
+    center: {
+      title: string;
+      description: string;
+    };
+    left: {
+      title: string;
+      description: string;
+    };
+    right: {
+      title: string;
+      description: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  title: string;
+  description: string;
+  footer: string;
+  actionButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type ModalVariants = VariantProps<typeof modal>;
+//#endregion
+export { ModalVariants };
+//# sourceMappingURL=Modal.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.d.mts","names":[],"sources":["../../../src/components/Modal/Modal.styles.ts"],"mappings":";;;;cAEa,KAAA,EAwDX,mBAAA,CAxDgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDhB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA"}

package/dist/components/Modal/Modal.styles.mjs

@@ -0,0 +1,49 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Modal/Modal.styles.ts
+const modal = tv({
+	slots: {
+		overlay: "fixed inset-0 z-modal bg-black/50 backdrop-blur-sm data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+		content: "fixed left-[50%] top-[50%] z-modal flex w-[19.5rem] md:w-[26.25rem] translate-x-[-50%] translate-y-[-50%] flex-col items-center justify-center rounded-[1rem] bg-white pb-[0.75rem] pt-[1.875rem] shadow-lg data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out focus:outline-none",
+		title: "w-full typo-subtitle-18-bold text-gray-800",
+		description: "w-full mt-2 typo-body-16-regular text-gray-500",
+		footer: "mt-6 flex w-full items-start px-10",
+		actionButton: "flex flex-1 items-center justify-center py-3 px-10 rounded-md typo-subtitle-16-semibold transition-colors focus:outline-none"
+	},
+	variants: {
+		variant: {
+			primary: { actionButton: "text-blue-700 hover:bg-blue-50 active:bg-blue-100 data-[active]:bg-blue-100" },
+			destructive: { actionButton: "text-red-400 hover:bg-red-50 active:bg-red-100 data-[active]:bg-red-100" },
+			cancel: { actionButton: "text-gray-400 hover:bg-gray-50 active:bg-gray-100 data-[active]:bg-gray-100" }
+		},
+		textAlign: {
+			center: {
+				title: "text-center px-10",
+				description: "text-center px-10"
+			},
+			left: {
+				title: "text-left px-8",
+				description: "text-left px-8"
+			},
+			right: {
+				title: "text-right",
+				description: "text-right"
+			}
+		}
+	},
+	compoundVariants: [{
+		textAlign: "left",
+		title: "flex"
+	}, {
+		textAlign: "right",
+		title: "flex"
+	}],
+	defaultVariants: {
+		variant: "primary",
+		textAlign: "center"
+	}
+});
+
+//#endregion
+export { modal };
+//# sourceMappingURL=Modal.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.mjs","names":[],"sources":["../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const modal = tv({\n  slots: {\n    overlay:\n      'fixed inset-0 z-modal bg-black/50 backdrop-blur-sm data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n    content:\n      'fixed left-[50%] top-[50%] z-modal flex w-[19.5rem] md:w-[26.25rem] translate-x-[-50%] translate-y-[-50%] flex-col items-center justify-center rounded-[1rem] bg-white pb-[0.75rem] pt-[1.875rem] shadow-lg data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out focus:outline-none',\n    title: 'w-full typo-subtitle-18-bold text-gray-800',\n    description: 'w-full mt-2 typo-body-16-regular text-gray-500',\n    footer: 'mt-6 flex w-full items-start px-10',\n    actionButton:\n      'flex flex-1 items-center justify-center py-3 px-10 rounded-md typo-subtitle-16-semibold transition-colors focus:outline-none',\n  },\n  variants: {\n    variant: {\n      primary: {\n        actionButton:\n          'text-blue-700 hover:bg-blue-50 active:bg-blue-100 data-[active]:bg-blue-100',\n      },\n      destructive: {\n        actionButton:\n          'text-red-400 hover:bg-red-50 active:bg-red-100 data-[active]:bg-red-100',\n      },\n      cancel: {\n        actionButton:\n          'text-gray-400 hover:bg-gray-50 active:bg-gray-100 data-[active]:bg-gray-100',\n      },\n    },\n    textAlign: {\n      center: {\n        title: 'text-center px-10',\n        description: 'text-center px-10',\n      },\n      left: {\n        title: 'text-left px-8',\n        description: 'text-left px-8',\n      },\n      right: {\n        title: 'text-right',\n        description: 'text-right',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      textAlign: 'left',\n      title: 'flex',\n    },\n    {\n      textAlign: 'right',\n      title: 'flex',\n    },\n  ],\n  defaultVariants: {\n    variant: 'primary',\n    textAlign: 'center',\n  },\n});\n\nexport type ModalVariants = VariantProps<typeof modal>;\n"],"mappings":";;;AAEA,MAAa,QAAQ,GAAG;CACtB,OAAO;EACL,SACE;EACF,SACE;EACF,OAAO;EACP,aAAa;EACb,QAAQ;EACR,cACE;EACH;CACD,UAAU;EACR,SAAS;GACP,SAAS,EACP,cACE,+EACH;GACD,aAAa,EACX,cACE,2EACH;GACD,QAAQ,EACN,cACE,+EACH;GACF;EACD,WAAW;GACT,QAAQ;IACN,OAAO;IACP,aAAa;IACd;GACD,MAAM;IACJ,OAAO;IACP,aAAa;IACd;GACD,OAAO;IACL,OAAO;IACP,aAAa;IACd;GACF;EACF;CACD,kBAAkB,CAChB;EACE,WAAW;EACX,OAAO;EACR,EACD;EACE,WAAW;EACX,OAAO;EACR,CACF;CACD,iBAAiB;EACf,SAAS;EACT,WAAW;EACZ;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { ModalVariants } from "./Modal.styles.mjs";
+import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./Modal.mjs";

package/dist/components/Primitive/Primitive.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+
+//#region src/components/Primitive/Primitive.tsx
+function createPrimitive(node) {
+	const Node = (props) => {
+		const { asChild, ...primitiveProps } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : node, { ...primitiveProps });
+	};
+	Node.displayName = `Primitive.${node}`;
+	return Node;
+}
+const Primitive = {
+	div: createPrimitive("div"),
+	span: createPrimitive("span"),
+	img: createPrimitive("img"),
+	button: createPrimitive("button"),
+	label: createPrimitive("label"),
+	input: createPrimitive("input"),
+	textarea: createPrimitive("textarea"),
+	a: createPrimitive("a"),
+	p: createPrimitive("p"),
+	h2: createPrimitive("h2"),
+	ul: createPrimitive("ul"),
+	li: createPrimitive("li"),
+	svg: createPrimitive("svg"),
+	circle: createPrimitive("circle"),
+	nav: createPrimitive("nav")
+};
+
+//#endregion
+exports.Primitive = Primitive;

package/dist/components/Primitive/Primitive.d.cts

@@ -0,0 +1,77 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/Primitive/Primitive.d.ts
+interface PrimitiveProps {
+  /**
+   * Whether the element should be rendered as a child of a slot.
+   * @default false
+   */
+  asChild?: boolean;
+}
+type PrimitivePropsWithRef<E extends React$1.ElementType> = React$1.ComponentProps<E> & PrimitiveProps;
+declare const Primitive: {
+  div: {
+    (props: PrimitivePropsWithRef<"div">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  span: {
+    (props: PrimitivePropsWithRef<"span">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  img: {
+    (props: PrimitivePropsWithRef<"img">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  button: {
+    (props: PrimitivePropsWithRef<"button">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  label: {
+    (props: PrimitivePropsWithRef<"label">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  input: {
+    (props: PrimitivePropsWithRef<"input">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  textarea: {
+    (props: PrimitivePropsWithRef<"textarea">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  a: {
+    (props: PrimitivePropsWithRef<"a">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  p: {
+    (props: PrimitivePropsWithRef<"p">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  h2: {
+    (props: PrimitivePropsWithRef<"h2">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  ul: {
+    (props: PrimitivePropsWithRef<"ul">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  li: {
+    (props: PrimitivePropsWithRef<"li">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  svg: {
+    (props: PrimitivePropsWithRef<"svg">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  circle: {
+    (props: PrimitivePropsWithRef<"circle">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+  nav: {
+    (props: PrimitivePropsWithRef<"nav">): react_jsx_runtime13.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Primitive, PrimitiveProps };
+//# sourceMappingURL=Primitive.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Primitive.d.cts","names":[],"sources":["../../../src/components/Primitive/Primitive.tsx"],"mappings":";;;;UAGiB,cAAA;;;AAAjB;;EAKE,OAAA;AAAA;AAAA,KAGG,qBAAA,WAAgC,OAAA,CAAM,WAAA,IACzC,OAAA,CAAM,cAAA,CAAe,CAAA,IAAK,cAAA;AAAA,cAef,SAAA"}

package/dist/components/Primitive/Primitive.d.mts

@@ -0,0 +1,77 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+
+//#region src/components/Primitive/Primitive.d.ts
+interface PrimitiveProps {
+  /**
+   * Whether the element should be rendered as a child of a slot.
+   * @default false
+   */
+  asChild?: boolean;
+}
+type PrimitivePropsWithRef<E extends React$1.ElementType> = React$1.ComponentProps<E> & PrimitiveProps;
+declare const Primitive: {
+  div: {
+    (props: PrimitivePropsWithRef<"div">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  span: {
+    (props: PrimitivePropsWithRef<"span">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  img: {
+    (props: PrimitivePropsWithRef<"img">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  button: {
+    (props: PrimitivePropsWithRef<"button">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  label: {
+    (props: PrimitivePropsWithRef<"label">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  input: {
+    (props: PrimitivePropsWithRef<"input">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  textarea: {
+    (props: PrimitivePropsWithRef<"textarea">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  a: {
+    (props: PrimitivePropsWithRef<"a">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  p: {
+    (props: PrimitivePropsWithRef<"p">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  h2: {
+    (props: PrimitivePropsWithRef<"h2">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  ul: {
+    (props: PrimitivePropsWithRef<"ul">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  li: {
+    (props: PrimitivePropsWithRef<"li">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  svg: {
+    (props: PrimitivePropsWithRef<"svg">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  circle: {
+    (props: PrimitivePropsWithRef<"circle">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+  nav: {
+    (props: PrimitivePropsWithRef<"nav">): react_jsx_runtime50.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Primitive, PrimitiveProps };
+//# sourceMappingURL=Primitive.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Primitive.d.mts","names":[],"sources":["../../../src/components/Primitive/Primitive.tsx"],"mappings":";;;;UAGiB,cAAA;;;AAAjB;;EAKE,OAAA;AAAA;AAAA,KAGG,qBAAA,WAAgC,OAAA,CAAM,WAAA,IACzC,OAAA,CAAM,cAAA,CAAe,CAAA,IAAK,cAAA;AAAA,cAef,SAAA"}

package/dist/components/Primitive/Primitive.mjs

@@ -0,0 +1,34 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region src/components/Primitive/Primitive.tsx
+function createPrimitive(node) {
+	const Node = (props) => {
+		const { asChild, ...primitiveProps } = props;
+		return /* @__PURE__ */ jsx(asChild ? Slot : node, { ...primitiveProps });
+	};
+	Node.displayName = `Primitive.${node}`;
+	return Node;
+}
+const Primitive = {
+	div: createPrimitive("div"),
+	span: createPrimitive("span"),
+	img: createPrimitive("img"),
+	button: createPrimitive("button"),
+	label: createPrimitive("label"),
+	input: createPrimitive("input"),
+	textarea: createPrimitive("textarea"),
+	a: createPrimitive("a"),
+	p: createPrimitive("p"),
+	h2: createPrimitive("h2"),
+	ul: createPrimitive("ul"),
+	li: createPrimitive("li"),
+	svg: createPrimitive("svg"),
+	circle: createPrimitive("circle"),
+	nav: createPrimitive("nav")
+};
+
+//#endregion
+export { Primitive };
+//# sourceMappingURL=Primitive.mjs.map

package/dist/components/Primitive/Primitive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Primitive.mjs","names":[],"sources":["../../../src/components/Primitive/Primitive.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\n\nexport interface PrimitiveProps {\n  /**\n   * Whether the element should be rendered as a child of a slot.\n   * @default false\n   */\n  asChild?: boolean;\n}\n\ntype PrimitivePropsWithRef<E extends React.ElementType> =\n  React.ComponentProps<E> & PrimitiveProps;\n\nfunction createPrimitive<E extends React.ElementType>(node: E) {\n  const Node = (props: PrimitivePropsWithRef<E>) => {\n    const { asChild, ...primitiveProps } = props;\n    const Comp = asChild ? Slot : node;\n\n    return <Comp {...primitiveProps} />;\n  };\n\n  Node.displayName = `Primitive.${node}`;\n\n  return Node satisfies React.FC<PrimitivePropsWithRef<E>>;\n}\n\nexport const Primitive = {\n  div: createPrimitive('div'),\n  span: createPrimitive('span'),\n  img: createPrimitive('img'),\n  button: createPrimitive('button'),\n  label: createPrimitive('label'),\n  input: createPrimitive('input'),\n  textarea: createPrimitive('textarea'),\n  a: createPrimitive('a'),\n  p: createPrimitive('p'),\n  h2: createPrimitive('h2'),\n  ul: createPrimitive('ul'),\n  li: createPrimitive('li'),\n  svg: createPrimitive('svg'),\n  circle: createPrimitive('circle'),\n  nav: createPrimitive('nav'),\n};\n"],"mappings":";;;;;AAcA,SAAS,gBAA6C,MAAS;CAC7D,MAAM,QAAQ,UAAoC;EAChD,MAAM,EAAE,SAAS,GAAG,mBAAmB;AAGvC,SAAO,oBAFM,UAAU,OAAO,QAEjB,GAAI,iBAAkB;;AAGrC,MAAK,cAAc,aAAa;AAEhC,QAAO;;AAGT,MAAa,YAAY;CACvB,KAAK,gBAAgB,MAAM;CAC3B,MAAM,gBAAgB,OAAO;CAC7B,KAAK,gBAAgB,MAAM;CAC3B,QAAQ,gBAAgB,SAAS;CACjC,OAAO,gBAAgB,QAAQ;CAC/B,OAAO,gBAAgB,QAAQ;CAC/B,UAAU,gBAAgB,WAAW;CACrC,GAAG,gBAAgB,IAAI;CACvB,GAAG,gBAAgB,IAAI;CACvB,IAAI,gBAAgB,KAAK;CACzB,IAAI,gBAAgB,KAAK;CACzB,IAAI,gBAAgB,KAAK;CACzB,KAAK,gBAAgB,MAAM;CAC3B,QAAQ,gBAAgB,SAAS;CACjC,KAAK,gBAAgB,MAAM;CAC5B"}

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

@@ -0,0 +1 @@
+import { Primitive, PrimitiveProps } from "./Primitive.mjs";