@lotte-innovate/ui-component-test 0.0.4 → 0.0.5

package/dist/components/ToggleSwitch/index.d.ts

@@ -5,9 +5,9 @@ export interface ToggleSwitchProps extends VariantProps<typeof toggleSwitchVaria
     children?: any;
 }
 declare const toggleSwitchVariants: (props?: ({
-    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
-    radius?: "medium" | "small" | "none" | "large" | "full" | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export default ToggleSwitch;

package/dist/components/ToggleSwitch/index.jsx

@@ -64,11 +64,11 @@ export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (<Theme className="flex" accentColor={color} hasBackground={false}>
-        <Text as="label" className={cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling }))}>
-          <SwitchTheme ref={forwardedRef} {...switchProps} variant={appearance} radius={radius} size={sizeTheme} color={color} className={cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className)}></SwitchTheme>
-          {children}
-        </Text>
+    return (<Theme className="flex" accentColor={color} hasBackground={false}>
+        <Text as="label" className={cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling }))}>
+          <SwitchTheme ref={forwardedRef} {...switchProps} variant={appearance} radius={radius} size={sizeTheme} color={color} className={cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className)}></SwitchTheme>
+          {children}
+        </Text>
       </Theme>);
 });
 ToggleSwitch.displayName = 'ToggleSwitch';

package/dist/components/Tooltip/index.d.ts

