@tealca/core-components 1.0.0

package/README.md

@@ -0,0 +1,58 @@
+# tealca-core-components
+
+> A set of reusable and accessible React components, built with TypeScript. This library centralizes all of Tealca's UI components, ensuring a consistent user experience and a unified brand identity across all our web applications.
+
+## Description
+
+This repository contains reusable components developed for TEALCA, enabling integration and visual consistency across all our applications. The project is built with [Vite](https://vitejs.dev/), [React](https://react.dev/), [TypeScript](https://www.typescriptlang.org/), [SWC](https://swc.rs/), and [Storybook](https://storybook.js.org/), providing a modern, fast, and scalable environment.
+
+## Main Technologies
+
+- **Vite**: Ultra-fast bundler for development and production.
+- **React**: Library for building user interfaces.
+- **TypeScript**: Static typing for robustness and maintainability.
+- **SWC**: Modern compiler for JavaScript and TypeScript.
+- **Storybook**: Tool for developing, testing, and documenting UI components in isolation.
+
+## Installation
+
+```bash
+npm install tealca-core-components
+```
+
+## Usage
+
+```tsx
+import { PrimaryButton } from "tealca-core-components";
+
+function App() {
+  return <PrimaryButton>Click Me</PrimaryButton>;
+}
+```
+
+## Available Scripts
+
+- `npm run dev`: Starts the development environment.
+- `npm run build`: Builds the components for production.
+- `npm run preview`: Previews the production build.
+- `npm run storybook`: Starts Storybook for component development and documentation.
+
+## Project Structure
+
+```
+├── src/            # Main components
+├── public/         # Public assets
+├── index.html      # Main entry point
+├── package.json    # Dependencies and scripts
+├── tsconfig.json   # TypeScript configuration
+├── vite.config.ts  # Vite configuration
+├── .storybook/     # Storybook configuration
+```
+
+## Contributing
+
+Contributions are welcome! Please follow best development practices and ensure consistency with existing components.
+
+## License
+
+This project is property of TEALCA. Internal and collaborative use only.

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/tealca-core-components.es.js

@@ -0,0 +1,357 @@
+import oe from "react";
+function ae(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var R = { exports: {} }, E = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $;
+function se() {
+  if ($) return E;
+  $ = 1;
+  var o = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
+  function c(d, l, t) {
+    var a = null;
+    if (t !== void 0 && (a = "" + t), l.key !== void 0 && (a = "" + l.key), "key" in l) {
+      t = {};
+      for (var i in l)
+        i !== "key" && (t[i] = l[i]);
+    } else t = l;
+    return l = t.ref, {
+      $$typeof: o,
+      type: d,
+      key: a,
+      ref: l !== void 0 ? l : null,
+      props: t
+    };
+  }
+  return E.Fragment = f, E.jsx = c, E.jsxs = c, E;
+}
+var v = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var D;
+function ue() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case T:
+          return "Fragment";
+        case G:
+          return "Profiler";
+        case z:
+          return "StrictMode";
+        case Z:
+          return "Suspense";
+        case Q:
+          return "SuspenseList";
+        case ee:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case V:
+            return "Portal";
+          case B:
+            return (e.displayName || "Context") + ".Provider";
+          case X:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case H:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case K:
+            return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
+          case h:
+            r = e._payload, e = e._init;
+            try {
+              return o(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        f(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          s
+        ), f(e);
+      }
+    }
+    function d(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === h)
+        return "<...>";
+      try {
+        var r = o(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = O.A;
+      return e === null ? null : e.getOwner();
+    }
+    function t() {
+      return Error("react-stack-top-frame");
+    }
+    function a(e) {
+      if (N.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function i(e, r) {
+      function n() {
+        g || (g = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function U() {
+      var e = o(this.type);
+      return C[e] || (C[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function J(e, r, n, s, p, m, x, S) {
+      return n = m.ref, e = {
+        $$typeof: P,
+        type: e,
+        key: r,
+        props: m,
+        _owner: p
+      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: U
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: x
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: S
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function A(e, r, n, s, p, m, x, S) {
+      var u = r.children;
+      if (u !== void 0)
+        if (s)
+          if (te(u)) {
+            for (s = 0; s < u.length; s++)
+              w(u[s]);
+            Object.freeze && Object.freeze(u);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else w(u);
+      if (N.call(r, "key")) {
+        u = o(e);
+        var b = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
+        });
+        s = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", I[u + s] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          s,
+          u,
+          b,
+          u
+        ), I[u + s] = !0);
+      }
+      if (u = null, n !== void 0 && (c(n), u = "" + n), a(r) && (c(r.key), u = "" + r.key), "key" in r) {
+        n = {};
+        for (var j in r)
+          j !== "key" && (n[j] = r[j]);
+      } else n = r;
+      return u && i(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), J(
+        e,
+        u,
+        m,
+        p,
+        l(),
+        n,
+        x,
+        S
+      );
+    }
+    function w(e) {
+      typeof e == "object" && e !== null && e.$$typeof === P && e._store && (e._store.validated = 1);
+    }
+    var _ = oe, P = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), Q = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), O = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, te = Array.isArray, k = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    _ = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var g, C = {}, Y = _.react_stack_bottom_frame.bind(
+      _,
+      t
+    )(), F = k(d(t)), I = {};
+    v.Fragment = T, v.jsx = function(e, r, n, s, p) {
+      var m = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return A(
+        e,
+        r,
+        n,
+        !1,
+        s,
+        p,
+        m ? Error("react-stack-top-frame") : Y,
+        m ? k(d(e)) : F
+      );
+    }, v.jsxs = function(e, r, n, s, p) {
+      var m = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return A(
+        e,
+        r,
+        n,
+        !0,
+        s,
+        p,
+        m ? Error("react-stack-top-frame") : Y,
+        m ? k(d(e)) : F
+      );
+    };
+  })()), v;
+}
+var M;
+function ce() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? R.exports = se() : R.exports = ue()), R.exports;
+}
+var W = ce(), y = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var L;
+function le() {
+  return L || (L = 1, (function(o) {
+    (function() {
+      var f = {}.hasOwnProperty;
+      function c() {
+        for (var t = "", a = 0; a < arguments.length; a++) {
+          var i = arguments[a];
+          i && (t = l(t, d(i)));
+        }
+        return t;
+      }
+      function d(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return c.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var a = "";
+        for (var i in t)
+          f.call(t, i) && t[i] && (a = l(a, i));
+        return a;
+      }
+      function l(t, a) {
+        return a ? t ? t + " " + a : t + a : t;
+      }
+      o.exports ? (c.default = c, o.exports = c) : window.classNames = c;
+    })();
+  })(y)), y.exports;
+}
+var ie = le();
+const q = /* @__PURE__ */ ae(ie), fe = ({
+  children: o,
+  className: f,
+  disabled: c,
+  ...d
+}) => /* @__PURE__ */ W.jsx(
+  "button",
+  {
+    className: q(
+      "inline-flex justify-center rounded-md px-3 py-2 text-sm font-semibold shadow-sm focus-visible:outline-2 focus-visible:outline-offset-2 border-2 cursor-pointer",
+      f,
+      c ? "pointer-events-none opacity-50" : ""
+    ),
+    ...d,
+    children: o
+  }
+), de = ({
+  children: o,
+  className: f,
+  ...c
+}) => /* @__PURE__ */ W.jsx(
+  fe,
+  {
+    className: q(
+      "bg-tealca-500 border-tealca-500 hover:bg-tealca-400 text-white focus-visible:outline-tealca-400",
+      f
+    ),
+    ...c,
+    children: o
+  }
+);
+export {
+  de as PrimaryButton
+};

package/dist/tealca-core-components.umd.js

@@ -0,0 +1,26 @@
+(function(b,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],v):(b=typeof globalThis<"u"?globalThis:b||self,v(b["tealca-core-components"]={},b.React))})(this,(function(b,v){"use strict";function V(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var T={exports:{}},_={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var A;function z(){if(A)return _;A=1;var o=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function c(m,i,t){var a=null;if(t!==void 0&&(a=""+t),i.key!==void 0&&(a=""+i.key),"key"in i){t={};for(var l in i)l!=="key"&&(t[l]=i[l])}else t=i;return i=t.ref,{$$typeof:o,type:m,key:a,ref:i!==void 0?i:null,props:t}}return _.Fragment=f,_.jsx=c,_.jsxs=c,_}var R={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var w;function G(){return w||(w=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===fe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case ne:return"Profiler";case te:return"StrictMode";case ue:return"Suspense";case ce:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case re:return"Portal";case ae:return(e.displayName||"Context")+".Provider";case oe:return(e._context.displayName||"Context")+".Consumer";case se:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case M:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function f(e){return""+e}function c(e){try{f(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),f(e)}}function m(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===M)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function i(){var e=x.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function a(e){if($.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function l(e,r){function n(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function K(){var e=o(this.type);return W[e]||(W[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function ee(e,r,n,s,p,d,k,h){return n=d.ref,e={$$typeof:D,type:e,key:r,props:d,_owner:p},(n!==void 0?n:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:K}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:k}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:h}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function F(e,r,n,s,p,d,k,h){var u=r.children;if(u!==void 0)if(s)if(de(u)){for(s=0;s<u.length;s++)I(u[s]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else I(u);if($.call(r,"key")){u=o(e);var E=Object.keys(r).filter(function(me){return me!=="key"});s=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",J[u+s]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,s,u,E,u),J[u+s]=!0)}if(u=null,n!==void 0&&(c(n),u=""+n),a(r)&&(c(r.key),u=""+r.key),"key"in r){n={};for(var P in r)P!=="key"&&(n[P]=r[P])}else n=r;return u&&l(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),ee(e,u,d,p,i(),n,k,h)}function I(e){typeof e=="object"&&e!==null&&e.$$typeof===D&&e._store&&(e._store.validated=1)}var O=v,D=Symbol.for("react.transitional.element"),re=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),te=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),oe=Symbol.for("react.consumer"),ae=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),ue=Symbol.for("react.suspense"),ce=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),fe=Symbol.for("react.client.reference"),x=O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,de=Array.isArray,j=console.createTask?console.createTask:function(){return null};O={react_stack_bottom_frame:function(e){return e()}};var L,W={},q=O.react_stack_bottom_frame.bind(O,t)(),U=j(m(t)),J={};R.Fragment=S,R.jsx=function(e,r,n,s,p){var d=1e4>x.recentlyCreatedOwnerStacks++;return F(e,r,n,!1,s,p,d?Error("react-stack-top-frame"):q,d?j(m(e)):U)},R.jsxs=function(e,r,n,s,p){var d=1e4>x.recentlyCreatedOwnerStacks++;return F(e,r,n,!0,s,p,d?Error("react-stack-top-frame"):q,d?j(m(e)):U)}})()),R}var g;function B(){return g||(g=1,process.env.NODE_ENV==="production"?T.exports=z():T.exports=G()),T.exports}var N=B(),y={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var C;function X(){return C||(C=1,(function(o){(function(){var f={}.hasOwnProperty;function c(){for(var t="",a=0;a<arguments.length;a++){var l=arguments[a];l&&(t=i(t,m(l)))}return t}function m(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return c.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var a="";for(var l in t)f.call(t,l)&&t[l]&&(a=i(a,l));return a}function i(t,a){return a?t?t+" "+a:t+a:t}o.exports?(c.default=c,o.exports=c):window.classNames=c})()})(y)),y.exports}var H=X();const Y=V(H),Z=({children:o,className:f,disabled:c,...m})=>N.jsx("button",{className:Y("inline-flex justify-center rounded-md px-3 py-2 text-sm font-semibold shadow-sm focus-visible:outline-2 focus-visible:outline-offset-2 border-2 cursor-pointer",f,c?"pointer-events-none opacity-50":""),...m,children:o}),Q=({children:o,className:f,...c})=>N.jsx(Z,{className:Y("bg-tealca-500 border-tealca-500 hover:bg-tealca-400 text-white focus-visible:outline-tealca-400",f),...c,children:o});b.PrimaryButton=Q,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@tealca/core-components",
+  "private": false,
+  "version": "1.0.0",
+  "description": "A collection of shared UI components for Tealca's applications.",
+  "main": "dist/tealca-core-components.umd.js",
+  "module": "dist/tealca-core-components.es.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.12",
+    "classnames": "^2.5.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "tailwindcss": "^4.1.12"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
+    "@eslint/js": "^9.33.0",
+    "@storybook/addon-a11y": "^9.1.4",
+    "@storybook/addon-docs": "^9.1.4",
+    "@storybook/addon-onboarding": "^9.1.4",
+    "@storybook/addon-styling-webpack": "^2.0.0",
+    "@storybook/addon-vitest": "^9.1.4",
+    "@storybook/builder-vite": "^9.1.4",
+    "@storybook/react-vite": "^9.1.4",
+    "@tailwindcss/forms": "^0.5.10",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24.3.1",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react-swc": "^4.0.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.4",
+    "globals": "^16.3.0",
+    "jsdom": "^26.1.0",
+    "playwright": "^1.55.0",
+    "prettier": "^3.6.2",
+    "storybook": "^9.1.4",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}