@causw/core 0.0.10 → 0.0.12

package/dist/components/Tab/Tab.mjs

@@ -0,0 +1,102 @@
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { tabs } from "./Tab.styles.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Tab/Tab.tsx
+const TabContext = React$1.createContext(null);
+const useTabContext = () => {
+	const ctx = React$1.useContext(TabContext);
+	if (!ctx) throw new Error("Tab.* must be used within Tab.Root");
+	return ctx;
+};
+const TabRoot = ({ variant, scrollAlign = "center", defaultValue = "", value: valueProp, onValueChange, id, className, children }) => {
+	const [uncontrolled, setUncontrolled] = React$1.useState(defaultValue);
+	const isControlled = valueProp !== void 0;
+	const value = (isControlled ? valueProp : uncontrolled) ?? "";
+	const setValue = (v) => {
+		if (!isControlled) setUncontrolled(v);
+		onValueChange?.(v);
+	};
+	const reactId = React$1.useId();
+	const baseId = id ?? `tab-${reactId}`;
+	const listRef = React$1.useRef(null);
+	return /* @__PURE__ */ jsx(TabContext.Provider, {
+		value: {
+			variant,
+			value,
+			setValue,
+			baseId,
+			listRef,
+			scrollAlign
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className,
+			children
+		})
+	});
+};
+TabRoot.displayName = "Tab.Root";
+const TabList = ({ className, ...props }) => {
+	const { variant, listRef } = useTabContext();
+	const { list } = tabs({ variant });
+	return /* @__PURE__ */ jsx("div", {
+		ref: listRef,
+		role: "tablist",
+		className: list({ className }),
+		...props
+	});
+};
+TabList.displayName = "Tab.List";
+const TabItem = ({ value, asChild, className, onClick, ...props }) => {
+	const { variant, value: activeValue, setValue, baseId, listRef, scrollAlign } = useTabContext();
+	const active = activeValue === value;
+	const { item } = tabs({ variant });
+	const handleClick = (e) => {
+		setValue(value);
+		const list = listRef.current;
+		if (list && list.scrollWidth > list.clientWidth + 1) e.currentTarget.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest",
+			inline: scrollAlign ?? "center"
+		});
+		onClick?.(e);
+	};
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		asChild,
+		role: "tab",
+		"aria-selected": active,
+		id: `${baseId}-TabItem-${value}`,
+		"aria-controls": `${baseId}-content-${value}`,
+		className: item({ className }),
+		onClick: handleClick,
+		...props
+	});
+};
+TabItem.displayName = "Tab.Item";
+const TabContent = ({ value, forceMount = false, asChild, className, children, ...props }) => {
+	const { value: activeValue, baseId } = useTabContext();
+	const active = activeValue === value;
+	if (!forceMount && !active) return null;
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		asChild,
+		role: "tabpanel",
+		id: `${baseId}-content-${value}`,
+		"aria-labelledby": `${baseId}-TabItem-${value}`,
+		hidden: !active,
+		className,
+		...props,
+		children
+	});
+};
+TabContent.displayName = "Tab.Content";
+const Tab = Object.assign(TabRoot, {
+	Root: TabRoot,
+	List: TabList,
+	TabItem,
+	Content: TabContent
+});
+
+//#endregion
+export { Tab };
+//# sourceMappingURL=Tab.mjs.map

