@causw/core 0.0.9 → 0.0.11

package/dist/components/CTAButton/CTAButton.d.cts

@@ -0,0 +1,18 @@
+import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import { CTAButtonVariants } from "./CTAButton.styles.cjs";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+
+//#region src/components/CTAButton/CTAButton.d.ts
+interface CTAButtonProps extends Omit<ComponentProps<'button'>, 'color'>, PrimitiveProps, CTAButtonVariants {}
+declare function CTAButton({
+  color,
+  fullWidth,
+  disabled,
+  className,
+  children,
+  ...props
+}: CTAButtonProps): react_jsx_runtime36.JSX.Element;
+//#endregion
+export { CTAButton, CTAButtonProps };
+//# sourceMappingURL=CTAButton.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.d.cts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"mappings":";;;;;;UAKiB,cAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,iBAAA;AAAA,iBAEY,SAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/CTAButton/CTAButton.d.mts

@@ -0,0 +1,19 @@
+import { PrimitiveProps } from "../Primitive/Primitive.mjs";
+import "../Primitive/index.mjs";
+import { CTAButtonVariants } from "./CTAButton.styles.mjs";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/CTAButton/CTAButton.d.ts
+interface CTAButtonProps extends Omit<ComponentProps<'button'>, 'color'>, PrimitiveProps, CTAButtonVariants {}
+declare function CTAButton({
+  color,
+  fullWidth,
+  disabled,
+  className,
+  children,
+  ...props
+}: CTAButtonProps): react_jsx_runtime17.JSX.Element;
+//#endregion
+export { CTAButton, CTAButtonProps };
+//# sourceMappingURL=CTAButton.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.d.mts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"mappings":";;;;;;;UAKiB,cAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,iBAAA;AAAA,iBAEY,SAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/CTAButton/CTAButton.mjs

