@causw/core 0.0.9 → 0.0.11

package/dist/components/index.d.mts

@@ -0,0 +1,74 @@
+import { TextVariants } from "./Text/Text.styles.mjs";
+import { Text, TextElement, TextProps } from "./Text/Text.mjs";
+import "./Text/index.mjs";
+import { Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps } from "./Field/Field.mjs";
+import "./Field/index.mjs";
+import { TextInputVariants } from "./TextInput/TextInput.styles.mjs";
+import { TextInput, TextInputProps } from "./TextInput/TextInput.mjs";
+import "./TextInput/index.mjs";
+import { Primitive, PrimitiveProps } from "./Primitive/Primitive.mjs";
+import "./Primitive/index.mjs";
+import { TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps } from "./TextArea/TextArea.mjs";
+import "./TextArea/index.mjs";
+import { Radio, RadioGroup, RadioGroupProps, RadioProps, useRadioGroupContext } from "./Radio/Radio.mjs";
+import "./Radio/index.mjs";
+import { Toggle, ToggleLabelProps, ToggleRootProps } from "./Toggle/Toggle.mjs";
+import "./Toggle/index.mjs";
+import { Checkbox, CheckboxLabelProps, CheckboxRootProps } from "./Checkbox/Checkbox.mjs";
+import "./Checkbox/index.mjs";
+import { Button, ButtonProps } from "./Button/Button.mjs";
+import "./Button/index.mjs";
+import { CTAButton, CTAButtonProps } from "./CTAButton/CTAButton.mjs";
+import "./CTAButton/index.mjs";
+import { FloatingActionButton, FloatingActionButtonProps } from "./FloatingActionButton/FloatingActionButton.mjs";
+import "./FloatingActionButton/index.mjs";
+import { BoxVariants, box } from "./Box/Box.styles.mjs";
+import { Box, BoxProps } from "./Box/Box.mjs";
+import "./Box/index.mjs";
+import { StackVariants } from "./Stack/Stack.styles.mjs";
+import { Stack, StackProps } from "./Stack/Stack.mjs";
+import "./Stack/index.mjs";
+import { VStack, VStackProps } from "./VStack/VStack.mjs";
+import "./VStack/index.mjs";
+import { HStack, HStackProps } from "./HStack/HStack.mjs";
+import "./HStack/index.mjs";
+import { FlexAlign, FlexDirection, FlexGap, FlexJustify } from "./Flex/Flex.styles.mjs";
+import { Flex, FlexProps } from "./Flex/Flex.mjs";
+import "./Flex/index.mjs";
+import { Grid, GridProps } from "./Grid/Grid.mjs";
+import "./Grid/index.mjs";
+import { SeparatorVariants } from "./Separator/Separator.styles.mjs";
+import { Separator, SeparatorProps } from "./Separator/Separator.mjs";
+import "./Separator/index.mjs";
+import { SpacerVariants } from "./Spacer/Spacer.styles.mjs";
+import { Spacer, SpacerProps } from "./Spacer/Spacer.mjs";
+import "./Spacer/index.mjs";
+import { RatioChart, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps } from "./RatioChart/RatioChart.mjs";
+import { RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps } from "./RatioChart/RatioChartEditor.mjs";
+import "./RatioChart/index.mjs";
+import { SelectVariants } from "./Select/Select.styles.mjs";
+import { Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps } from "./Select/Select.mjs";
+import "./Select/index.mjs";
+import { DialogVariants } from "./Dialog/Dialog.styles.mjs";
+import { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps } from "./Dialog/Dialog.mjs";
+import "./Dialog/index.mjs";
+import { DropdownVariants } from "./Dropdown/Dropdown.styles.mjs";
+import { Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps } from "./Dropdown/Dropdown.mjs";
+import "./Dropdown/index.mjs";
+import { Float, FloatProps } from "./Float/Float.mjs";
+import "./Float/index.mjs";
+import { ChipVariants } from "./Chip/Chip.styles.mjs";
+import { Chip, ChipProps } from "./Chip/Chip.mjs";
+import "./Chip/index.mjs";
+import { AvatarVariants } from "./Avatar/Avatar.styles.mjs";
+import { Avatar, AvatarProps } from "./Avatar/Avatar.mjs";
+import "./Avatar/index.mjs";
+import { TabVariants } from "./Tab/Tab.styles.mjs";
+import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } from "./Tab/Tab.mjs";
+import "./Tab/index.mjs";
+import { ToastVariants } from "./Toast/Toast.styles.mjs";
+import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./Toast/Toast.mjs";
+import "./Toast/index.mjs";
+import { ModalVariants } from "./Modal/Modal.styles.mjs";
+import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./Modal/Modal.mjs";
+import "./Modal/index.mjs";

