@causw/core 0.0.15 → 0.0.17

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

@@ -1,8 +1,11 @@
+import { CTAButton } from "../CTAButton/CTAButton.cjs";
+import "../CTAButton/index.cjs";
 import { Dialog } from "../Dialog/Dialog.cjs";
+import "../Dialog/index.cjs";
 import { ModalVariants } from "./Modal.styles.cjs";
-import * as react23 from "react";
+import * as react12 from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Modal/Modal.d.ts
@@ -11,18 +14,18 @@ type ModalContentProps = ComponentProps<typeof DialogPrimitive.Content>;
 interface ModalTitleProps extends ComponentProps<typeof DialogPrimitive.Title>, Pick<ModalVariants, 'textAlign'> {}
 interface ModalDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description>, Pick<ModalVariants, 'textAlign'> {}
 type ModalFooterProps = ComponentProps<'div'>;
-interface ModalActionProps extends ComponentProps<'button'>, Pick<ModalVariants, 'variant'> {}
+type ModalActionProps = ComponentProps<typeof CTAButton>;
 declare const Modal: {
-  (props: ComponentProps<typeof Dialog>): react_jsx_runtime46.JSX.Element;
+  (props: ComponentProps<typeof Dialog>): react_jsx_runtime38.JSX.Element;
   displayName: string;
 } & {
-  Trigger: react23.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react23.RefAttributes<HTMLButtonElement>>;
+  Trigger: react12.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react12.RefAttributes<HTMLButtonElement>>;
   Content: {
     ({
       className,
       children,
       ...props
-    }: ModalContentProps): react_jsx_runtime46.JSX.Element;
+    }: ModalContentProps): react_jsx_runtime38.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -30,7 +33,7 @@ declare const Modal: {
       className,
       textAlign,
       ...props
-    }: ModalTitleProps): react_jsx_runtime46.JSX.Element;
+    }: ModalTitleProps): react_jsx_runtime38.JSX.Element;
     displayName: string;
   };
   Description: {
@@ -38,7 +41,7 @@ declare const Modal: {
       className,
       textAlign,
       ...props
-    }: ModalDescriptionProps): react_jsx_runtime46.JSX.Element;
+    }: ModalDescriptionProps): react_jsx_runtime38.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -46,16 +49,12 @@ declare const Modal: {
       className,
       children,
       ...props
-    }: ModalFooterProps): react_jsx_runtime46.JSX.Element;
+    }: ModalFooterProps): react_jsx_runtime38.JSX.Element;
     displayName: string;
   };