package/dist/components/Tab/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","names":["React"],"sources":["../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Primitive, PrimitiveProps } from '../Primitive';\nimport { tabs, TabVariants } from './Tab.styles';\n\ninterface TabContextValue extends TabVariants {\n  value: string;\n  setValue: (v: string) => void;\n  baseId: string;\n  listRef: React.RefObject<HTMLDivElement>;\n  scrollAlign: ScrollLogicalPosition; // 'start' | 'center' | 'end' | 'nearest'\n}\n\nconst TabContext = React.createContext<TabContextValue | null>(null);\n\nconst useTabContext = () => {\n  const ctx = React.useContext(TabContext);\n  if (!ctx) throw new Error('Tab.* must be used within Tab.Root');\n  return ctx;\n};\n\nexport interface TabRootProps extends TabVariants {\n  scrollAlign?: ScrollLogicalPosition;\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (v: string) => void;\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst TabRoot = ({\n  variant,\n  scrollAlign = 'center',\n  defaultValue = '',\n  value: valueProp,\n  onValueChange,\n  id,\n  className,\n  children,\n}: TabRootProps) => {\n  const [uncontrolled, setUncontrolled] = React.useState(defaultValue);\n  const isControlled = valueProp !== undefined;\n  const value = (isControlled ? valueProp : uncontrolled) ?? '';\n\n  const setValue = (v: string) => {\n    if (!isControlled) setUncontrolled(v);\n    onValueChange?.(v);\n  };\n\n  const reactId = React.useId();\n  const baseId = id ?? `tab-${reactId}`;\n\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  return (\n    <TabContext.Provider\n      value={{\n        variant,\n        value,\n        setValue,\n        baseId,\n        listRef,\n        scrollAlign,\n      }}\n    >\n      <div className={className}>{children}</div>\n    </TabContext.Provider>\n  );\n};\nTabRoot.displayName = 'Tab.Root';\n\nexport type TabListProps = React.ComponentPropsWithoutRef<'div'> & {\n  asChild?: boolean;\n};\n\nconst TabList = ({ className, ...props }: TabListProps) => {\n  const { variant, listRef } = useTabContext();\n  const { list } = tabs({ variant });\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      className={list({ className })}\n      {...props}\n    />\n  );\n};\nTabList.displayName = 'Tab.List';\n\nexport interface TabTabItemProps\n  extends React.ComponentPropsWithoutRef<'button'>, PrimitiveProps {\n  value: string;\n}\nconst TabItem = ({\n  value,\n  asChild,\n  className,\n  onClick,\n  ...props\n}: TabTabItemProps) => {\n  const {\n    variant,\n    value: activeValue,\n    setValue,\n    baseId,\n    listRef,\n    scrollAlign,\n  } = useTabContext();\n\n  const active = activeValue === value;\n  const { item } = tabs({ variant });\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    setValue(value);\n\n    const list = listRef.current;\n    if (list && list.scrollWidth > list.clientWidth + 1) {\n      e.currentTarget.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: scrollAlign ?? 'center',\n      });\n    }\n\n    onClick?.(e);\n  };\n  return (\n    <Primitive.button\n      asChild={asChild}\n      role=\"tab\"\n      aria-selected={active}\n      id={`${baseId}-TabItem-${value}`}\n      aria-controls={`${baseId}-content-${value}`}\n      className={item({ className })}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n};\nTabItem.displayName = 'Tab.Item';\n\nexport type TabContentProps = React.ComponentPropsWithoutRef<'div'> & {\n  value: string;\n  forceMount?: boolean;\n  asChild?: boolean;\n};\n\nconst TabContent = ({\n  value,\n  forceMount = false,\n  asChild,\n  className,\n  children,\n  ...props\n}: TabContentProps) => {\n  const { value: activeValue, baseId } = useTabContext();\n  const active = activeValue === value;\n\n  if (!forceMount && !active) return null;\n\n  return (\n    <Primitive.div\n      asChild={asChild}\n      role=\"tabpanel\"\n      id={`${baseId}-content-${value}`}\n      aria-labelledby={`${baseId}-TabItem-${value}`}\n      hidden={!active}\n      className={className}\n      {...props}\n    >\n      {children}\n    </Primitive.div>\n  );\n};\nTabContent.displayName = 'Tab.Content';\n\nexport const Tab = Object.assign(TabRoot, {\n  Root: TabRoot,\n  List: TabList,\n  TabItem: TabItem,\n  Content: TabContent,\n});\n"],"mappings":";;;;;;AAYA,MAAM,aAAaA,QAAM,cAAsC,KAAK;AAEpE,MAAM,sBAAsB;CAC1B,MAAM,MAAMA,QAAM,WAAW,WAAW;AACxC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,qCAAqC;AAC/D,QAAO;;AAaT,MAAM,WAAW,EACf,SACA,cAAc,UACd,eAAe,IACf,OAAO,WACP,eACA,IACA,WACA,eACkB;CAClB,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAS,aAAa;CACpE,MAAM,eAAe,cAAc;CACnC,MAAM,SAAS,eAAe,YAAY,iBAAiB;CAE3D,MAAM,YAAY,MAAc;AAC9B,MAAI,CAAC,aAAc,iBAAgB,EAAE;AACrC,kBAAgB,EAAE;;CAGpB,MAAM,UAAUA,QAAM,OAAO;CAC7B,MAAM,SAAS,MAAM,OAAO;CAE5B,MAAM,UAAUA,QAAM,OAAuB,KAAK;AAElD,QACE,oBAAC,WAAW;EACV,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACD;YAED,oBAAC;GAAe;GAAY;IAAe;GACvB;;AAG1B,QAAQ,cAAc;AAMtB,MAAM,WAAW,EAAE,WAAW,GAAG,YAA0B;CACzD,MAAM,EAAE,SAAS,YAAY,eAAe;CAC5C,MAAM,EAAE,SAAS,KAAK,EAAE,SAAS,CAAC;AAElC,QACE,oBAAC;EACC,KAAK;EACL,MAAK;EACL,WAAW,KAAK,EAAE,WAAW,CAAC;EAC9B,GAAI;GACJ;;AAGN,QAAQ,cAAc;AAMtB,MAAM,WAAW,EACf,OACA,SACA,WACA,SACA,GAAG,YACkB;CACrB,MAAM,EACJ,SACA,OAAO,aACP,UACA,QACA,SACA,gBACE,eAAe;CAEnB,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,SAAS,KAAK,EAAE,SAAS,CAAC;CAElC,MAAM,eAAe,MAA2C;AAC9D,WAAS,MAAM;EAEf,MAAM,OAAO,QAAQ;AACrB,MAAI,QAAQ,KAAK,cAAc,KAAK,cAAc,EAChD,GAAE,cAAc,eAAe;GAC7B,UAAU;GACV,OAAO;GACP,QAAQ,eAAe;GACxB,CAAC;AAGJ,YAAU,EAAE;;AAEd,QACE,oBAAC,UAAU;EACA;EACT,MAAK;EACL,iBAAe;EACf,IAAI,GAAG,OAAO,WAAW;EACzB,iBAAe,GAAG,OAAO,WAAW;EACpC,WAAW,KAAK,EAAE,WAAW,CAAC;EAC9B,SAAS;EACT,GAAI;GACJ;;AAGN,QAAQ,cAAc;AAQtB,MAAM,cAAc,EAClB,OACA,aAAa,OACb,SACA,WACA,UACA,GAAG,YACkB;CACrB,MAAM,EAAE,OAAO,aAAa,WAAW,eAAe;CACtD,MAAM,SAAS,gBAAgB;AAE/B,KAAI,CAAC,cAAc,CAAC,OAAQ,QAAO;AAEnC,QACE,oBAAC,UAAU;EACA;EACT,MAAK;EACL,IAAI,GAAG,OAAO,WAAW;EACzB,mBAAiB,GAAG,OAAO,WAAW;EACtC,QAAQ,CAAC;EACE;EACX,GAAI;EAEH;GACa;;AAGpB,WAAW,cAAc;AAEzB,MAAa,MAAM,OAAO,OAAO,SAAS;CACxC,MAAM;CACN,MAAM;CACG;CACT,SAAS;CACV,CAAC"}

package/dist/components/Tab/Tab.styles.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Tab/Tab.styles.ts
+const tabs = (0, tailwind_variants.tv)({
+	slots: {
+		list: "flex items-center flex-nowrap whitespace-nowrap overflow-x-auto no-scrollbar [-webkit-overflow-scrolling:touch]",
+		item: "cursor-pointer transition-colors select-none flex-shrink-0"
+	},
+	variants: { variant: {
+		underline: {
+			list: "border-b border-gray-200",
+			item: [
+				"flex-1 min-w-fit px-3 py-3 text-center border-b-2 typo-subtitle-16-bold",
+				"hover:border-gray-500 hover:text-gray-500",
+				"aria-selected:border-gray-700 aria-selected:text-gray-700",
+				"aria-[selected=false]:border-transparent aria-[selected=false]:text-gray-300",
+				"aria-[selected=false]:hover:text-gray-400 aria-[selected=false]:active:text-gray-400"
+			].join(" ")
+		},
+		chip: {
+			list: "gap-2",
+			item: [
+				"px-3 py-2 rounded-[0.5rem] typo-body-14-medium",
+				"aria-selected:bg-gray-700 aria-selected:text-white",
+				"aria-[selected=false]:bg-white aria-[selected=false]:text-gray-600",
+				"aria-[selected=false]:hover:bg-gray-200 aria-[selected=false]:active:bg-gray-200"
+			].join(" ")
+		}
+	} },
+	defaultVariants: { variant: "underline" }
+});
+
+//#endregion
+exports.tabs = tabs;

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

@@ -0,0 +1,51 @@
+import * as tailwind_variants15 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Tab/Tab.styles.d.ts
+declare const tabs: tailwind_variants15.TVReturnType<{
+  variant: {
+    underline: {
+      list: string;
+      item: string;
+    };
+    chip: {
+      list: string;
+      item: string;
+    };
+  };
+}, {
+  list: string;
+  item: string;
+}, undefined, {
+  variant: {
+    underline: {
+      list: string;
+      item: string;
+    };
+    chip: {
+      list: string;
+      item: string;
+    };
+  };
+}, {
+  list: string;
+  item: string;
+}, tailwind_variants15.TVReturnType<{
+  variant: {
+    underline: {
+      list: string;
+      item: string;
+    };
+    chip: {
+      list: string;
+      item: string;
+    };
+  };
+}, {
+  list: string;
+  item: string;
+}, undefined, unknown, unknown, undefined>>;
+type TabVariants = VariantProps<typeof tabs>;
+//#endregion
+export { TabVariants };
+//# sourceMappingURL=Tab.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.d.cts","names":[],"sources":["../../../src/components/Tab/Tab.styles.ts"],"mappings":";;;;cAEa,IAAA,EA+BX,mBAAA,CA/Be,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+Bf,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,IAAA"}

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

@@ -0,0 +1,51 @@
+import * as tailwind_variants21 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Tab/Tab.styles.d.ts
+declare const tabs: tailwind_variants21.TVReturnType<{
+  variant: {
+    underline: {
+      list: string;
+      item: string;
+    };
+    chip: {
+      list: string;
+      item: string;
+    };
+  };
+}, {
+  list: string;
+  item: string;
+}, undefined, {
+  variant: {
+    underline: {
+      list: string;
+      item: string;
+    };
+    chip: {
+      list: string;
+      item: string;
+    };
+  };
+}, {
+  list: string;
+  item: string;
+}, tailwind_variants21.TVReturnType<{
+  variant: {
+    underline: {
+      list: string;
+      item: string;
+    };
+    chip: {
+      list: string;
+      item: string;
+    };
+  };
+}, {
+  list: string;
+  item: string;
+}, undefined, unknown, unknown, undefined>>;
+type TabVariants = VariantProps<typeof tabs>;
+//#endregion
+export { TabVariants };
+//# sourceMappingURL=Tab.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.d.mts","names":[],"sources":["../../../src/components/Tab/Tab.styles.ts"],"mappings":";;;;cAEa,IAAA,EA+BX,mBAAA,CA/Be,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+Bf,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,YAAA,QAAoB,IAAA"}

package/dist/components/Tab/Tab.styles.mjs

@@ -0,0 +1,35 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Tab/Tab.styles.ts
+const tabs = tv({
+	slots: {
+		list: "flex items-center flex-nowrap whitespace-nowrap overflow-x-auto no-scrollbar [-webkit-overflow-scrolling:touch]",
+		item: "cursor-pointer transition-colors select-none flex-shrink-0"
+	},
+	variants: { variant: {
+		underline: {
+			list: "border-b border-gray-200",
+			item: [
+				"flex-1 min-w-fit px-3 py-3 text-center border-b-2 typo-subtitle-16-bold",
+				"hover:border-gray-500 hover:text-gray-500",
+				"aria-selected:border-gray-700 aria-selected:text-gray-700",
+				"aria-[selected=false]:border-transparent aria-[selected=false]:text-gray-300",
+				"aria-[selected=false]:hover:text-gray-400 aria-[selected=false]:active:text-gray-400"
+			].join(" ")
+		},
+		chip: {
+			list: "gap-2",
+			item: [
+				"px-3 py-2 rounded-[0.5rem] typo-body-14-medium",
+				"aria-selected:bg-gray-700 aria-selected:text-white",
+				"aria-[selected=false]:bg-white aria-[selected=false]:text-gray-600",
+				"aria-[selected=false]:hover:bg-gray-200 aria-[selected=false]:active:bg-gray-200"
+			].join(" ")
+		}
+	} },
+	defaultVariants: { variant: "underline" }
+});
+
+//#endregion
+export { tabs };
+//# sourceMappingURL=Tab.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.mjs","names":[],"sources":["../../../src/components/Tab/Tab.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const tabs = tv({\n  slots: {\n    list: 'flex items-center flex-nowrap whitespace-nowrap overflow-x-auto no-scrollbar [-webkit-overflow-scrolling:touch]',\n    item: 'cursor-pointer transition-colors select-none flex-shrink-0',\n  },\n  variants: {\n    variant: {\n      underline: {\n        list: 'border-b border-gray-200',\n        item: [\n          'flex-1 min-w-fit px-3 py-3 text-center border-b-2 typo-subtitle-16-bold',\n          'hover:border-gray-500 hover:text-gray-500',\n          'aria-selected:border-gray-700 aria-selected:text-gray-700',\n          'aria-[selected=false]:border-transparent aria-[selected=false]:text-gray-300',\n          'aria-[selected=false]:hover:text-gray-400 aria-[selected=false]:active:text-gray-400',\n        ].join(' '),\n      },\n      chip: {\n        list: 'gap-2',\n        item: [\n          'px-3 py-2 rounded-[0.5rem] typo-body-14-medium',\n          'aria-selected:bg-gray-700 aria-selected:text-white',\n          'aria-[selected=false]:bg-white aria-[selected=false]:text-gray-600',\n          'aria-[selected=false]:hover:bg-gray-200 aria-[selected=false]:active:bg-gray-200',\n        ].join(' '),\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'underline',\n  },\n});\n\nexport type TabVariants = VariantProps<typeof tabs>;\n"],"mappings":";;;AAEA,MAAa,OAAO,GAAG;CACrB,OAAO;EACL,MAAM;EACN,MAAM;EACP;CACD,UAAU,EACR,SAAS;EACP,WAAW;GACT,MAAM;GACN,MAAM;IACJ;IACA;IACA;IACA;IACA;IACD,CAAC,KAAK,IAAI;GACZ;EACD,MAAM;GACJ,MAAM;GACN,MAAM;IACJ;IACA;IACA;IACA;IACD,CAAC,KAAK,IAAI;GACZ;EACF,EACF;CACD,iBAAiB,EACf,SAAS,aACV;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { TabVariants } from "./Tab.styles.mjs";
+import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } from "./Tab.mjs";