package/dist/hooks/field/useFieldContext.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/hooks/field/useFieldContext.ts
+const FieldContext = (0, react.createContext)(null);
+/**
+* Hook to access Field context.
+* Returns null if not within a Field - allows input components to work independently.
+*/
+const useFieldContext = () => {
+	const context = (0, react.useContext)(FieldContext);
+	if (!context) return null;
+	return context;
+};
+
+//#endregion
+exports.FieldContext = FieldContext;
+exports.useFieldContext = useFieldContext;

package/dist/hooks/field/useFieldContext.mjs

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+
+//#region src/hooks/field/useFieldContext.ts
+const FieldContext = createContext(null);
+/**
+* Hook to access Field context.
+* Returns null if not within a Field - allows input components to work independently.
+*/
+const useFieldContext = () => {
+	const context = useContext(FieldContext);
+	if (!context) return null;
+	return context;
+};
+
+//#endregion
+export { FieldContext, useFieldContext };
+//# sourceMappingURL=useFieldContext.mjs.map

package/dist/hooks/field/useFieldContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldContext.mjs","names":[],"sources":["../../../src/hooks/field/useFieldContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n// Field Context\ninterface FieldContextValue {\n  id: string;\n  disabled: boolean;\n  error: boolean;\n}\n\nexport const FieldContext = createContext<FieldContextValue | null>(null);\n\n/**\n * Hook to access Field context.\n * Returns null if not within a Field - allows input components to work independently.\n */\nexport const useFieldContext = () => {\n  const context = useContext(FieldContext);\n  if (!context) {\n    return null;\n  }\n  return context;\n};\n"],"mappings":";;;AASA,MAAa,eAAe,cAAwC,KAAK;;;;;AAMzE,MAAa,wBAAwB;CACnC,MAAM,UAAU,WAAW,aAAa;AACxC,KAAI,CAAC,QACH,QAAO;AAET,QAAO"}

package/dist/hooks/ratioChart/useRatioChartContext.cjs

@@ -0,0 +1,14 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/hooks/ratioChart/useRatioChartContext.ts
+const RatioChartContext = (0, react.createContext)(null);
+const useRatioChartContext = () => {
+	const context = (0, react.useContext)(RatioChartContext);
+	if (!context) throw new Error("RatioChart 서브 컴포넌트는 <RatioChart.Root> 내부에서 사용해야 합니다.");
+	return context;
+};
+
+//#endregion
+exports.RatioChartContext = RatioChartContext;
+exports.useRatioChartContext = useRatioChartContext;

package/dist/hooks/ratioChart/useRatioChartContext.mjs

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+//#region src/hooks/ratioChart/useRatioChartContext.ts
+const RatioChartContext = createContext(null);
+const useRatioChartContext = () => {
+	const context = useContext(RatioChartContext);
+	if (!context) throw new Error("RatioChart 서브 컴포넌트는 <RatioChart.Root> 내부에서 사용해야 합니다.");
+	return context;
+};
+
+//#endregion
+export { RatioChartContext, useRatioChartContext };
+//# sourceMappingURL=useRatioChartContext.mjs.map

