@szum-tech/design-system 2.1.0 → 2.1.1

package/dist/chunk-463KEXY6.cjs

@@ -6,6 +6,7 @@ var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/dialog/dialog.tsx
 var Dialog = radixUi.Dialog.Root;
 var DialogClose = radixUi.Dialog.Close;
 var dialogContentStyles = classVarianceAuthority.cva(

package/dist/chunk-4YZSPNLW.cjs

@@ -3,6 +3,7 @@
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/tooltip/Tooltip.tsx
 function Tooltip({
   defaultOpen,
   content,

package/dist/chunk-H2BWO3SI.cjs

@@ -3,6 +3,7 @@
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 
+// src/utils/index.ts
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }

package/dist/chunk-HIWVHD4V.js

@@ -3,6 +3,7 @@ import { CaretSortIcon, CheckIcon } from '@radix-ui/react-icons';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+// src/components/select/select.tsx
 var selectCva = cva(
   [
     "bg-app-foreground text-body-2 inline-flex h-10 w-full appearance-none items-center justify-between gap-2 border px-3 py-2 text-gray-100 outline-0 transition-colors duration-300 ease-in-out",

package/dist/chunk-HXC3EALP.js

@@ -1,6 +1,7 @@
 import { Tooltip as Tooltip$1 } from 'radix-ui';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+// src/components/tooltip/Tooltip.tsx
 function Tooltip({
   defaultOpen,
   content,

package/dist/chunk-INJBKPIE.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 export * from '@radix-ui/react-icons';
 
+// src/icons/google-logo.tsx
 function GoogleLogoIcon(props) {
   return /* @__PURE__ */ jsxs(
     "svg",

package/dist/chunk-J56UDYA3.js

@@ -4,6 +4,7 @@ import { Cross1Icon } from '@radix-ui/react-icons';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+// src/components/dialog/dialog.tsx
 var Dialog = Dialog$1.Root;
 var DialogClose = Dialog$1.Close;
 var dialogContentStyles = cva(

package/dist/chunk-LI7IHIOM.cjs

@@ -3,6 +3,7 @@
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/card/card.tsx
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
 }

package/dist/chunk-LND2W67K.cjs

@@ -4,6 +4,7 @@ var radixUi = require('radix-ui');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/label/label.tsx
 function Label({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Label.Root,

package/dist/chunk-N7DXGCBJ.cjs

@@ -3,6 +3,7 @@
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/textarea/Textarea.styles.tsx
 var textareaCva = classVarianceAuthority.cva(
   [
     "bg-app-primary font-poppins text-body-2 h-28 min-h-10 w-full appearance-none border px-3 py-2 outline-0 transition-colors duration-300 ease-in-out placeholder:select-none placeholder:text-gray-200",

package/dist/chunk-QRSQCHBO.cjs

@@ -5,6 +5,7 @@ var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/select/select.tsx
 var selectCva = classVarianceAuthority.cva(
   [
     "bg-app-foreground text-body-2 inline-flex h-10 w-full appearance-none items-center justify-between gap-2 border px-3 py-2 text-gray-100 outline-0 transition-colors duration-300 ease-in-out",

package/dist/chunk-TD2KDWNP.js

@@ -4,6 +4,7 @@ import { Cross1Icon } from '@radix-ui/react-icons';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+// src/components/sheet/sheet.tsx
 var Sheet = Dialog.Root;
 var SheetTrigger = Dialog.Trigger;
 var SheetClose = Dialog.Close;

package/dist/chunk-TSN5DAKH.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactIcons = require('@radix-ui/react-icons');
 
+// src/icons/google-logo.tsx
 function GoogleLogoIcon(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",

package/dist/chunk-US32J7DK.js

@@ -2,6 +2,7 @@ import { Label as Label$1 } from 'radix-ui';
 import { twMerge } from 'tailwind-merge';
 import { jsx } from 'react/jsx-runtime';
 
+// src/components/label/label.tsx
 function Label({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     Label$1.Root,

package/dist/chunk-UZBZFCWX.js

@@ -1,6 +1,7 @@
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
+// src/components/textarea/Textarea.styles.tsx
 var textareaCva = cva(
   [
     "bg-app-primary font-poppins text-body-2 h-28 min-h-10 w-full appearance-none border px-3 py-2 outline-0 transition-colors duration-300 ease-in-out placeholder:select-none placeholder:text-gray-200",

package/dist/chunk-VFRIU5CV.cjs

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/header/header.tsx
 function Header({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "header",

package/dist/chunk-VQMM75HD.cjs

@@ -6,6 +6,7 @@ var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/sheet/sheet.tsx
 var Sheet = radixUi.Dialog.Root;
 var SheetTrigger = radixUi.Dialog.Trigger;
 var SheetClose = radixUi.Dialog.Close;

package/dist/chunk-WTVBTZ3P.js

@@ -2,6 +2,7 @@ import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
+// src/components/helper-text/helper-text.tsx
 var helperTextCva = cva("", {
   variants: {
     type: {

package/dist/chunk-XPM62WMM.js

@@ -1,6 +1,7 @@
 import { twMerge } from 'tailwind-merge';
 import { jsx } from 'react/jsx-runtime';
 
+// src/components/card/card.tsx
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
 }

package/dist/chunk-YHU2OW52.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 
+// src/components/header/header.tsx
 function Header({ children, ...props }) {
   return /* @__PURE__ */ jsx(
     "header",

package/dist/chunk-YXTTED5V.cjs

@@ -4,6 +4,7 @@ var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/helper-text/helper-text.tsx
 var helperTextCva = classVarianceAuthority.cva("", {
   variants: {
     type: {

package/dist/chunk-ZD2QRAOX.js

@@ -1,6 +1,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
+// src/utils/index.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }

package/dist/components/form/index.d.cts

@@ -8,7 +8,7 @@ import { Slot } from '@radix-ui/react-slot';
 import 'radix-ui';
 
 type FormProps = FormProviderProps;
-declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues extends react_hook_form.FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 
 type FormItemProps = React$1.HTMLAttributes<HTMLDivElement>;
 declare const FormItem: React$1.ForwardRefExoticComponent<FormItemProps & React$1.RefAttributes<HTMLDivElement>>;

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

@@ -8,7 +8,7 @@ import { Slot } from '@radix-ui/react-slot';
 import 'radix-ui';
 
 type FormProps = FormProviderProps;
-declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues extends react_hook_form.FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 
 type FormItemProps = React$1.HTMLAttributes<HTMLDivElement>;
 declare const FormItem: React$1.ForwardRefExoticComponent<FormItemProps & React$1.RefAttributes<HTMLDivElement>>;

package/dist/components/index.cjs

@@ -1,3 +1,5 @@
+"use client";
+
 'use strict';
 
 var chunkPB3EGVTV_cjs = require('../chunk-PB3EGVTV.cjs');

package/dist/components/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../chunk-AO4TMCYJ.js';
 export { Textarea } from '../chunk-UZBZFCWX.js';
 export { Tooltip, TooltipProvider } from '../chunk-HXC3EALP.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -79,11 +79,12 @@
     "tailwind/**"
   ],
   "scripts": {
-    "build": "tsup && cpy 'src/tailwind/*.css' './tailwind' --flat",
+    "build": "tsup && cpy 'src/tailwind/*.css' './tailwind' --flat && npm run post-build",
     "lint": "eslint .",
     "lint:ci": "eslint . -o eslint-results.sarif -f @microsoft/eslint-formatter-sarif",
     "lint:fix": "eslint . --fix",
     "lint:inspect": "npx @eslint/config-inspector@latest",
+    "post-build": "node src/scripts/post-build.js",
     "prettier:check": "prettier --check .",
     "prettier:write": "prettier --write .",
     "storybook:build": "storybook build --docs",
@@ -102,59 +103,59 @@
     "@radix-ui/react-icons": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "radix-ui": "^1.1.3",
-    "tailwind-merge": "^3.0.2",
+    "radix-ui": "^1.4.1",
+    "tailwind-merge": "^3.3.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@hookform/resolvers": "^4.1.3",
-    "@storybook/addon-essentials": "^8.6.9",
-    "@storybook/addon-links": "^8.6.9",
-    "@storybook/experimental-addon-test": "^8.6.9",
-    "@storybook/react": "^8.6.9",
-    "@storybook/react-vite": "^8.6.9",
-    "@storybook/theming": "^8.6.9",
+    "@hookform/resolvers": "^5.0.1",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/experimental-addon-test": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
     "@szum-tech/eslint-config": "^2.1.6",
     "@szum-tech/prettier-config": "^1.6.1",
     "@szum-tech/semantic-release-config": "^2.3.0",
-    "@tailwindcss/postcss": "^4.0.16",
+    "@tailwindcss/postcss": "^4.1.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.13.13",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@types/node": "^22.15.19",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@vitejs/plugin-react": "^4.4.1",
     "@vitest/browser": "^3.0.9",
-    "@vitest/coverage-v8": "^3.0.9",
-    "@vitest/ui": "^3.0.9",
+    "@vitest/coverage-v8": "^3.1.3",
+    "@vitest/ui": "^3.1.3",
     "cpy-cli": "^5.0.0",
-    "eslint": "^9.23.0",
-    "playwright": "^1.51.1",
+    "eslint": "^9.27.0",
+    "playwright": "^1.52.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
+    "react": "^19.1.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.54.2",
-    "semantic-release": "^24.2.3",
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.56.4",
+    "semantic-release": "^24.2.4",
     "serve": "^14.2.4",
-    "storybook": "^8.6.9",
+    "storybook": "^8.6.14",
     "storybook-dark-mode": "^4.0.2",
-    "tailwindcss": "^4.0.16",
-    "tsup": "^8.4.0",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.3",
+    "tailwindcss": "^4.1.7",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.9",
-    "zod": "^3.24.2"
+    "vitest": "^3.1.3",
+    "zod": "^3.24.4"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.54.2",
-    "tailwindcss": "^4.0.5"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "react-hook-form": "^7.56.4",
+    "tailwindcss": ">=4"
   },
   "engines": {
     "node": ">=22"