@causw/core 0.0.9 → 0.0.11

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

@@ -0,0 +1,36 @@
+import * as tailwind_variants23 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Toast/Toast.styles.d.ts
+declare const toast: tailwind_variants23.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  viewport: string[];
+}, undefined, {
+  variant: {
+    default: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  viewport: string[];
+}, tailwind_variants23.TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  viewport: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToastVariants = VariantProps<typeof toast>;
+//#endregion
+export { ToastVariants };
+//# sourceMappingURL=Toast.styles.d.mts.map

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

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

package/dist/components/Toast/Toast.styles.mjs

@@ -0,0 +1,20 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Toast/Toast.styles.ts
+const toast = tv({
+	slots: {
+		root: [
+			"group pointer-events-auto relative flex items-center justify-center overflow-hidden text-center transition-all",
+			"data-[state=open]:animate-toast-slide-in",
+			"data-[state=closed]:animate-toast-hide",
+			"w-[20rem] md:w-[26.25rem] lg:w-[20rem] max-w-[calc(100vw-2rem)] rounded-md px-4 py-3"
+		],
+		viewport: ["fixed bottom-20.5 left-1/2 z-toast flex max-h-screen w-full -translate-x-1/2 flex-col-reverse items-center xl:bottom-14"]
+	},
+	variants: { variant: { default: { root: "bg-gray-700" } } },
+	defaultVariants: { variant: "default" }
+});
+
+//#endregion
+export { toast };
+//# sourceMappingURL=Toast.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.mjs","names":[],"sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const toast = tv({\n  slots: {\n    root: [\n      'group pointer-events-auto relative flex items-center justify-center overflow-hidden text-center transition-all',\n      'data-[state=open]:animate-toast-slide-in',\n      'data-[state=closed]:animate-toast-hide',\n      'w-[20rem] md:w-[26.25rem] lg:w-[20rem] max-w-[calc(100vw-2rem)] rounded-md px-4 py-3',\n    ],\n    viewport: [\n      'fixed bottom-20.5 left-1/2 z-toast flex max-h-screen w-full -translate-x-1/2 flex-col-reverse items-center xl:bottom-14',\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        root: 'bg-gray-700',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type ToastVariants = VariantProps<typeof toast>;\n"],"mappings":";;;AAEA,MAAa,QAAQ,GAAG;CACtB,OAAO;EACL,MAAM;GACJ;GACA;GACA;GACA;GACD;EACD,UAAU,CACR,0HACD;EACF;CACD,UAAU,EACR,SAAS,EACP,SAAS,EACP,MAAM,eACP,EACF,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { ToastVariants } from "./Toast.styles.mjs";
+import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./Toast.mjs";

package/dist/components/Toggle/Toggle.cjs

@@ -0,0 +1,71 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text = require('../Text/Text.cjs');
+const require_Toggle_styles = require('./Toggle.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Toggle/Toggle.tsx
+const ToggleContext = react.default.createContext(null);
+const useToggleContext = () => {
+	const context = react.default.useContext(ToggleContext);
+	if (!context) throw new Error("Toggle 서브 컴포넌트는 <Toggle> 컴포넌트 내부에서 사용해야 합니다. ex) <Toggle><Toggle.Switch /></Toggle>");
+	return context;
+};
+const ToggleRoot = ({ 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_Toggle_styles.toggle({ disabled });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleContext.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 ToggleSwitch = () => {
+	const { checked } = useToggleContext();
+	const { switch: switchStyle, switchThumb } = require_Toggle_styles.toggle({ checked });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: switchStyle(),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: switchThumb() })
+	});
+};
+const ToggleLabel = ({ children, typography = "body-16-medium", textColor = "gray-700", className, ...props }) => {
+	const { disabled } = useToggleContext();
+	const { label } = require_Toggle_styles.toggle({ disabled });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		typography,
+		textColor,
+		className: label({ className }),
+		...props,
+		children
+	});
+};
+ToggleRoot.displayName = "Toggle";
+ToggleSwitch.displayName = "Toggle.Switch";
+ToggleLabel.displayName = "Toggle.Label";
+const Toggle = Object.assign(ToggleRoot, {
+	Switch: ToggleSwitch,
+	Label: ToggleLabel
+});
+
+//#endregion
+exports.Toggle = Toggle;