package/dist/hooks/ratioChart/useRatioChartContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRatioChartContext.mjs","names":[],"sources":["../../../src/hooks/ratioChart/useRatioChartContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type RatioChartSelectionMode = 'single' | 'multiple';\n\nexport interface RatioChartContextValue {\n  value: string | string[];\n  mode: RatioChartSelectionMode;\n  disabled?: boolean;\n  onSelect: (itemValue: string) => void;\n  isSelected: (itemValue: string) => boolean;\n  // count 기반 자동 비율 계산\n  counts: Map<string, number>;\n  registerCount: (itemValue: string, count: number) => void;\n  unregisterCount: (itemValue: string) => void;\n  totalCount: number;\n  getRatio: (itemValue: string) => number;\n}\n\nexport const RatioChartContext = createContext<RatioChartContextValue | null>(\n  null,\n);\n\nexport const useRatioChartContext = () => {\n  const context = useContext(RatioChartContext);\n  if (!context) {\n    throw new Error(\n      'RatioChart 서브 컴포넌트는 <RatioChart.Root> 내부에서 사용해야 합니다.',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;AAkBA,MAAa,oBAAoB,cAC/B,KACD;AAED,MAAa,6BAA6B;CACxC,MAAM,UAAU,WAAW,kBAAkB;AAC7C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,uDACD;AAEH,QAAO"}

package/dist/index.cjs

@@ -0,0 +1,73 @@
+const require_Text = require('./components/Text/Text.cjs');
+const require_Field = require('./components/Field/Field.cjs');
+const require_TextInput = require('./components/TextInput/TextInput.cjs');
+const require_Primitive = require('./components/Primitive/Primitive.cjs');
+const require_TextArea = require('./components/TextArea/TextArea.cjs');
+const require_Radio = require('./components/Radio/Radio.cjs');
+const require_Toggle = require('./components/Toggle/Toggle.cjs');
+const require_Checkbox = require('./components/Checkbox/Checkbox.cjs');
+const require_mergeStyles = require('./utils/mergeStyles/mergeStyles.cjs');
+const require_converter = require('./utils/converter/converter.cjs');
+const require_splitter = require('./utils/splitter/splitter.cjs');
+const require_Button = require('./components/Button/Button.cjs');
+const require_CTAButton = require('./components/CTAButton/CTAButton.cjs');
+const require_FloatingActionButton = require('./components/FloatingActionButton/FloatingActionButton.cjs');
+const require_Box_styles = require('./components/Box/Box.styles.cjs');
+const require_Box = require('./components/Box/Box.cjs');
+const require_Stack = require('./components/Stack/Stack.cjs');
+const require_VStack = require('./components/VStack/VStack.cjs');
+const require_HStack = require('./components/HStack/HStack.cjs');
+const require_Flex = require('./components/Flex/Flex.cjs');
+const require_Grid = require('./components/Grid/Grid.cjs');
+const require_Separator = require('./components/Separator/Separator.cjs');
+const require_Spacer = require('./components/Spacer/Spacer.cjs');
+const require_RatioChart = require('./components/RatioChart/RatioChart.cjs');
+const require_RatioChartEditor = require('./components/RatioChart/RatioChartEditor.cjs');
+const require_Select = require('./components/Select/Select.cjs');
+const require_Dialog = require('./components/Dialog/Dialog.cjs');
+const require_Dropdown = require('./components/Dropdown/Dropdown.cjs');
+const require_Float = require('./components/Float/Float.cjs');
+const require_Chip = require('./components/Chip/Chip.cjs');
+const require_Avatar = require('./components/Avatar/Avatar.cjs');
+const require_Tab = require('./components/Tab/Tab.cjs');
+const require_Toast = require('./components/Toast/Toast.cjs');
+const require_Modal = require('./components/Modal/Modal.cjs');
+
+exports.Avatar = require_Avatar.Avatar;
+exports.Box = require_Box.Box;
+exports.Button = require_Button.Button;
+exports.CTAButton = require_CTAButton.CTAButton;
+exports.Checkbox = require_Checkbox.Checkbox;
+exports.Chip = require_Chip.Chip;
+exports.Dialog = require_Dialog.Dialog;
+exports.Dropdown = require_Dropdown.Dropdown;
+exports.Field = require_Field.Field;
+exports.Flex = require_Flex.Flex;
+exports.Float = require_Float.Float;
+exports.FloatingActionButton = require_FloatingActionButton.FloatingActionButton;
+exports.Grid = require_Grid.Grid;
+exports.HStack = require_HStack.HStack;
+exports.Modal = require_Modal.Modal;
+exports.Primitive = require_Primitive.Primitive;
+exports.Radio = require_Radio.Radio;
+exports.RadioGroup = require_Radio.RadioGroup;
+exports.RatioChart = require_RatioChart.RatioChart;
+exports.RatioChartEditor = require_RatioChartEditor.RatioChartEditor;
+exports.Select = require_Select.Select;
+exports.Separator = require_Separator.Separator;
+exports.Spacer = require_Spacer.Spacer;
+exports.Stack = require_Stack.Stack;
+exports.Tab = require_Tab.Tab;
+exports.Text = require_Text.Text;
+exports.TextArea = require_TextArea.TextArea;
+exports.TextInput = require_TextInput.TextInput;
+exports.Toast = require_Toast.Toast;
+exports.ToastProvider = require_Toast.ToastProvider;
+exports.ToastViewport = require_Toast.ToastViewport;
+exports.Toggle = require_Toggle.Toggle;
+exports.VStack = require_VStack.VStack;
+exports.box = require_Box_styles.box;
+exports.convertPxToRem = require_converter.convertPxToRem;
+exports.mergeStyles = require_mergeStyles.mergeStyles;
+exports.splitVariantProps = require_splitter.splitVariantProps;
+exports.useRadioGroupContext = require_Radio.useRadioGroupContext;

package/dist/index.d.cts

@@ -0,0 +1,50 @@
+import { TextVariants } from "./components/Text/Text.styles.cjs";
+import { PolymorphicProps, PolymorphicPropsWithoutRef } from "./utils/polymorphic/polymorphic.cjs";
+import { Text, TextElement, TextProps } from "./components/Text/Text.cjs";
+import { Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps } from "./components/Field/Field.cjs";
+import { TextInputVariants } from "./components/TextInput/TextInput.styles.cjs";
+import { TextInput, TextInputProps } from "./components/TextInput/TextInput.cjs";
+import { Primitive, PrimitiveProps } from "./components/Primitive/Primitive.cjs";
+import { TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps } from "./components/TextArea/TextArea.cjs";
+import { Radio, RadioGroup, RadioGroupProps, RadioProps, useRadioGroupContext } from "./components/Radio/Radio.cjs";
+import { mergeStyles } from "./utils/mergeStyles/mergeStyles.cjs";
+import { convertPxToRem } from "./utils/converter/converter.cjs";
+import { splitVariantProps } from "./utils/splitter/splitter.cjs";
+import { Toggle, ToggleLabelProps, ToggleRootProps } from "./components/Toggle/Toggle.cjs";
+import { Checkbox, CheckboxLabelProps, CheckboxRootProps } from "./components/Checkbox/Checkbox.cjs";
+import { Button, ButtonProps } from "./components/Button/Button.cjs";
+import { CTAButton, CTAButtonProps } from "./components/CTAButton/CTAButton.cjs";
+import { FloatingActionButton, FloatingActionButtonProps } from "./components/FloatingActionButton/FloatingActionButton.cjs";
+import { BoxVariants, box } from "./components/Box/Box.styles.cjs";
+import { Box, BoxProps } from "./components/Box/Box.cjs";
+import { StackVariants } from "./components/Stack/Stack.styles.cjs";
+import { Stack, StackProps } from "./components/Stack/Stack.cjs";
+import { VStack, VStackProps } from "./components/VStack/VStack.cjs";
+import { HStack, HStackProps } from "./components/HStack/HStack.cjs";
+import { FlexAlign, FlexDirection, FlexGap, FlexJustify } from "./components/Flex/Flex.styles.cjs";
+import { Flex, FlexProps } from "./components/Flex/Flex.cjs";
+import { Grid, GridProps } from "./components/Grid/Grid.cjs";
+import { SeparatorVariants } from "./components/Separator/Separator.styles.cjs";
+import { Separator, SeparatorProps } from "./components/Separator/Separator.cjs";
+import { SpacerVariants } from "./components/Spacer/Spacer.styles.cjs";
+import { Spacer, SpacerProps } from "./components/Spacer/Spacer.cjs";
+import { RatioChart, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps } from "./components/RatioChart/RatioChart.cjs";
+import { RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps } from "./components/RatioChart/RatioChartEditor.cjs";
+import { SelectVariants } from "./components/Select/Select.styles.cjs";
+import { Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps } from "./components/Select/Select.cjs";
+import { DialogVariants } from "./components/Dialog/Dialog.styles.cjs";
+import { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps } from "./components/Dialog/Dialog.cjs";
+import { DropdownVariants } from "./components/Dropdown/Dropdown.styles.cjs";
+import { Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps } from "./components/Dropdown/Dropdown.cjs";
+import { Float, FloatProps } from "./components/Float/Float.cjs";
+import { ChipVariants } from "./components/Chip/Chip.styles.cjs";
+import { Chip, ChipProps } from "./components/Chip/Chip.cjs";
+import { AvatarVariants } from "./components/Avatar/Avatar.styles.cjs";
+import { Avatar, AvatarProps } from "./components/Avatar/Avatar.cjs";
+import { TabVariants } from "./components/Tab/Tab.styles.cjs";
+import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } from "./components/Tab/Tab.cjs";
+import { ToastVariants } from "./components/Toast/Toast.styles.cjs";
+import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./components/Toast/Toast.cjs";
+import { ModalVariants } from "./components/Modal/Modal.styles.cjs";
+import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./components/Modal/Modal.cjs";
+export { Avatar, AvatarProps, AvatarVariants, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Spacer, SpacerProps, SpacerVariants, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, useRadioGroupContext };