@@ -0,0 +1,22 @@
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { ctaButton } from "./CTAButton.styles.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/CTAButton/CTAButton.tsx
+function CTAButton({ color = "light", fullWidth = false, disabled = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		disabled,
+		className: mergeStyles(ctaButton({
+			color,
+			fullWidth,
+			disabled
+		}), className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { CTAButton };
+//# sourceMappingURL=CTAButton.mjs.map

package/dist/components/CTAButton/CTAButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.mjs","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ctaButton, CTAButtonVariants } from './CTAButton.styles';\nimport { mergeStyles } from '../../utils';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nexport interface CTAButtonProps\n  extends\n    Omit<ComponentProps<'button'>, 'color'>,\n    PrimitiveProps,\n    CTAButtonVariants {}\n\nexport function CTAButton({\n  color = 'light',\n  fullWidth = false,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: CTAButtonProps) {\n  return (\n    <Primitive.button\n      disabled={disabled}\n      className={mergeStyles(\n        ctaButton({ color, fullWidth, disabled }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Primitive.button>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,UAAU,EACxB,QAAQ,SACR,YAAY,OACZ,WAAW,OACX,WACA,UACA,GAAG,SACc;AACjB,QACE,oBAAC,UAAU;EACC;EACV,WAAW,YACT,UAAU;GAAE;GAAO;GAAW;GAAU,CAAC,EACzC,UACD;EACD,GAAI;EAEH;GACgB"}

package/dist/components/CTAButton/CTAButton.styles.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/CTAButton/CTAButton.styles.ts
+const ctaButton = (0, tailwind_variants.tv)({
+	base: "inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors",
+	variants: {
+		color: {
+			blue: "bg-blue-100 text-blue-700 enabled:hover:bg-blue-200 enabled:active:bg-blue-200 enabled:data-[active]:bg-blue-200",
+			red: "bg-red-400 text-white enabled:hover:bg-red-500 enabled:active:bg-red-500 enabled:data-[active]:bg-red-500",
+			dark: "bg-gray-700 text-white enabled:hover:text-gray-300 enabled:hover:bg-gray-800 enabled:active:bg-gray-800 enabled:data-[active]:bg-gray-800",
+			light: "bg-gray-100 text-gray-500 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200",
+			white: "bg-white text-gray-500 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100"
+		},
+		fullWidth: {
+			true: "w-full",
+			false: "w-[18rem]"
+		},
+		disabled: {
+			true: "bg-gray-200 text-gray-300 cursor-not-allowed",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		color: "light",
+		fullWidth: false,
+		disabled: false
+	}
+});
+
+//#endregion
+exports.ctaButton = ctaButton;

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

@@ -0,0 +1,57 @@
+import * as tailwind_variants39 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/CTAButton/CTAButton.styles.d.ts
+declare const ctaButton: tailwind_variants39.TVReturnType<{
+  color: {
+    blue: string;
+    red: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors", {
+  color: {
+    blue: string;
+    red: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants39.TVReturnType<{
+  color: {
+    blue: string;
+    red: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors", unknown, unknown, undefined>>;
+type CTAButtonVariants = VariantProps<typeof ctaButton>;
+//#endregion
+export { CTAButtonVariants };
+//# sourceMappingURL=CTAButton.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.styles.d.cts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.styles.ts"],"mappings":";;;;cAEa,SAAA,EA0BX,mBAAA,CA1BoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0BpB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

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

@@ -0,0 +1,57 @@
+import * as tailwind_variants35 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/CTAButton/CTAButton.styles.d.ts
+declare const ctaButton: tailwind_variants35.TVReturnType<{
+  color: {
+    blue: string;
+    red: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors", {
+  color: {
+    blue: string;
+    red: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants35.TVReturnType<{
+  color: {
+    blue: string;
+    red: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  disabled: {
+    true: string;
+    false: string;
+  };
+}, undefined, "inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors", unknown, unknown, undefined>>;
+type CTAButtonVariants = VariantProps<typeof ctaButton>;
+//#endregion
+export { CTAButtonVariants };
+//# sourceMappingURL=CTAButton.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.styles.d.mts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.styles.ts"],"mappings":";;;;cAEa,SAAA,EA0BX,mBAAA,CA1BoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0BpB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

package/dist/components/CTAButton/CTAButton.styles.mjs

@@ -0,0 +1,32 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/CTAButton/CTAButton.styles.ts
+const ctaButton = tv({
+	base: "inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors",
+	variants: {
+		color: {
+			blue: "bg-blue-100 text-blue-700 enabled:hover:bg-blue-200 enabled:active:bg-blue-200 enabled:data-[active]:bg-blue-200",
+			red: "bg-red-400 text-white enabled:hover:bg-red-500 enabled:active:bg-red-500 enabled:data-[active]:bg-red-500",
+			dark: "bg-gray-700 text-white enabled:hover:text-gray-300 enabled:hover:bg-gray-800 enabled:active:bg-gray-800 enabled:data-[active]:bg-gray-800",
+			light: "bg-gray-100 text-gray-500 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200",
+			white: "bg-white text-gray-500 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100"
+		},
+		fullWidth: {
+			true: "w-full",
+			false: "w-[18rem]"
+		},
+		disabled: {
+			true: "bg-gray-200 text-gray-300 cursor-not-allowed",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		color: "light",
+		fullWidth: false,
+		disabled: false
+	}
+});
+
+//#endregion
+export { ctaButton };
+//# sourceMappingURL=CTAButton.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.styles.mjs","names":[],"sources":["../../../src/components/CTAButton/CTAButton.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const ctaButton = tv({\n  base: 'inline-flex items-center justify-center h-[3.375rem] p-[0.5rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors',\n  variants: {\n    color: {\n      blue: 'bg-blue-100 text-blue-700 enabled:hover:bg-blue-200 enabled:active:bg-blue-200 enabled:data-[active]:bg-blue-200',\n      red: 'bg-red-400 text-white enabled:hover:bg-red-500 enabled:active:bg-red-500 enabled:data-[active]:bg-red-500',\n      dark: 'bg-gray-700 text-white enabled:hover:text-gray-300 enabled:hover:bg-gray-800 enabled:active:bg-gray-800 enabled:data-[active]:bg-gray-800',\n      light:\n        'bg-gray-100 text-gray-500 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200',\n      white:\n        'bg-white text-gray-500 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100',\n    },\n    fullWidth: {\n      true: 'w-full',\n      false: 'w-[18rem]',\n    },\n    disabled: {\n      true: 'bg-gray-200 text-gray-300 cursor-not-allowed',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    color: 'light',\n    fullWidth: false,\n    disabled: false,\n  },\n});\n\nexport type CTAButtonVariants = VariantProps<typeof ctaButton>;\n"],"mappings":";;;AAEA,MAAa,YAAY,GAAG;CAC1B,MAAM;CACN,UAAU;EACR,OAAO;GACL,MAAM;GACN,KAAK;GACL,MAAM;GACN,OACE;GACF,OACE;GACH;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,OAAO;EACP,WAAW;EACX,UAAU;EACX;CACF,CAAC"}

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

@@ -0,0 +1 @@
+import { CTAButton, CTAButtonProps } from "./CTAButton.mjs";

package/dist/components/Checkbox/Checkbox.cjs

@@ -0,0 +1,83 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text = require('../Text/Text.cjs');
+const require_Checkbox_styles = require('./Checkbox.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Checkbox/Checkbox.tsx
+const CheckboxContext = react.default.createContext(null);
+const useCheckboxContext = () => {
+	const context = react.default.useContext(CheckboxContext);
+	if (!context) throw new Error("Checkbox 서브 컴포넌트는 <Checkbox> 컴포넌트 내부에서 사용해야 합니다. ex) <Checkbox><Checkbox.Indicator /></Checkbox>");
+	return context;
+};
+const CheckboxRoot = ({ checked: checkedProp, defaultChecked = false, onCheckedChange, disabled, children, className, ...props }) => {
+	const [internalChecked, setInternalChecked] = (0, react.useState)(defaultChecked);
+	const isChecked = checkedProp !== void 0 ? checkedProp : internalChecked;
+	const handleChange = () => {
+		if (disabled) return;
+		const newChecked = !isChecked;
+		if (checkedProp === void 0) setInternalChecked(newChecked);
+		onCheckedChange?.(newChecked);
+	};
+	const { root } = require_Checkbox_styles.checkbox({ disabled });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxContext.Provider, {
+		value: {
+			checked: isChecked,
+			disabled
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: root({ className }),
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "checkbox",
+				checked: isChecked,
+				onChange: handleChange,
+				disabled,
+				className: "sr-only"
+			}), children]
+		})
+	});
+};
+const CheckboxIndicator = () => {
+	const { checked } = useCheckboxContext();
+	const { indicator, indicatorIcon } = require_Checkbox_styles.checkbox({ checked });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: indicator(),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			viewBox: "0 0 14 14",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			className: indicatorIcon(),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M11.6666 3.5L5.24992 9.91667L2.33325 7",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})
+	});
+};
+const CheckboxLabel = ({ children, typography = "body-16-regular", textColor = "gray-600", className, ...props }) => {
+	const { disabled } = useCheckboxContext();
+	const { label } = require_Checkbox_styles.checkbox({ disabled });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		typography,
+		textColor,
+		className: label({ className }),
+		...props,
+		children
+	});
+};
+CheckboxRoot.displayName = "Checkbox";
+CheckboxIndicator.displayName = "Checkbox.Indicator";
+CheckboxLabel.displayName = "Checkbox.Label";
+const Checkbox = Object.assign(CheckboxRoot, {
+	Indicator: CheckboxIndicator,
+	Label: CheckboxLabel
+});
+
+//#endregion
+exports.Checkbox = Checkbox;

package/dist/components/Checkbox/Checkbox.d.cts

@@ -0,0 +1,44 @@
+import { TextVariants } from "../Text/Text.styles.cjs";
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { TextElement } from "../Text/Text.cjs";
+import { CheckboxVariants } from "./Checkbox.styles.cjs";
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Checkbox/Checkbox.d.ts
+interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  children?: React.ReactNode;
+}
+type CheckboxLabelProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextVariants>;
+declare const Checkbox: {
+  ({
+    checked: checkedProp,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    children,
+    className,
+    ...props
+  }: CheckboxRootProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+} & {
+  Indicator: {
+    (): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  Label: {
+    <E extends TextElement = "span">({
+      children,
+      typography,
+      textColor,
+      className,
+      ...props
+    }: CheckboxLabelProps<E>): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Checkbox, CheckboxLabelProps, CheckboxRootProps };
+//# sourceMappingURL=Checkbox.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.cts","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"mappings":";;;;;;;;UAyBiB,iBAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,gBAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAoEP,kBAAA,WAA6B,WAAA,aACvC,gBAAA,CAAiB,CAAA,EAAG,YAAA;AAAA,cA6BT,QAAA;EAAA;;;;;;;;KAvFV,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eA4Da,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMzC,kBAAA,CAAmB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,46 @@
+import { TextVariants } from "../Text/Text.styles.mjs";
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import { TextElement } from "../Text/Text.mjs";
+import "../Text/index.mjs";
+import "../../utils/index.mjs";
+import { CheckboxVariants } from "./Checkbox.styles.mjs";
+import React from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/Checkbox/Checkbox.d.ts
+interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  children?: React.ReactNode;
+}
+type CheckboxLabelProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextVariants>;
+declare const Checkbox: {
+  ({
+    checked: checkedProp,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    children,
+    className,
+    ...props
+  }: CheckboxRootProps): react_jsx_runtime7.JSX.Element;
+  displayName: string;
+} & {
+  Indicator: {
+    (): react_jsx_runtime7.JSX.Element;
+    displayName: string;
+  };
+  Label: {
+    <E extends TextElement = "span">({
+      children,
+      typography,
+      textColor,
+      className,
+      ...props
+    }: CheckboxLabelProps<E>): react_jsx_runtime7.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Checkbox, CheckboxLabelProps, CheckboxRootProps };
+//# sourceMappingURL=Checkbox.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.mts","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"mappings":";;;;;;;;;;UAyBiB,iBAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,gBAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAoEP,kBAAA,WAA6B,WAAA,aACvC,gBAAA,CAAiB,CAAA,EAAG,YAAA;AAAA,cA6BT,QAAA;EAAA;;;;;;;;KAvFV,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eA4Da,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMzC,kBAAA,CAAmB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Checkbox/Checkbox.mjs

@@ -0,0 +1,82 @@
+import { Text } from "../Text/Text.mjs";
+import { checkbox } from "./Checkbox.styles.mjs";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Checkbox/Checkbox.tsx
+const CheckboxContext = React.createContext(null);
+const useCheckboxContext = () => {
+	const context = React.useContext(CheckboxContext);
+	if (!context) throw new Error("Checkbox 서브 컴포넌트는 <Checkbox> 컴포넌트 내부에서 사용해야 합니다. ex) <Checkbox><Checkbox.Indicator /></Checkbox>");
+	return context;
+};
+const CheckboxRoot = ({ checked: checkedProp, defaultChecked = false, onCheckedChange, disabled, children, className, ...props }) => {
+	const [internalChecked, setInternalChecked] = useState(defaultChecked);
+	const isChecked = checkedProp !== void 0 ? checkedProp : internalChecked;
+	const handleChange = () => {
+		if (disabled) return;
+		const newChecked = !isChecked;
+		if (checkedProp === void 0) setInternalChecked(newChecked);
+		onCheckedChange?.(newChecked);
+	};
+	const { root } = checkbox({ disabled });
+	return /* @__PURE__ */ jsx(CheckboxContext.Provider, {
+		value: {
+			checked: isChecked,
+			disabled
+		},
+		children: /* @__PURE__ */ jsxs("label", {
+			className: root({ className }),
+			...props,
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				checked: isChecked,
+				onChange: handleChange,
+				disabled,
+				className: "sr-only"
+			}), children]
+		})
+	});
+};
+const CheckboxIndicator = () => {
+	const { checked } = useCheckboxContext();
+	const { indicator, indicatorIcon } = checkbox({ checked });
+	return /* @__PURE__ */ jsx("span", {
+		className: indicator(),
+		children: /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 14 14",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			className: indicatorIcon(),
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M11.6666 3.5L5.24992 9.91667L2.33325 7",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})
+	});
+};
+const CheckboxLabel = ({ children, typography = "body-16-regular", textColor = "gray-600", className, ...props }) => {
+	const { disabled } = useCheckboxContext();
+	const { label } = checkbox({ disabled });
+	return /* @__PURE__ */ jsx(Text, {
+		typography,
+		textColor,
+		className: label({ className }),
+		...props,
+		children
+	});
+};
+CheckboxRoot.displayName = "Checkbox";
+CheckboxIndicator.displayName = "Checkbox.Indicator";
+CheckboxLabel.displayName = "Checkbox.Label";
+const Checkbox = Object.assign(CheckboxRoot, {
+	Indicator: CheckboxIndicator,
+	Label: CheckboxLabel
+});
+
+//#endregion
+export { Checkbox };
+//# sourceMappingURL=Checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PolymorphicProps } from '../../utils';\nimport { Text, TextVariants } from '../Text';\nimport { TextElement } from '../Text/Text';\nimport { checkbox, CheckboxVariants } from './Checkbox.styles';\n\n// Checkbox Context\ninterface CheckboxContextValue {\n  checked: boolean;\n  disabled?: boolean;\n}\n\nconst CheckboxContext = React.createContext<CheckboxContextValue | null>(null);\n\nconst useCheckboxContext = () => {\n  const context = React.useContext(CheckboxContext);\n  if (!context) {\n    throw new Error(\n      'Checkbox 서브 컴포넌트는 <Checkbox> 컴포넌트 내부에서 사용해야 합니다. ex) <Checkbox><Checkbox.Indicator /></Checkbox>',\n    );\n  }\n  return context;\n};\n\n// Checkbox\nexport interface CheckboxRootProps\n  extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst CheckboxRoot = ({\n  checked: checkedProp,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled,\n  children,\n  className,\n  ...props\n}: CheckboxRootProps) => {\n  const [internalChecked, setInternalChecked] = useState(defaultChecked);\n  const isChecked = checkedProp !== undefined ? checkedProp : internalChecked;\n\n  const handleChange = () => {\n    if (disabled) return;\n    const newChecked = !isChecked;\n    if (checkedProp === undefined) {\n      setInternalChecked(newChecked);\n    }\n    onCheckedChange?.(newChecked);\n  };\n\n  const { root } = checkbox({ disabled });\n\n  return (\n    <CheckboxContext.Provider value={{ checked: isChecked, disabled }}>\n      <label className={root({ className })} {...props}>\n        <input\n          type=\"checkbox\"\n          checked={isChecked}\n          onChange={handleChange}\n          disabled={disabled}\n          className=\"sr-only\"\n        />\n        {children}\n      </label>\n    </CheckboxContext.Provider>\n  );\n};\n\n// Checkbox.Indicator\nconst CheckboxIndicator = () => {\n  const { checked } = useCheckboxContext();\n  const { indicator, indicatorIcon } = checkbox({ checked });\n\n  return (\n    <span className={indicator()}>\n      <svg\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={indicatorIcon()}\n      >\n        <path\n          d=\"M11.6666 3.5L5.24992 9.91667L2.33325 7\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </span>\n  );\n};\n\n// Checkbox.Label\nexport type CheckboxLabelProps<E extends TextElement = 'span'> =\n  PolymorphicProps<E, TextVariants>;\n\nconst CheckboxLabel = <E extends TextElement = 'span'>({\n  children,\n  typography = 'body-16-regular',\n  textColor = 'gray-600',\n  className,\n  ...props\n}: CheckboxLabelProps<E>) => {\n  const { disabled } = useCheckboxContext();\n  const { label } = checkbox({ disabled });\n\n  return (\n    <Text\n      typography={typography}\n      textColor={textColor}\n      className={label({ className })}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n};\n\n// Compound Component\nCheckboxRoot.displayName = 'Checkbox';\nCheckboxIndicator.displayName = 'Checkbox.Indicator';\nCheckboxLabel.displayName = 'Checkbox.Label';\n\nexport const Checkbox = Object.assign(CheckboxRoot, {\n  Indicator: CheckboxIndicator,\n  Label: CheckboxLabel,\n});\n"],"mappings":";;;;;;AAYA,MAAM,kBAAkB,MAAM,cAA2C,KAAK;AAE9E,MAAM,2BAA2B;CAC/B,MAAM,UAAU,MAAM,WAAW,gBAAgB;AACjD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,mGACD;AAEH,QAAO;;AAWT,MAAM,gBAAgB,EACpB,SAAS,aACT,iBAAiB,OACjB,iBACA,UACA,UACA,WACA,GAAG,YACoB;CACvB,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,eAAe;CACtE,MAAM,YAAY,gBAAgB,SAAY,cAAc;CAE5D,MAAM,qBAAqB;AACzB,MAAI,SAAU;EACd,MAAM,aAAa,CAAC;AACpB,MAAI,gBAAgB,OAClB,oBAAmB,WAAW;AAEhC,oBAAkB,WAAW;;CAG/B,MAAM,EAAE,SAAS,SAAS,EAAE,UAAU,CAAC;AAEvC,QACE,oBAAC,gBAAgB;EAAS,OAAO;GAAE,SAAS;GAAW;GAAU;YAC/D,qBAAC;GAAM,WAAW,KAAK,EAAE,WAAW,CAAC;GAAE,GAAI;cACzC,oBAAC;IACC,MAAK;IACL,SAAS;IACT,UAAU;IACA;IACV,WAAU;KACV,EACD;IACK;GACiB;;AAK/B,MAAM,0BAA0B;CAC9B,MAAM,EAAE,YAAY,oBAAoB;CACxC,MAAM,EAAE,WAAW,kBAAkB,SAAS,EAAE,SAAS,CAAC;AAE1D,QACE,oBAAC;EAAK,WAAW,WAAW;YAC1B,oBAAC;GACC,SAAQ;GACR,MAAK;GACL,OAAM;GACN,WAAW,eAAe;aAE1B,oBAAC;IACC,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;KACf;IACE;GACD;;AAQX,MAAM,iBAAiD,EACrD,UACA,aAAa,mBACb,YAAY,YACZ,WACA,GAAG,YACwB;CAC3B,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,EAAE,UAAU,SAAS,EAAE,UAAU,CAAC;AAExC,QACE,oBAAC;EACa;EACD;EACX,WAAW,MAAM,EAAE,WAAW,CAAC;EAC/B,GAAI;EAEH;GACI;;AAKX,aAAa,cAAc;AAC3B,kBAAkB,cAAc;AAChC,cAAc,cAAc;AAE5B,MAAa,WAAW,OAAO,OAAO,cAAc;CAClD,WAAW;CACX,OAAO;CACR,CAAC"}

package/dist/components/Checkbox/Checkbox.styles.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Checkbox/Checkbox.styles.ts
+const checkbox = (0, tailwind_variants.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
+exports.checkbox = checkbox;

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

@@ -0,0 +1,75 @@
+import * as tailwind_variants27 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Checkbox/Checkbox.styles.d.ts
+declare const checkbox: tailwind_variants27.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_variants27.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.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.d.cts","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"}