-  Close: react23.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react23.RefAttributes<HTMLButtonElement>>;
+  Close: react12.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react12.RefAttributes<HTMLButtonElement>>;
   ActionButton: {
-    ({
-      className,
-      variant,
-      ...props
-    }: ModalActionProps): react_jsx_runtime46.JSX.Element;
+    (props: ModalActionProps): react_jsx_runtime38.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.cts","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"mappings":";;;;;;;;KAKY,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KAS1D,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAcrD,eAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,KAAA,GACtC,IAAA,CAAK,aAAA;AAAA,UAYQ,qBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,WAAA,GACtC,IAAA,CAAK,aAAA;AAAA,KAgBG,gBAAA,GAAmB,cAAA;AAAA,UAWd,gBAAA,SACP,cAAA,YAA0B,IAAA,CAAK,aAAA;AAAA,cAa5B,KAAA;EAAA,QALa,cAAA,QAAsB,MAAA,IAAO,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAnEE,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAiBlB,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAmBpE,qBAAA,GAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAYgC,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAYjB,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Modal.d.cts","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"mappings":";;;;;;;;;;;KAMY,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KAS1D,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAcrD,eAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,KAAA,GACtC,IAAA,CAAK,aAAA;AAAA,UAYQ,qBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,WAAA,GACtC,IAAA,CAAK,aAAA;AAAA,KAgBG,gBAAA,GAAmB,cAAA;AAAA,KAWnB,gBAAA,GAAmB,cAAA,QAAsB,SAAA;AAAA,cAYxC,KAAA;EAAA,QALa,cAAA,QAAsB,MAAA,IAAO,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAjEE,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAiBlB,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAmBpE,qBAAA,GAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAYgC,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;YAY5C,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,9 +1,11 @@
+import { CTAButton } from "../CTAButton/CTAButton.mjs";
+import "../CTAButton/index.mjs";
 import { Dialog } from "../Dialog/Dialog.mjs";
 import "../Dialog/index.mjs";
 import { ModalVariants } from "./Modal.styles.mjs";
 import * as react12 from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Modal/Modal.d.ts
@@ -12,9 +14,9 @@ type ModalContentProps = ComponentProps<typeof DialogPrimitive.Content>;
 interface ModalTitleProps extends ComponentProps<typeof DialogPrimitive.Title>, Pick<ModalVariants, 'textAlign'> {}
 interface ModalDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description>, Pick<ModalVariants, 'textAlign'> {}
 type ModalFooterProps = ComponentProps<'div'>;
-interface ModalActionProps extends ComponentProps<'button'>, Pick<ModalVariants, 'variant'> {}
+type ModalActionProps = ComponentProps<typeof CTAButton>;
 declare const Modal: {
-  (props: ComponentProps<typeof Dialog>): react_jsx_runtime51.JSX.Element;
+  (props: ComponentProps<typeof Dialog>): react_jsx_runtime45.JSX.Element;
   displayName: string;
 } & {
   Trigger: react12.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react12.RefAttributes<HTMLButtonElement>>;
@@ -23,7 +25,7 @@ declare const Modal: {
       className,
       children,
       ...props
-    }: ModalContentProps): react_jsx_runtime51.JSX.Element;
+    }: ModalContentProps): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -31,7 +33,7 @@ declare const Modal: {
       className,
       textAlign,
       ...props
-    }: ModalTitleProps): react_jsx_runtime51.JSX.Element;
+    }: ModalTitleProps): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   Description: {
@@ -39,7 +41,7 @@ declare const Modal: {
       className,
       textAlign,
       ...props
-    }: ModalDescriptionProps): react_jsx_runtime51.JSX.Element;
+    }: ModalDescriptionProps): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -47,16 +49,12 @@ declare const Modal: {
       className,
       children,
       ...props
-    }: ModalFooterProps): react_jsx_runtime51.JSX.Element;
+    }: ModalFooterProps): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   Close: react12.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react12.RefAttributes<HTMLButtonElement>>;
   ActionButton: {
-    ({
-      className,
-      variant,
-      ...props
-    }: ModalActionProps): react_jsx_runtime51.JSX.Element;
+    (props: ModalActionProps): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"mappings":";;;;;;;;;KAKY,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KAS1D,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAcrD,eAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,KAAA,GACtC,IAAA,CAAK,aAAA;AAAA,UAYQ,qBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,WAAA,GACtC,IAAA,CAAK,aAAA;AAAA,KAgBG,gBAAA,GAAmB,cAAA;AAAA,UAWd,gBAAA,SACP,cAAA,YAA0B,IAAA,CAAK,aAAA;AAAA,cAa5B,KAAA;EAAA,QALa,cAAA,QAAsB,MAAA,IAAO,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAnEE,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAiBlB,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAmBpE,qBAAA,GAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAYgC,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAYjB,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"mappings":";;;;;;;;;;;KAMY,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KAS1D,iBAAA,GAAoB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAcrD,eAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,KAAA,GACtC,IAAA,CAAK,aAAA;AAAA,UAYQ,qBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,WAAA,GACtC,IAAA,CAAK,aAAA;AAAA,KAgBG,gBAAA,GAAmB,cAAA;AAAA,KAWnB,gBAAA,GAAmB,cAAA,QAAsB,SAAA;AAAA,cAYxC,KAAA;EAAA,QALa,cAAA,QAAsB,MAAA,IAAO,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAjEE,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAiBlB,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAmBpE,qBAAA,GAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OAYgC,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;YAY5C,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Modal/Modal.mjs

@@ -1,3 +1,4 @@
+import { CTAButton } from "../CTAButton/CTAButton.mjs";
 import { Dialog } from "../Dialog/Dialog.mjs";
 import { modal } from "./Modal.styles.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -52,13 +53,9 @@ const ModalFooter = ({ className, children, ...props }) => {
 	});
 };
 ModalFooter.displayName = "ModalFooter";