package/dist/components/Text/Text.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text_styles = require('./Text.styles.cjs');
+let react = require("react");
+
+//#region src/components/Text/Text.tsx
+const Text = ({ children, typography = "body-16-regular", textColor = "gray-700", align, as, className, ...props }) => {
+	return (0, react.createElement)(as || "span", {
+		className: require_Text_styles.text({
+			typography,
+			align,
+			textColor,
+			className
+		}),
+		...props
+	}, children);
+};
+Text.displayName = "Text";
+
+//#endregion
+exports.Text = Text;

package/dist/components/Text/Text.d.cts

@@ -0,0 +1,24 @@
+import { TextVariants } from "./Text.styles.cjs";
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import * as react0 from "react";
+
+//#region src/components/Text/Text.d.ts
+type TextElement = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'label' | 'a';
+type TextProps<E extends TextElement> = PolymorphicProps<E, TextVariants>;
+declare const Text: {
+  <E extends TextElement = "span">({
+    children,
+    typography,
+    textColor,
+    align,
+    as,
+    className,
+    ...props
+  }: TextProps<E>): react0.DetailedReactHTMLElement<{
+    className: string;
+  } & Omit<TextProps<E>, "typography" | "textColor" | "align" | "as" | "className" | "children">, HTMLSpanElement>;
+  displayName: string;
+};
+//#endregion
+export { Text, TextElement, TextProps };
+//# sourceMappingURL=Text.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.cts","names":[],"sources":["../../../src/components/Text/Text.tsx"],"mappings":";;;;;KAKY,WAAA;AAAA,KAaA,SAAA,WAAoB,WAAA,IAAe,gBAAA,CAC7C,CAAA,EACA,YAAA;AAAA,cAGW,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,UAAA;IAAA,SAAA;IAAA,KAAA;IAAA,EAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAQvC,SAAA,CAAU,CAAA,WAAE,wBAAA"}