package/dist/index.d.mts

@@ -1,207 +1,52 @@
-import React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClassValue } from 'clsx';
-
-type Typography = 'caption-sm' | 'caption-sm-point' | 'caption-md' | 'caption-md-point' | 'body2-sm' | 'body2-sm-point' | 'body2-md' | 'body2-md-point' | 'body-sm' | 'body-sm-point' | 'body-md' | 'body-md-point' | 'subtitle-sm' | 'subtitle-sm-point' | 'subtitle-md' | 'subtitle-md-point' | 'title-sm' | 'title-md' | 'head-sm' | 'head-md' | 'fixed-12' | 'fixed-14' | 'fixed-15' | 'fixed-16' | 'fixed-18' | 'fixed-20' | 'fixed-24';
-type TextColor = 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900' | 'blue-50' | 'blue-500' | 'blue-700' | 'red-100' | 'red-400' | 'white' | 'black';
-type TextAlign = 'left' | 'center' | 'right' | 'justify';
-
-/**
- * Polymorphic component props (includes ref)
- *
- * @example
- * ```tsx
- * type ButtonProps<E extends React.ElementType = 'button'> =
- *   PolymorphicProps<E, { variant?: 'primary' | 'secondary' }>;
- * ```
- */
-type PolymorphicProps<E extends React.ElementType = 'div', Props = object> = Props & {
-    as?: E;
-} & Omit<React.ComponentProps<E>, keyof Props | 'as'>;
-/**
- * Polymorphic component props without ref
- */
-type PolymorphicPropsWithoutRef<E extends React.ElementType = 'div', Props = object> = Props & {
-    as?: E;
-} & Omit<React.ComponentPropsWithoutRef<E>, keyof Props | 'as'>;
-
-/** Text element types that can be used with as prop */
-type TextElement = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'label' | 'a';
-/** Base text styling props - reusable for other components */
-interface TextStyleProps {
-    /** Typography preset - format: {variant}-{size}[-point] */
-    typography?: Typography;
-    /** Text color */
-    textColor?: TextColor;
-    /** Text alignment */
-    align?: TextAlign;
-}
-/** Full Text component props with polymorphic support */
-type TextProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextStyleProps>;
-declare const Text: {
-    <E extends TextElement = "span">({ typography, textColor, align, as, children, className, ...props }: TextProps<E>): React.DetailedReactHTMLElement<{
-        className: string;
-    } & Omit<TextProps<E>, "as" | "typography" | "textColor" | "align" | "className" | "children">, HTMLSpanElement>;
-    displayName: string;
-};
-
-interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    disabled?: boolean;
-    error?: boolean;
-}
-type FieldLabelProps<E extends TextElement = 'label'> = PolymorphicProps<E, TextStyleProps>;
-interface FieldDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    className?: string;
-}
-interface FieldErrorDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    className?: string;
-}
-declare const Field: {
-    ({ children, disabled, error, className, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    Label: {
-        <E extends TextElement = "label">({ children, className, typography, textColor, ...labelProps }: FieldLabelProps<E>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Description: {
-        ({ children, className, ...props }: FieldDescriptionProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-    ErrorDescription: {
-        ({ children, className, ...props }: FieldErrorDescriptionProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-};
-
-type TextInputVariant = 'default' | 'underline';
-interface TextInputProps extends React.ComponentProps<'input'>, TextStyleProps {
-    /** Input variant style */
-    variant?: TextInputVariant;
-    /** Icon to display on the left side of input */
-    leftIcon?: React.ReactNode;
-    /** Icon to display on the right side of input */
-    rightIcon?: React.ReactNode;
-    /** Error state (overrides Field context) */
-    error?: boolean;
-}
-declare const TextInput: {
-    ({ id: idProp, disabled: disabledProp, error: errorProp, className, leftIcon, rightIcon, variant, typography, textColor, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface PrimitiveProps {
-    /**
-     * Whether the element should be rendered as a child of a slot.
-     * @default false
-     */
-    asChild?: boolean;
-}
-
-interface TextAreaProps extends React.HTMLAttributes<HTMLDivElement>, PrimitiveProps {
-    children: React.ReactNode;
-}
-interface TextAreaInputProps extends React.ComponentProps<'textarea'> {
-    /** Whether to allow vertical resizing @default true */
-    resize?: boolean;
-}
-interface TextAreaFooterProps extends React.HTMLAttributes<HTMLDivElement>, PrimitiveProps {
-    children: React.ReactNode;
-}
-declare const TextArea: {
-    ({ className, children, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    Input: {
-        ({ resize, disabled: disabledProp, className, ...props }: TextAreaInputProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ className, children, ...props }: TextAreaFooterProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
-interface RadioGroupContextValue {
-    name: string;
-    value?: string;
-    onChange?: (value: string) => void;
-}
-declare const useRadioGroupContext: () => RadioGroupContextValue | null;
-interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement>, PrimitiveProps {
-    name: string;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    children: React.ReactNode;
-}
-declare const RadioGroup: {
-    ({ name, value, defaultValue, onValueChange, className, children, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-interface RadioProps extends Omit<React.ComponentProps<'input'>, 'type'> {
-    value: string;
-    children: React.ReactNode;
-}
-declare const Radio: {
-    ({ value, children, className, checked: checkedProp, onChange, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-/**
- * Combines class names with Tailwind CSS conflict resolution
- *
- * @example
- * mergeStyles('px-2 py-1', 'px-4') // => 'py-1 px-4'
- * mergeStyles('text-red-500', condition && 'text-blue-500')
- */
-declare function mergeStyles(...inputs: ClassValue[]): string;
-
-interface ToggleRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'> {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    children?: React.ReactNode;
-}
-type ToggleLabelProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextStyleProps>;
-declare const Toggle: {
-    ({ checked: checkedProp, defaultChecked, onCheckedChange, disabled, children, className, ...props }: ToggleRootProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    Switch: {
-        (): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Label: {
-        <E extends TextElement = "span">({ children, typography, textColor, ...props }: ToggleLabelProps<E>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
-interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'> {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    children?: React.ReactNode;
-}
-type CheckboxLabelProps<E extends TextElement = 'span'> = PolymorphicProps<E, TextStyleProps>;
-declare const Checkbox: {
-    ({ checked: checkedProp, defaultChecked, onCheckedChange, disabled, children, className, ...props }: CheckboxRootProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    Indicator: {
-        (): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Label: {
-        <E extends TextElement = "span">({ children, typography, textColor, ...props }: CheckboxLabelProps<E>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
-export { Checkbox, type CheckboxLabelProps, type CheckboxRootProps, Field, type FieldDescriptionProps, type FieldErrorDescriptionProps, type FieldLabelProps, type FieldProps, type PolymorphicProps, type PolymorphicPropsWithoutRef, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Text, TextArea, type TextAreaFooterProps, type TextAreaInputProps, type TextAreaProps, type TextColor, TextInput, type TextInputProps, type TextInputVariant, type TextProps, type TextStyleProps, Toggle, type ToggleLabelProps, type ToggleRootProps, type Typography, mergeStyles, useRadioGroupContext };
+import { TextVariants } from "./components/Text/Text.styles.mjs";
+import { PolymorphicProps, PolymorphicPropsWithoutRef } from "./utils/polymorphic/polymorphic.mjs";
+import { Text, TextElement, TextProps } from "./components/Text/Text.mjs";
+import { Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps } from "./components/Field/Field.mjs";
+import { TextInputVariants } from "./components/TextInput/TextInput.styles.mjs";
+import { TextInput, TextInputProps } from "./components/TextInput/TextInput.mjs";
+import { Primitive, PrimitiveProps } from "./components/Primitive/Primitive.mjs";
+import { TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps } from "./components/TextArea/TextArea.mjs";
+import { Radio, RadioGroup, RadioGroupProps, RadioProps, useRadioGroupContext } from "./components/Radio/Radio.mjs";
+import { mergeStyles } from "./utils/mergeStyles/mergeStyles.mjs";
+import { convertPxToRem } from "./utils/converter/converter.mjs";
+import { splitVariantProps } from "./utils/splitter/splitter.mjs";
+import "./utils/index.mjs";
+import { Toggle, ToggleLabelProps, ToggleRootProps } from "./components/Toggle/Toggle.mjs";
+import { Checkbox, CheckboxLabelProps, CheckboxRootProps } from "./components/Checkbox/Checkbox.mjs";
+import { Button, ButtonProps } from "./components/Button/Button.mjs";
+import { CTAButton, CTAButtonProps } from "./components/CTAButton/CTAButton.mjs";
+import { FloatingActionButton, FloatingActionButtonProps } from "./components/FloatingActionButton/FloatingActionButton.mjs";
+import { BoxVariants, box } from "./components/Box/Box.styles.mjs";
+import { Box, BoxProps } from "./components/Box/Box.mjs";
+import { StackVariants } from "./components/Stack/Stack.styles.mjs";
+import { Stack, StackProps } from "./components/Stack/Stack.mjs";
+import { VStack, VStackProps } from "./components/VStack/VStack.mjs";
+import { HStack, HStackProps } from "./components/HStack/HStack.mjs";
+import { FlexAlign, FlexDirection, FlexGap, FlexJustify } from "./components/Flex/Flex.styles.mjs";
+import { Flex, FlexProps } from "./components/Flex/Flex.mjs";
+import { Grid, GridProps } from "./components/Grid/Grid.mjs";
+import { SeparatorVariants } from "./components/Separator/Separator.styles.mjs";
+import { Separator, SeparatorProps } from "./components/Separator/Separator.mjs";
+import { SpacerVariants } from "./components/Spacer/Spacer.styles.mjs";
+import { Spacer, SpacerProps } from "./components/Spacer/Spacer.mjs";
+import { RatioChart, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps } from "./components/RatioChart/RatioChart.mjs";
+import { RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps } from "./components/RatioChart/RatioChartEditor.mjs";
+import { SelectVariants } from "./components/Select/Select.styles.mjs";
+import { Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps } from "./components/Select/Select.mjs";
+import { DialogVariants } from "./components/Dialog/Dialog.styles.mjs";
+import { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps } from "./components/Dialog/Dialog.mjs";
+import { DropdownVariants } from "./components/Dropdown/Dropdown.styles.mjs";
+import { Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps } from "./components/Dropdown/Dropdown.mjs";
+import { Float, FloatProps } from "./components/Float/Float.mjs";
+import { ChipVariants } from "./components/Chip/Chip.styles.mjs";
+import { Chip, ChipProps } from "./components/Chip/Chip.mjs";
+import { AvatarVariants } from "./components/Avatar/Avatar.styles.mjs";
+import { Avatar, AvatarProps } from "./components/Avatar/Avatar.mjs";
+import { TabVariants } from "./components/Tab/Tab.styles.mjs";
+import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } from "./components/Tab/Tab.mjs";
+import { ToastVariants } from "./components/Toast/Toast.styles.mjs";
+import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./components/Toast/Toast.mjs";
+import { ModalVariants } from "./components/Modal/Modal.styles.mjs";
+import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./components/Modal/Modal.mjs";
+import "./components/index.mjs";
+export { Avatar, AvatarProps, AvatarVariants, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Spacer, SpacerProps, SpacerVariants, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, useRadioGroupContext };