-const ModalAction = ({ className, variant, ...props }) => {
-	const { actionButton } = modal();
-	return /* @__PURE__ */ jsx("button", {
-		className: actionButton({
-			className,
-			variant
-		}),
+const ModalAction = (props) => {
+	return /* @__PURE__ */ jsx(CTAButton, {
+		fullWidth: true,
 		...props
 	});
 };

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

@@ -1 +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"}
+{"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';\nimport { CTAButton } from '../CTAButton';\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 type ModalActionProps = ComponentProps<typeof CTAButton>;\n\nconst ModalAction = (props: ModalActionProps) => {\n  return <CTAButton fullWidth {...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":";;;;;;;AAOA,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,UAA4B;AAC/C,QAAO,oBAAC;EAAU;EAAU,GAAI;GAAS;;AAE3C,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

@@ -5,33 +5,25 @@ let tailwind_variants = require("tailwind-variants");
 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",
+		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-4 pt-8 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"
+		footer: "mt-8 gap-2 flex w-full items-start px-4"
 	},
-	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" }
+	variants: { textAlign: {
+		center: {
+			title: "text-center px-10",
+			description: "text-center px-10"
 		},
-		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"
-			}
+		left: {
+			title: "text-left px-8",
+			description: "text-left px-8"
+		},
+		right: {
+			title: "text-right",
+			description: "text-right"
 		}
-	},
+	} },
 	compoundVariants: [{
 		textAlign: "left",
 		title: "flex"
@@ -39,10 +31,7 @@ const modal = (0, tailwind_variants.tv)({
 		textAlign: "right",
 		title: "flex"
 	}],
-	defaultVariants: {
-		variant: "primary",
-		textAlign: "center"
-	}
+	defaultVariants: { textAlign: "center" }
 });
 
 //#endregion

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

@@ -1,19 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants21 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;
-    };
-  };
+declare const modal: tailwind_variants21.TVReturnType<{
   textAlign: {
     center: {
       title: string;
@@ -34,19 +23,7 @@ declare const modal: tailwind_variants25.TVReturnType<{
   title: string;
   description: string;
   footer: string;
-  actionButton: string;
 }, undefined, {
-  variant: {
-    primary: {
-      actionButton: string;
-    };
-    destructive: {
-      actionButton: string;
-    };
-    cancel: {
-      actionButton: string;
-    };
-  };
   textAlign: {
     center: {
       title: string;
@@ -67,19 +44,7 @@ declare const modal: tailwind_variants25.TVReturnType<{
   title: string;
   description: string;
   footer: string;
-  actionButton: string;
-}, tailwind_variants25.TVReturnType<{
-  variant: {
-    primary: {
-      actionButton: string;
-    };
-    destructive: {
-      actionButton: string;
-    };
-    cancel: {
-      actionButton: string;
-    };
-  };
+}, tailwind_variants21.TVReturnType<{
   textAlign: {
     center: {
       title: string;
@@ -100,7 +65,6 @@ declare const modal: tailwind_variants25.TVReturnType<{
   title: string;
   description: string;
   footer: string;
-  actionButton: string;
 }, undefined, unknown, unknown, undefined>>;
 type ModalVariants = VariantProps<typeof modal>;
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"Modal.styles.d.cts","names":[],"sources":["../../../src/components/Modal/Modal.styles.ts"],"mappings":";;;;cAEa,KAAA,EAuCX,mBAAA,CAvCgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuChB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA"}

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

@@ -3,17 +3,6 @@ import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Modal/Modal.styles.d.ts
 declare const modal: tailwind_variants27.TVReturnType<{
-  variant: {
-    primary: {
-      actionButton: string;
-    };
-    destructive: {
-      actionButton: string;
-    };
-    cancel: {
-      actionButton: string;
-    };
-  };
   textAlign: {
     center: {
       title: string;
@@ -34,19 +23,7 @@ declare const modal: tailwind_variants27.TVReturnType<{
   title: string;
   description: string;
   footer: string;
-  actionButton: string;
 }, undefined, {
-  variant: {
-    primary: {
-      actionButton: string;
-    };
-    destructive: {
-      actionButton: string;
-    };
-    cancel: {
-      actionButton: string;
-    };
-  };
   textAlign: {
     center: {
       title: string;
@@ -67,19 +44,7 @@ declare const modal: tailwind_variants27.TVReturnType<{
   title: string;
   description: string;
   footer: string;
-  actionButton: string;
 }, tailwind_variants27.TVReturnType<{
-  variant: {
-    primary: {
-      actionButton: string;
-    };
-    destructive: {
-      actionButton: string;
-    };
-    cancel: {
-      actionButton: string;
-    };
-  };
   textAlign: {
     center: {
       title: string;
@@ -100,7 +65,6 @@ declare const modal: tailwind_variants27.TVReturnType<{
   title: string;
   description: string;
   footer: string;
-  actionButton: string;
 }, undefined, unknown, unknown, undefined>>;
 type ModalVariants = VariantProps<typeof modal>;
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"Modal.styles.d.mts","names":[],"sources":["../../../src/components/Modal/Modal.styles.ts"],"mappings":";;;;cAEa,KAAA,EAuCX,mBAAA,CAvCgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuChB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,aAAA,GAAgB,YAAA,QAAoB,KAAA"}

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

@@ -4,33 +4,25 @@ import { tv } from "tailwind-variants";
 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",
+		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-4 pt-8 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"
+		footer: "mt-8 gap-2 flex w-full items-start px-4"
 	},
-	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" }
+	variants: { textAlign: {
+		center: {
+			title: "text-center px-10",
+			description: "text-center px-10"
 		},
-		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"
-			}
+		left: {
+			title: "text-left px-8",
+			description: "text-left px-8"
+		},
+		right: {
+			title: "text-right",
+			description: "text-right"
 		}
-	},
+	} },
 	compoundVariants: [{
 		textAlign: "left",
 		title: "flex"
@@ -38,10 +30,7 @@ const modal = tv({
 		textAlign: "right",
 		title: "flex"
 	}],
-	defaultVariants: {
-		variant: "primary",
-		textAlign: "center"
-	}
+	defaultVariants: { textAlign: "center" }
 });
 
 //#endregion

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

@@ -1 +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"}
+{"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-4 pt-8 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-8 gap-2 flex w-full items-start px-4',\n  },\n  variants: {\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    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;EACT;CACD,UAAU,EACR,WAAW;EACT,QAAQ;GACN,OAAO;GACP,aAAa;GACd;EACD,MAAM;GACJ,OAAO;GACP,aAAa;GACd;EACD,OAAO;GACL,OAAO;GACP,aAAa;GACd;EACF,EACF;CACD,kBAAkB,CAChB;EACE,WAAW;EACX,OAAO;EACR,EACD;EACE,WAAW;EACX,OAAO;EACR,CACF;CACD,iBAAiB,EACf,WAAW,UACZ;CACF,CAAC"}

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

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

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/components/Primitive/Primitive.d.ts
 interface PrimitiveProps {
@@ -12,63 +12,63 @@ interface PrimitiveProps {
 type PrimitivePropsWithRef<E extends React$1.ElementType> = React$1.ComponentProps<E> & PrimitiveProps;
 declare const Primitive: {
   div: {
-    (props: PrimitivePropsWithRef<"div">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"div">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   span: {
-    (props: PrimitivePropsWithRef<"span">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"span">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   img: {
-    (props: PrimitivePropsWithRef<"img">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"img">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   button: {
-    (props: PrimitivePropsWithRef<"button">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"button">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   label: {
-    (props: PrimitivePropsWithRef<"label">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"label">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   input: {
-    (props: PrimitivePropsWithRef<"input">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"input">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   textarea: {
-    (props: PrimitivePropsWithRef<"textarea">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"textarea">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   a: {
-    (props: PrimitivePropsWithRef<"a">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"a">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   p: {
-    (props: PrimitivePropsWithRef<"p">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"p">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   h2: {
-    (props: PrimitivePropsWithRef<"h2">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"h2">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   ul: {
-    (props: PrimitivePropsWithRef<"ul">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"ul">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   li: {
-    (props: PrimitivePropsWithRef<"li">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"li">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   svg: {
-    (props: PrimitivePropsWithRef<"svg">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"svg">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   circle: {
-    (props: PrimitivePropsWithRef<"circle">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"circle">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
   nav: {
-    (props: PrimitivePropsWithRef<"nav">): react_jsx_runtime52.JSX.Element;
+    (props: PrimitivePropsWithRef<"nav">): react_jsx_runtime45.JSX.Element;
     displayName: string;
   };
 };