package/dist/components/Text/Text.d.mts

@@ -0,0 +1,25 @@
+import { TextVariants } from "./Text.styles.mjs";
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import "../../utils/polymorphic/index.mjs";
+import * as react0 from "react";
+
+//#region src/components/Text/Text.d.ts
+type TextElement = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'label' | 'a';
+type TextProps<E extends TextElement> = PolymorphicProps<E, TextVariants>;
+declare const Text: {
+  <E extends TextElement = "span">({
+    children,
+    typography,
+    textColor,
+    align,
+    as,
+    className,
+    ...props
+  }: TextProps<E>): react0.DetailedReactHTMLElement<{
+    className: string;
+  } & Omit<TextProps<E>, "typography" | "textColor" | "align" | "as" | "className" | "children">, HTMLSpanElement>;
+  displayName: string;
+};
+//#endregion
+export { Text, TextElement, TextProps };
+//# sourceMappingURL=Text.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.mts","names":[],"sources":["../../../src/components/Text/Text.tsx"],"mappings":";;;;;;KAKY,WAAA;AAAA,KAaA,SAAA,WAAoB,WAAA,IAAe,gBAAA,CAC7C,CAAA,EACA,YAAA;AAAA,cAGW,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,UAAA;IAAA,SAAA;IAAA,KAAA;IAAA,EAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAQvC,SAAA,CAAU,CAAA,WAAE,wBAAA"}