@@ -11,7 +11,7 @@ export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement
     side?: 'top' | 'right' | 'bottom' | 'left';
 }
 declare const tooltipVariants: (props?: ({
-    scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "map" | "filter" | "fill" | "values" | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | "toString" | "join" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | "pop" | "push" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "copyWithin" | null | undefined;
+    scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "map" | "filter" | "fill" | "values" | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | "toString" | "pop" | "push" | "join" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "copyWithin" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | null | undefined;
     weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     color?: string | null | undefined;

package/dist/components/Tooltip/index.jsx

@@ -43,16 +43,16 @@ export var Tooltip = React.forwardRef(function (_a) {
     var arrowColor = color
         ? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
         : 'fill-slate-12 dark:fill-slateDark-12';
-    return (<TooltipPrimitive.Provider>
-        <TooltipPrimitive.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
-          <TooltipPrimitive.Trigger className="cursor-pointer text-slate-12 dark:text-slateDark-12" asChild>
-            {children}
-          </TooltipPrimitive.Trigger>
-          <TooltipPrimitive.Content align="center" {...props} side={side} className={cn('mr-2', tooltipVariants({ scaling: scaling, weight: weight, radius: radius, color: color }), className)} sideOffset={5}>
-            {content}
-            <TooltipPrimitive.Arrow width={11} height={5} className={arrowColor}/>
-          </TooltipPrimitive.Content>
-        </TooltipPrimitive.Root>
+    return (<TooltipPrimitive.Provider>
+        <TooltipPrimitive.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
+          <TooltipPrimitive.Trigger className="cursor-pointer text-slate-12 dark:text-slateDark-12" asChild>
+            {children}
+          </TooltipPrimitive.Trigger>
+          <TooltipPrimitive.Content align="center" {...props} side={side} className={cn('mr-2', tooltipVariants({ scaling: scaling, weight: weight, radius: radius, color: color }), className)} sideOffset={5}>
+            {content}
+            <TooltipPrimitive.Arrow width={11} height={5} className={arrowColor}/>
+          </TooltipPrimitive.Content>
+        </TooltipPrimitive.Root>
       </TooltipPrimitive.Provider>);
 });
 Tooltip.displayName = TooltipPrimitive.Root.displayName;

package/dist/components/index.d.ts

@@ -1,48 +0,0 @@
-export { default as Accordion } from './Accordion';
-export { default as AlertDialog } from './AlertDialog';
-export { default as AspectRatio } from './AspectRatio';
-export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
-export { default as Button } from './Button';
-export { default as Callout } from './Callout';
-export { default as Card } from './Card';
-export { default as Checkbox } from './Checkbox';
-export { default as CheckboxCard } from './CheckboxCard';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export { default as ContextMenu } from './ContextMenu';
-export { default as DataList } from './DataList';
-export { default as Dialog } from './Dialog';
-export { default as DropdownMenu } from './DropdownMenu';
-export { default as HoverCard } from './HoverCard';
-export { default as IconButton } from './IconButton';
-export { default as Inset } from './Inset';
-export { default as Label } from './Label';
-export { default as Menubar } from './Menubar';
-export { default as NavigationMenu } from './NavigationMenu';
-export { default as Popover } from './Popover';
-export { default as Progress } from './Progress';
-export { default as Radio } from './Radio';
-export { default as RadioCards } from './RadioCards';
-export { default as RadioGroup } from './RadioGroup';
-export { default as ScrollArea } from './ScrollArea';
-export { default as SegmentedControl } from './SegmentedControl';
-export { default as Select } from './Select';
-export { default as Separator } from './Separator';
-export { default as Skeleton } from './Skeleton';
-export { default as Slider } from './Slider';
-export { default as Spinner } from './Spinner';
-export { default as Table } from './Table';
-export { default as TabNav } from './TabNav';
-export { default as Tabs } from './Tabs';
-export { default as TextArea } from './TextArea';
-export { default as TextField } from './TextField';
-export { default as Toast } from './Toast';
-export { default as Toggle } from './Toggle';
-export { default as ToggleGroup } from './ToggleGroup';
-export { default as ToggleSwitch } from './ToggleSwitch';
-export { default as Header } from '../Typography/Header';
-export { default as Text } from '../Typography/Text';
-export { default as BubbleChart } from './BubbleChart';
-export { default as RadarChart } from './RadarChart';
-export { default as PieChart } from './PieChart';
-export { default as DoughnutChart } from './DoughnutChart';

package/dist/components/index.js

@@ -1,51 +1,52 @@
-// Component
-export { default as Accordion } from './Accordion';
-export { default as AlertDialog } from './AlertDialog';
-export { default as AspectRatio } from './AspectRatio';
-export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
-export { default as Button } from './Button';
-export { default as Callout } from './Callout';
-export { default as Card } from './Card';
-export { default as Checkbox } from './Checkbox';
-export { default as CheckboxCard } from './CheckboxCard';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export { default as ContextMenu } from './ContextMenu';
-export { default as DataList } from './DataList';
-export { default as Dialog } from './Dialog';
-export { default as DropdownMenu } from './DropdownMenu';
-export { default as HoverCard } from './HoverCard';
-export { default as IconButton } from './IconButton';
-export { default as Inset } from './Inset';
-export { default as Label } from './Label';
-export { default as Menubar } from './Menubar';
-export { default as NavigationMenu } from './NavigationMenu';
-export { default as Popover } from './Popover';
-export { default as Progress } from './Progress';
-export { default as Radio } from './Radio';
-export { default as RadioCards } from './RadioCards';
-export { default as RadioGroup } from './RadioGroup';
-export { default as ScrollArea } from './ScrollArea';
-export { default as SegmentedControl } from './SegmentedControl';
-export { default as Select } from './Select';
-export { default as Separator } from './Separator';
-export { default as Skeleton } from './Skeleton';
-export { default as Slider } from './Slider';
-export { default as Spinner } from './Spinner';
-export { default as Table } from './Table';
-export { default as TabNav } from './TabNav';
-export { default as Tabs } from './Tabs';
-export { default as TextArea } from './TextArea';
-export { default as TextField } from './TextField';
-export { default as Toast } from './Toast';
-export { default as Toggle } from './Toggle';
-export { default as ToggleGroup } from './ToggleGroup';
-export { default as ToggleSwitch } from './ToggleSwitch';
-// Typography
-export { default as Header } from '../Typography/Header';
-export { default as Text } from '../Typography/Text';
-// Chart
-export { default as BubbleChart } from './BubbleChart';
-export { default as RadarChart } from './RadarChart';
-export { default as PieChart } from './PieChart';
-export { default as DoughnutChart } from './DoughnutChart';
+"use strict";
+// // Component
+// export { default as Accordion } from './Accordion';
+// export { default as AlertDialog } from './AlertDialog';
+// export { default as AspectRatio } from './AspectRatio';
+// export { default as Avatar } from './Avatar';
+// export { default as Badge } from './Badge';
+// export { default as Button } from './Button';
+// export { default as Callout } from './Callout';
+// export { default as Card } from './Card';
+// export { default as Checkbox } from './Checkbox';
+// export { default as CheckboxCard } from './CheckboxCard';
+// export { default as CheckboxGroup } from './CheckboxGroup';
+// export { default as ContextMenu } from './ContextMenu';
+// export { default as DataList } from './DataList';
+// export { default as Dialog } from './Dialog';
+// export { default as DropdownMenu } from './DropdownMenu';
+// export { default as HoverCard } from './HoverCard';
+// export { default as IconButton } from './IconButton';
+// export { default as Inset } from './Inset';
+// export { default as Label } from './Label';
+// export { default as Menubar } from './Menubar';
+// export { default as NavigationMenu } from './NavigationMenu';
+// export { default as Popover } from './Popover';
+// export { default as Progress } from './Progress';
+// export { default as Radio } from './Radio';
+// export { default as RadioCards } from './RadioCards';
+// export { default as RadioGroup } from './RadioGroup';
+// export { default as ScrollArea } from './ScrollArea';
+// export { default as SegmentedControl } from './SegmentedControl';
+// export { default as Select } from './Select';
+// export { default as Separator } from './Separator';
+// export { default as Skeleton } from './Skeleton';
+// export { default as Slider } from './Slider';
+// export { default as Spinner } from './Spinner';
+// export { default as Table } from './Table';
+// export { default as TabNav } from './TabNav';
+// export { default as Tabs } from './Tabs';
+// export { default as TextArea } from './TextArea';
+// export { default as TextField } from './TextField';
+// export { default as Toast } from './Toast';
+// export { default as Toggle } from './Toggle';
+// export { default as ToggleGroup } from './ToggleGroup';
+// export { default as ToggleSwitch } from './ToggleSwitch';
+// // Typography
+// export { default as Header } from '../Typography/Header';
+// export { default as Text } from '../Typography/Text';
+// // Chart
+// export { default as BubbleChart } from './BubbleChart';
+// export { default as RadarChart } from './RadarChart';
+// export { default as PieChart } from './PieChart';
+// export { default as DoughnutChart } from './DoughnutChart';

package/dist/index.js

@@ -0,0 +1,51 @@
+// Component
+export { default as Accordion } from './components/Accordion';
+export { default as AlertDialog } from './components/AlertDialog';
+export { default as AspectRatio } from './components/AspectRatio';
+export { default as Avatar } from './components/Avatar';
+export { default as Badge } from './components/Badge';
+export { default as Button } from './components/Button';
+export { default as Callout } from './components/Callout';
+export { default as Card } from './components/Card';
+export { default as Checkbox } from './components/Checkbox';
+export { default as CheckboxCard } from './components/CheckboxCard';
+export { default as CheckboxGroup } from './components/CheckboxGroup';
+export { default as ContextMenu } from './components/ContextMenu';
+export { default as DataList } from './components/DataList';
+export { default as Dialog } from './components/Dialog';
+export { default as DropdownMenu } from './components/DropdownMenu';
+export { default as HoverCard } from './components/HoverCard';
+export { default as IconButton } from './components/IconButton';
+export { default as Inset } from './components/Inset';
+export { default as Label } from './components/Label';
+export { default as Menubar } from './components/Menubar';
+export { default as NavigationMenu } from './components/NavigationMenu';
+export { default as Popover } from './components/Popover';
+export { default as Progress } from './components/Progress';
+export { default as Radio } from './components/Radio';
+export { default as RadioCards } from './components/RadioCards';
+export { default as RadioGroup } from './components/RadioGroup';
+export { default as ScrollArea } from './components/ScrollArea';
+export { default as SegmentedControl } from './components/SegmentedControl';
+export { default as Select } from './components/Select';
+export { default as Separator } from './components/Separator';
+export { default as Skeleton } from './components/Skeleton';
+export { default as Slider } from './components/Slider';
+export { default as Spinner } from './components/Spinner';
+export { default as Table } from './components/Table';
+export { default as TabNav } from './components/TabNav';
+export { default as Tabs } from './components/Tabs';
+export { default as TextArea } from './components/TextArea';
+export { default as TextField } from './components/TextField';
+export { default as Toast } from './components/Toast';
+export { default as Toggle } from './components/Toggle';
+export { default as ToggleGroup } from './components/ToggleGroup';
+export { default as ToggleSwitch } from './components/ToggleSwitch';
+// Typography
+// export { default as Header } from './Typography/Header';
+// export { default as Text } from './Typography/Text';
+// Chart
+export { default as BubbleChart } from './components/BubbleChart';
+export { default as RadarChart } from './components/RadarChart';
+export { default as PieChart } from './components/PieChart';
+export { default as DoughnutChart } from './components/DoughnutChart';

package/package.json

@@ -1,120 +1,119 @@
-{
-  "name": "@lotte-innovate/ui-component-test",
-  "description": "Lotte UI Library",
-  "version": "0.0.4",
-  "private": false,
-  "type": "module",
-  "files": [
-    "dist/components",
-    "dist/Typography"
-  ],
-  "main": "dist/components/index.js",
-  "module": "dist/components/index.js",
-  "types": "dist/components/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "browser": "./browser/specific/main.js",
-  "babel": {
-    "presets": [
-      "@babel/preset-react"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build && tsc",
-    "prepare": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "publish:npm": "rimraf dist && mkdir dist && tsc",
-    "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.24.7",
-    "@babel/runtime-corejs3": "^7.24.7",
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-hover-card": "^1.1.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-menubar": "^1.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.0",
-    "@radix-ui/react-popover": "1.0.7",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-select": "^2.1.1",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slider": "^1.2.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.1",
-    "@radix-ui/react-tooltip": "^1.1.1",
-    "@radix-ui/themes": "^3.1.1",
-    "@stitches/core": "^1.2.8",
-    "@stitches/react": "^1.2.8",
-    "@storybook/addon-a11y": "^8.0.10",
-    "@storybook/addons": "^7.6.17",
-    "chart.js": "^4.4.4",
-    "chartjs-plugin-datalabels": "^2.2.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "cross-env": "^7.0.3",
-    "dotenv": "^16.4.5",
-    "lucide-react": "^0.364.0",
-    "next": "14.1.4",
-    "react": "^18",
-    "react-chartjs-2": "^5.2.0",
-    "react-dom": "^18",
-    "react-tabs": "^6.0.2",
-    "storybook-addon-deep-controls": "^0.7.1",
-    "storybook-dark-mode": "^4.0.2",
-    "tailwind-merge": "^2.2.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.24.7",
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
-    "@chromatic-com/storybook": "^1.2.25",
-    "@storybook/addon-essentials": "^8.0.4",
-    "@storybook/addon-interactions": "^8.0.4",
-    "@storybook/addon-links": "^8.0.4",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/blocks": "^8.0.4",
-    "@storybook/nextjs": "^8.0.4",
-    "@storybook/react": "^8.0.4",
-    "@storybook/test": "^8.0.4",
-    "@storybook/theming": "^8.2.4",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
-    "chromatic": "^11.5.4",
-    "eslint": "^8",
-    "eslint-config-next": "14.1.4",
-    "eslint-plugin-storybook": "^0.8.0",
-    "postcss": "^8",
-    "rimraf": "^6.0.1",
-    "storybook": "^8.2.6",
-    "tailwindcss": "^3.3.0",
-    "typescript": "^5"
-  }
-}
+{
+  "name": "@lotte-innovate/ui-component-test",
+  "description": "Lotte UI Library",
+  "version": "0.0.5",
+  "private": false,
+  "type": "module",
+  "files": [
+    "dist/components"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "browser": "./browser/specific/main.js",
+  "babel": {
+    "presets": [
+      "@babel/preset-react"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build && tsc",
+    "prepare": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "publish:npm": "rimraf dist && mkdir dist && tsc",
+    "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.24.7",
+    "@babel/runtime-corejs3": "^7.24.7",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-hover-card": "^1.1.1",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.1",
+    "@radix-ui/themes": "^3.1.1",
+    "@stitches/core": "^1.2.8",
+    "@stitches/react": "^1.2.8",
+    "@storybook/addon-a11y": "^8.0.10",
+    "@storybook/addons": "^7.6.17",
+    "chart.js": "^4.4.4",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "cross-env": "^7.0.3",
+    "dotenv": "^16.4.5",
+    "lucide-react": "^0.364.0",
+    "next": "14.1.4",
+    "react": "^18",
+    "react-chartjs-2": "^5.2.0",
+    "react-dom": "^18",
+    "react-tabs": "^6.0.2",
+    "storybook-addon-deep-controls": "^0.7.1",
+    "storybook-dark-mode": "^4.0.2",
+    "tailwind-merge": "^2.2.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@chromatic-com/storybook": "^1.2.25",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-interactions": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/blocks": "^8.0.4",
+    "@storybook/nextjs": "^8.0.4",
+    "@storybook/react": "^8.0.4",
+    "@storybook/test": "^8.0.4",
+    "@storybook/theming": "^8.2.4",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.0.1",
+    "chromatic": "^11.5.4",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.4",
+    "eslint-plugin-storybook": "^0.8.0",
+    "postcss": "^8",
+    "rimraf": "^6.0.1",
+    "storybook": "^8.2.6",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^5"
+  }
+}

package/dist/Typography/Header/index.d.ts

@@ -1,13 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import React from 'react';
-import { IColor } from '../../types';
-export interface HeaderProps extends VariantProps<typeof headerVariants> {
-    color?: IColor;
-}
-declare let headerVariants: (props?: ({
-    weight?: "regular" | "medium" | "semibold" | "bold" | null | undefined;
-    headers?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Header: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
-export default Header;

package/dist/Typography/Header/index.jsx

@@ -1,58 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { cn } from '../../utils/utils';
-import { cva } from 'class-variance-authority';
-import { textColorStyle, weightVariants } from '../../constants';
-import { Heading as HeadingTheme, Theme } from '@radix-ui/themes';
-import React from 'react';
-var weights = __assign({}, weightVariants);
-var headers = {
-    h1: 'h1',
-    h2: 'h2',
-    h3: 'h3',
-    h4: 'h4',
-    h5: 'h5',
-    h6: 'h6',
-};
-var headerVariants = cva('', {
-    variants: {
-        weight: weights,
-        headers: headers,
-        color: textColorStyle(),
-    },
-    defaultVariants: {
-        color: 'black',
-    },
-});
-export var Header = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, size = _a.size, weight = _a.weight, color = _a.color, headers = _a.headers, align = _a.align, rootProps = __rest(_a, ["className", "children", "size", "weight", "color", "headers", "align"]);
-    if (!headers)
-        headers = 'h1';
-    return (<Theme>
-      <HeadingTheme ref={ref} as={headers} size={size} align={align} className={cn('leading-normal', headerVariants({ weight: weight, color: color }), className)} {...rootProps}>
-        {children}
-      </HeadingTheme>
-    </Theme>);
-});
-Header.displayName = 'Header';
-export default Header;

package/dist/Typography/Text/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../types';
-import { ITypoSize } from '../../types';
-export interface TextProps extends VariantProps<typeof textVariants> {
-    color?: IColor;
-    size?: ITypoSize;
-    as?: 'span' | 'div' | 'label' | 'p';
-    align?: 'left' | 'center' | 'right';
-}
-declare const textVariants: (props?: ({
-    weight?: "regular" | "medium" | "semibold" | "bold" | "light" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & TextProps & React.RefAttributes<HTMLSpanElement>>;
-export default Text;