package/dist/components/Toggle/Toggle.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 { ToggleVariants } from "./Toggle.styles.cjs";
+import React from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/Toggle/Toggle.d.ts
+interface ToggleRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, ToggleVariants {
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  children?: React.ReactNode;
+}
+type ToggleLabelProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextVariants>;
+declare const Toggle: {
+  ({
+    checked: checkedProp,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    children,
+    className,
+    ...props
+  }: ToggleRootProps): react_jsx_runtime8.JSX.Element;
+  displayName: string;
+} & {
+  Switch: {
+    (): react_jsx_runtime8.JSX.Element;
+    displayName: string;
+  };
+  Label: {
+    <E extends TextElement = "span">({
+      children,
+      typography,
+      textColor,
+      className,
+      ...props
+    }: ToggleLabelProps<E>): react_jsx_runtime8.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Toggle, ToggleLabelProps, ToggleRootProps };
+//# sourceMappingURL=Toggle.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.cts","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"mappings":";;;;;;;;UAyBiB,eAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,cAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAwDP,gBAAA,WAA2B,WAAA,aAAwB,gBAAA,CAC7D,CAAA,EACA,YAAA;AAAA,cA8BW,MAAA;EAAA;;;;;;;;KA7EV,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eAkDa,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMvC,gBAAA,CAAiB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toggle/Toggle.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 { ToggleVariants } from "./Toggle.styles.mjs";
+import React from "react";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/Toggle/Toggle.d.ts
+interface ToggleRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, ToggleVariants {
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  children?: React.ReactNode;
+}
+type ToggleLabelProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextVariants>;
+declare const Toggle: {
+  ({
+    checked: checkedProp,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    children,
+    className,
+    ...props
+  }: ToggleRootProps): react_jsx_runtime12.JSX.Element;
+  displayName: string;
+} & {
+  Switch: {
+    (): react_jsx_runtime12.JSX.Element;
+    displayName: string;
+  };
+  Label: {
+    <E extends TextElement = "span">({
+      children,
+      typography,
+      textColor,
+      className,
+      ...props
+    }: ToggleLabelProps<E>): react_jsx_runtime12.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Toggle, ToggleLabelProps, ToggleRootProps };
+//# sourceMappingURL=Toggle.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.mts","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"mappings":";;;;;;;;;;UAyBiB,eAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,cAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAwDP,gBAAA,WAA2B,WAAA,aAAwB,gBAAA,CAC7D,CAAA,EACA,YAAA;AAAA,cA8BW,MAAA;EAAA;;;;;;;;KA7EV,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eAkDa,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMvC,gBAAA,CAAiB,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Toggle/Toggle.mjs

@@ -0,0 +1,70 @@
+import { Text } from "../Text/Text.mjs";
+import { toggle } from "./Toggle.styles.mjs";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Toggle/Toggle.tsx
+const ToggleContext = React.createContext(null);
+const useToggleContext = () => {
+	const context = React.useContext(ToggleContext);
+	if (!context) throw new Error("Toggle 서브 컴포넌트는 <Toggle> 컴포넌트 내부에서 사용해야 합니다. ex) <Toggle><Toggle.Switch /></Toggle>");
+	return context;
+};
+const ToggleRoot = ({ 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 } = toggle({ disabled });
+	return /* @__PURE__ */ jsx(ToggleContext.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 ToggleSwitch = () => {
+	const { checked } = useToggleContext();
+	const { switch: switchStyle, switchThumb } = toggle({ checked });
+	return /* @__PURE__ */ jsx("span", {
+		className: switchStyle(),
+		children: /* @__PURE__ */ jsx("span", { className: switchThumb() })
+	});
+};
+const ToggleLabel = ({ children, typography = "body-16-medium", textColor = "gray-700", className, ...props }) => {
+	const { disabled } = useToggleContext();
+	const { label } = toggle({ disabled });
+	return /* @__PURE__ */ jsx(Text, {
+		typography,
+		textColor,
+		className: label({ className }),
+		...props,
+		children
+	});
+};
+ToggleRoot.displayName = "Toggle";
+ToggleSwitch.displayName = "Toggle.Switch";
+ToggleLabel.displayName = "Toggle.Label";
+const Toggle = Object.assign(ToggleRoot, {
+	Switch: ToggleSwitch,
+	Label: ToggleLabel
+});
+
+//#endregion
+export { Toggle };
+//# sourceMappingURL=Toggle.mjs.map

package/dist/components/Toggle/Toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.mjs","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PolymorphicProps } from '../../utils';\nimport { Text, TextVariants } from '../Text';\nimport { TextElement } from '../Text/Text';\nimport { toggle, ToggleVariants } from './Toggle.styles';\n\n// Toggle Context\ninterface ToggleContextValue {\n  checked: boolean;\n  disabled?: boolean;\n}\n\nconst ToggleContext = React.createContext<ToggleContextValue | null>(null);\n\nconst useToggleContext = () => {\n  const context = React.useContext(ToggleContext);\n  if (!context) {\n    throw new Error(\n      'Toggle 서브 컴포넌트는 <Toggle> 컴포넌트 내부에서 사용해야 합니다. ex) <Toggle><Toggle.Switch /></Toggle>',\n    );\n  }\n  return context;\n};\n\n// Toggle\nexport interface ToggleRootProps\n  extends Omit<React.ComponentProps<'label'>, 'onChange'>, ToggleVariants {\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst ToggleRoot = ({\n  checked: checkedProp,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled,\n  children,\n  className,\n  ...props\n}: ToggleRootProps) => {\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 } = toggle({ disabled });\n\n  return (\n    <ToggleContext.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    </ToggleContext.Provider>\n  );\n};\n\n// Toggle.Switch\n\nconst ToggleSwitch = () => {\n  const { checked } = useToggleContext();\n  const { switch: switchStyle, switchThumb } = toggle({ checked });\n\n  return (\n    <span className={switchStyle()}>\n      <span className={switchThumb()} />\n    </span>\n  );\n};\n\n// Toggle.Label\nexport type ToggleLabelProps<E extends TextElement = 'span'> = PolymorphicProps<\n  E,\n  TextVariants\n>;\n\nconst ToggleLabel = <E extends TextElement = 'span'>({\n  children,\n  typography = 'body-16-medium',\n  textColor = 'gray-700',\n  className,\n  ...props\n}: ToggleLabelProps<E>) => {\n  const { disabled } = useToggleContext();\n  const { label } = toggle({ 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\nToggleRoot.displayName = 'Toggle';\nToggleSwitch.displayName = 'Toggle.Switch';\nToggleLabel.displayName = 'Toggle.Label';\n\nexport const Toggle = Object.assign(ToggleRoot, {\n  Switch: ToggleSwitch,\n  Label: ToggleLabel,\n});\n"],"mappings":";;;;;;AAYA,MAAM,gBAAgB,MAAM,cAAyC,KAAK;AAE1E,MAAM,yBAAyB;CAC7B,MAAM,UAAU,MAAM,WAAW,cAAc;AAC/C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,sFACD;AAEH,QAAO;;AAWT,MAAM,cAAc,EAClB,SAAS,aACT,iBAAiB,OACjB,iBACA,UACA,UACA,WACA,GAAG,YACkB;CACrB,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,OAAO,EAAE,UAAU,CAAC;AAErC,QACE,oBAAC,cAAc;EAAS,OAAO;GAAE,SAAS;GAAW;GAAU;YAC7D,qBAAC;GAAM,WAAW,KAAK,EAAE,WAAW,CAAC;GAAE,GAAI;cACzC,oBAAC;IACC,MAAK;IACL,SAAS;IACT,UAAU;IACA;IACV,WAAU;KACV,EACD;IACK;GACe;;AAM7B,MAAM,qBAAqB;CACzB,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,QAAQ,aAAa,gBAAgB,OAAO,EAAE,SAAS,CAAC;AAEhE,QACE,oBAAC;EAAK,WAAW,aAAa;YAC5B,oBAAC,UAAK,WAAW,aAAa,GAAI;GAC7B;;AAUX,MAAM,eAA+C,EACnD,UACA,aAAa,kBACb,YAAY,YACZ,WACA,GAAG,YACsB;CACzB,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,EAAE,UAAU,OAAO,EAAE,UAAU,CAAC;AAEtC,QACE,oBAAC;EACa;EACD;EACX,WAAW,MAAM,EAAE,WAAW,CAAC;EAC/B,GAAI;EAEH;GACI;;AAKX,WAAW,cAAc;AACzB,aAAa,cAAc;AAC3B,YAAY,cAAc;AAE1B,MAAa,SAAS,OAAO,OAAO,YAAY;CAC9C,QAAQ;CACR,OAAO;CACR,CAAC"}

package/dist/components/Toggle/Toggle.styles.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Toggle/Toggle.styles.ts
+const toggle = (0, tailwind_variants.tv)({
+	slots: {
+		root: "inline-flex w-full cursor-pointer items-center gap-2",
+		switch: "relative inline-flex items-center rounded-full p-1 transition-colors duration-200 ease-in-out h-7 w-12",
+		switchThumb: "pointer-events-none inline-block rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out h-5 w-5",
+		label: ""
+	},
+	variants: {
+		checked: {
+			true: {
+				switch: "bg-gray-600",
+				switchThumb: "translate-x-5"
+			},
+			false: {
+				switch: "bg-gray-200",
+				switchThumb: "translate-x-0"
+			}
+		},
+		disabled: { true: {
+			root: "cursor-not-allowed opacity-50",
+			label: "text-gray-400"
+		} }
+	}
+});
+
+//#endregion
+exports.toggle = toggle;

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

@@ -0,0 +1,75 @@
+import * as tailwind_variants31 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Toggle/Toggle.styles.d.ts
+declare const toggle: tailwind_variants31.TVReturnType<{
+  checked: {
+    true: {
+      switch: string;
+      switchThumb: string;
+    };
+    false: {
+      switch: string;
+      switchThumb: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  switch: string;
+  switchThumb: string;
+  label: string;
+}, undefined, {
+  checked: {
+    true: {
+      switch: string;
+      switchThumb: string;
+    };
+    false: {
+      switch: string;
+      switchThumb: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  switch: string;
+  switchThumb: string;
+  label: string;
+}, tailwind_variants31.TVReturnType<{
+  checked: {
+    true: {
+      switch: string;
+      switchThumb: string;
+    };
+    false: {
+      switch: string;
+      switchThumb: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  switch: string;
+  switchThumb: string;
+  label: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToggleVariants = VariantProps<typeof toggle>;
+//#endregion
+export { ToggleVariants };
+//# sourceMappingURL=Toggle.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styles.d.cts","names":[],"sources":["../../../src/components/Toggle/Toggle.styles.ts"],"mappings":";;;;cAEa,MAAA,EA2BX,mBAAA,CA3BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styles.d.mts","names":[],"sources":["../../../src/components/Toggle/Toggle.styles.ts"],"mappings":";;;;cAEa,MAAA,EA2BX,mBAAA,CA3BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Toggle/Toggle.styles.mjs

@@ -0,0 +1,31 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Toggle/Toggle.styles.ts
+const toggle = tv({
+	slots: {
+		root: "inline-flex w-full cursor-pointer items-center gap-2",
+		switch: "relative inline-flex items-center rounded-full p-1 transition-colors duration-200 ease-in-out h-7 w-12",
+		switchThumb: "pointer-events-none inline-block rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out h-5 w-5",
+		label: ""
+	},
+	variants: {
+		checked: {
+			true: {
+				switch: "bg-gray-600",
+				switchThumb: "translate-x-5"
+			},
+			false: {
+				switch: "bg-gray-200",
+				switchThumb: "translate-x-0"
+			}
+		},
+		disabled: { true: {
+			root: "cursor-not-allowed opacity-50",
+			label: "text-gray-400"
+		} }
+	}
+});
+
+//#endregion
+export { toggle };
+//# sourceMappingURL=Toggle.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styles.mjs","names":[],"sources":["../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const toggle = tv({\n  slots: {\n    root: 'inline-flex w-full cursor-pointer items-center gap-2',\n    switch:\n      'relative inline-flex items-center rounded-full p-1 transition-colors duration-200 ease-in-out h-7 w-12', // 48px x 28px\n    switchThumb:\n      'pointer-events-none inline-block rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out h-5 w-5', // 20px\n    label: '',\n  },\n  variants: {\n    checked: {\n      true: {\n        switch: 'bg-gray-600',\n        switchThumb: 'translate-x-5',\n      },\n      false: {\n        switch: 'bg-gray-200',\n        switchThumb: 'translate-x-0',\n      },\n    },\n    disabled: {\n      true: {\n        root: 'cursor-not-allowed opacity-50',\n        label: 'text-gray-400',\n      },\n    },\n  },\n});\n\nexport type ToggleVariants = VariantProps<typeof toggle>;\n"],"mappings":";;;AAEA,MAAa,SAAS,GAAG;CACvB,OAAO;EACL,MAAM;EACN,QACE;EACF,aACE;EACF,OAAO;EACR;CACD,UAAU;EACR,SAAS;GACP,MAAM;IACJ,QAAQ;IACR,aAAa;IACd;GACD,OAAO;IACL,QAAQ;IACR,aAAa;IACd;GACF;EACD,UAAU,EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR,EACF;EACF;CACF,CAAC"}

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

@@ -0,0 +1 @@
+import { Toggle, ToggleLabelProps, ToggleRootProps } from "./Toggle.mjs";

package/dist/components/VStack/VStack.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Stack = require('../Stack/Stack.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/VStack/VStack.tsx
+const VStack = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
+		direction: "vertical",
+		...props
+	});
+};
+VStack.displayName = "VStack";
+
+//#endregion
+exports.VStack = VStack;

package/dist/components/VStack/VStack.d.cts

@@ -0,0 +1,15 @@
+import { StackProps } from "../Stack/Stack.cjs";
+import { ElementType } from "react";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/VStack/VStack.d.ts
+type VStackProps<E extends ElementType = 'div'> = Omit<StackProps<E>, 'direction'>;
+declare const VStack: {
+  <E extends ElementType = "div">({
+    ...props
+  }: VStackProps<E>): react_jsx_runtime11.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { VStack, VStackProps };
+//# sourceMappingURL=VStack.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.cts","names":[],"sources":["../../../src/components/VStack/VStack.tsx"],"mappings":";;;;;KAGY,WAAA,WAAsB,WAAA,YAAuB,IAAA,CACvD,UAAA,CAAW,CAAA;AAAA,cAIA,MAAA;EAAA,WAAoB,WAAA;IAAA,GAAW;EAAA,GAEzC,WAAA,CAAY,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/VStack/VStack.d.mts

@@ -0,0 +1,16 @@
+import { StackProps } from "../Stack/Stack.mjs";
+import "../Stack/index.mjs";
+import { ElementType } from "react";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/VStack/VStack.d.ts
+type VStackProps<E extends ElementType = 'div'> = Omit<StackProps<E>, 'direction'>;
+declare const VStack: {
+  <E extends ElementType = "div">({
+    ...props
+  }: VStackProps<E>): react_jsx_runtime18.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { VStack, VStackProps };
+//# sourceMappingURL=VStack.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.mts","names":[],"sources":["../../../src/components/VStack/VStack.tsx"],"mappings":";;;;;;KAGY,WAAA,WAAsB,WAAA,YAAuB,IAAA,CACvD,UAAA,CAAW,CAAA;AAAA,cAIA,MAAA;EAAA,WAAoB,WAAA;IAAA,GAAW;EAAA,GAEzC,WAAA,CAAY,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/VStack/VStack.mjs

@@ -0,0 +1,16 @@
+import { Stack } from "../Stack/Stack.mjs";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/VStack/VStack.tsx
+const VStack = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Stack, {
+		direction: "vertical",
+		...props
+	});
+};
+VStack.displayName = "VStack";
+
+//#endregion
+export { VStack };
+//# sourceMappingURL=VStack.mjs.map

package/dist/components/VStack/VStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.mjs","names":[],"sources":["../../../src/components/VStack/VStack.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport { Stack, type StackProps } from '../Stack';\n\nexport type VStackProps<E extends ElementType = 'div'> = Omit<\n  StackProps<E>,\n  'direction'\n>;\n\nexport const VStack = <E extends ElementType = 'div'>({\n  ...props\n}: VStackProps<E>) => {\n  return <Stack<E> direction=\"vertical\" {...(props as StackProps<E>)} />;\n};\n\nVStack.displayName = 'VStack';\n"],"mappings":";;;;;AAQA,MAAa,UAAyC,EACpD,GAAG,YACiB;AACpB,QAAO,oBAAC;EAAS,WAAU;EAAW,GAAK;GAA2B;;AAGxE,OAAO,cAAc"}

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

@@ -0,0 +1 @@
+import { VStack, VStackProps } from "./VStack.mjs";