package/dist/components/Text/Text.mjs

@@ -0,0 +1,20 @@
+import { text } from "./Text.styles.mjs";
+import { createElement } from "react";
+
+//#region src/components/Text/Text.tsx
+const Text = ({ children, typography = "body-16-regular", textColor = "gray-700", align, as, className, ...props }) => {
+	return createElement(as || "span", {
+		className: text({
+			typography,
+			align,
+			textColor,
+			className
+		}),
+		...props
+	}, children);
+};
+Text.displayName = "Text";
+
+//#endregion
+export { Text };
+//# sourceMappingURL=Text.mjs.map

package/dist/components/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import { text } from './Text.styles';\nimport type { TextVariants } from './Text.styles';\nimport type { PolymorphicProps } from '../../utils/polymorphic';\nimport { createElement } from 'react';\n\nexport type TextElement =\n  | 'span'\n  | 'p'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'div'\n  | 'label'\n  | 'a';\n\nexport type TextProps<E extends TextElement> = PolymorphicProps<\n  E,\n  TextVariants\n>;\n\nexport const Text = <E extends TextElement = 'span'>({\n  children,\n  typography = 'body-16-regular',\n  textColor = 'gray-700',\n  align,\n  as,\n  className,\n  ...props\n}: TextProps<E>) => {\n  const Component = as || 'span';\n  const styles = text({\n    typography,\n    align,\n    textColor,\n    className,\n  });\n\n  return createElement(\n    Component,\n    {\n      className: styles,\n      ...props,\n    },\n    children,\n  );\n};\n\nText.displayName = 'Text';\n"],"mappings":";;;;AAuBA,MAAa,QAAwC,EACnD,UACA,aAAa,mBACb,YAAY,YACZ,OACA,IACA,WACA,GAAG,YACe;AASlB,QAAO,cARW,MAAM,QAUtB;EACE,WAVW,KAAK;GAClB;GACA;GACA;GACA;GACD,CAAC;EAME,GAAG;EACJ,EACD,SACD;;AAGH,KAAK,cAAc"}

package/dist/components/Text/Text.styles.cjs

@@ -0,0 +1,58 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Text/Text.styles.ts
+const text = (0, tailwind_variants.tv)({
+	base: "font-sans",
+	variants: {
+		typography: {
+			"title-48-bold": "typo-title-48-bold",
+			"title-32-bold": "typo-title-32-bold",
+			"title-30-bold": "typo-title-30-bold",
+			"title-24-bold": "typo-title-24-bold",
+			"title-22-bold": "typo-title-22-bold",
+			"subtitle-20-bold": "typo-subtitle-20-bold",
+			"subtitle-18-bold": "typo-subtitle-18-bold",
+			"subtitle-16-bold": "typo-subtitle-16-bold",
+			"body-18-medium": "typo-body-18-medium",
+			"body-16-medium": "typo-body-16-medium",
+			"body-16-regular": "typo-body-16-regular",
+			"body-15-semibold": "typo-body-15-semibold",
+			"body-15-medium": "typo-body-15-medium",
+			"body-14-semibold": "typo-body-14-semibold",
+			"body-14-medium": "typo-body-14-medium",
+			"body-14-regular": "typo-body-14-regular",
+			"caption-12-semibold": "typo-caption-12-semibold",
+			"caption-12-medium": "typo-caption-12-medium",
+			"caption-12-regular": "typo-caption-12-regular"
+		},
+		textColor: {
+			"gray-50": "text-gray-50",
+			"gray-100": "text-gray-100",
+			"gray-200": "text-gray-200",
+			"gray-300": "text-gray-300",
+			"gray-400": "text-gray-400",
+			"gray-500": "text-gray-500",
+			"gray-600": "text-gray-600",
+			"gray-700": "text-gray-700",
+			"gray-800": "text-gray-800",
+			"gray-900": "text-gray-900",
+			"blue-100": "text-blue-100",
+			"blue-500": "text-blue-500",
+			"blue-700": "text-blue-700",
+			"red-100": "text-red-100",
+			"red-400": "text-red-400",
+			white: "text-white-main",
+			black: "text-black-main"
+		},
+		align: {
+			left: "text-left",
+			center: "text-center",
+			right: "text-right",
+			justify: "text-justify"
+		}
+	}
+});
+
+//#endregion
+exports.text = text;

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

@@ -0,0 +1,150 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Text/Text.styles.d.ts
+declare const text: tailwind_variants0.TVReturnType<{
+  typography: {
+    'title-48-bold': string;
+    'title-32-bold': string;
+    'title-30-bold': string;
+    'title-24-bold': string;
+    'title-22-bold': string;
+    'subtitle-20-bold': string;
+    'subtitle-18-bold': string;
+    'subtitle-16-bold': string;
+    'body-18-medium': string;
+    'body-16-medium': string;
+    'body-16-regular': string;
+    'body-15-semibold': string;
+    'body-15-medium': string;
+    'body-14-semibold': string;
+    'body-14-medium': string;
+    'body-14-regular': string;
+    'caption-12-semibold': string;
+    'caption-12-medium': string;
+    'caption-12-regular': string;
+  };
+  textColor: {
+    'gray-50': string;
+    'gray-100': string;
+    'gray-200': string;
+    'gray-300': string;
+    'gray-400': string;
+    'gray-500': string;
+    'gray-600': string;
+    'gray-700': string;
+    'gray-800': string;
+    'gray-900': string;
+    'blue-100': string;
+    'blue-500': string;
+    'blue-700': string;
+    'red-100': string;
+    'red-400': string;
+    white: string;
+    black: string;
+  };
+  align: {
+    left: string;
+    center: string;
+    right: string;
+    justify: string;
+  };
+}, undefined, "font-sans", {
+  typography: {
+    'title-48-bold': string;
+    'title-32-bold': string;
+    'title-30-bold': string;
+    'title-24-bold': string;
+    'title-22-bold': string;
+    'subtitle-20-bold': string;
+    'subtitle-18-bold': string;
+    'subtitle-16-bold': string;
+    'body-18-medium': string;
+    'body-16-medium': string;
+    'body-16-regular': string;
+    'body-15-semibold': string;
+    'body-15-medium': string;
+    'body-14-semibold': string;
+    'body-14-medium': string;
+    'body-14-regular': string;
+    'caption-12-semibold': string;
+    'caption-12-medium': string;
+    'caption-12-regular': string;
+  };
+  textColor: {
+    'gray-50': string;
+    'gray-100': string;
+    'gray-200': string;
+    'gray-300': string;
+    'gray-400': string;
+    'gray-500': string;
+    'gray-600': string;
+    'gray-700': string;
+    'gray-800': string;
+    'gray-900': string;
+    'blue-100': string;
+    'blue-500': string;
+    'blue-700': string;
+    'red-100': string;
+    'red-400': string;
+    white: string;
+    black: string;
+  };
+  align: {
+    left: string;
+    center: string;
+    right: string;
+    justify: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  typography: {
+    'title-48-bold': string;
+    'title-32-bold': string;
+    'title-30-bold': string;
+    'title-24-bold': string;
+    'title-22-bold': string;
+    'subtitle-20-bold': string;
+    'subtitle-18-bold': string;
+    'subtitle-16-bold': string;
+    'body-18-medium': string;
+    'body-16-medium': string;
+    'body-16-regular': string;
+    'body-15-semibold': string;
+    'body-15-medium': string;
+    'body-14-semibold': string;
+    'body-14-medium': string;
+    'body-14-regular': string;
+    'caption-12-semibold': string;
+    'caption-12-medium': string;
+    'caption-12-regular': string;
+  };
+  textColor: {
+    'gray-50': string;
+    'gray-100': string;
+    'gray-200': string;
+    'gray-300': string;
+    'gray-400': string;
+    'gray-500': string;
+    'gray-600': string;
+    'gray-700': string;
+    'gray-800': string;
+    'gray-900': string;
+    'blue-100': string;
+    'blue-500': string;
+    'blue-700': string;
+    'red-100': string;
+    'red-400': string;
+    white: string;
+    black: string;
+  };
+  align: {
+    left: string;
+    center: string;
+    right: string;
+    justify: string;
+  };
+}, undefined, "font-sans", unknown, unknown, undefined>>;
+type TextVariants = VariantProps<typeof text>;
+//#endregion
+export { TextVariants };
+//# sourceMappingURL=Text.styles.d.cts.map

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

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