@cobe84/design-system 0.1.0

package/dist/index.d.ts

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

package/dist/nuwsd-design-system.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react");var A={exports:{}},R={};/**
+ * @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 q;function re(){if(q)return R;q=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function d(c,s,i){var f=null;if(i!==void 0&&(f=""+i),s.key!==void 0&&(f=""+s.key),"key"in s){i={};for(var _ in s)_!=="key"&&(i[_]=s[_])}else i=s;return s=i.ref,{$$typeof:l,type:c,key:f,ref:s!==void 0?s:null,props:i}}return R.Fragment=u,R.jsx=d,R.jsxs=d,R}var T={};/**
+ * @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 U;function te(){return U||(U=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case w:return"Profiler";case S:return"StrictMode";case Z:return"Suspense";case G:return"SuspenseList";case H: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 k:return"Portal";case g:return e.displayName||"Context";case N:return(e._context.displayName||"Context")+".Consumer";case z:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case X:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case P:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function u(e){return""+e}function d(e){try{u(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),u(e)}}function c(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=C.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function f(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function _(e,r){function t(){D||(D=!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))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function m(){var e=l(this.type);return M[e]||(M[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 O(e,r,t,n,y,Y){var a=t.ref;return e={$$typeof:p,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):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:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,r,t,n,y,Y){var a=r.children;if(a!==void 0)if(n)if(K(a)){for(n=0;n<a.length;n++)x(a[n]);Object.freeze&&Object.freeze(a)}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 x(a);if(F.call(r,"key")){a=l(e);var v=Object.keys(r).filter(function(ee){return ee!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",W[a+n]||(v=0<v.length?"{"+v.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} />`,n,a,v,a),W[a+n]=!0)}if(a=null,t!==void 0&&(d(t),a=""+t),f(r)&&(d(r.key),a=""+r.key),"key"in r){t={};for(var I in r)I!=="key"&&(t[I]=r[I])}else t=r;return a&&_(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),O(e,a,t,s(),y,Y)}function x(e){j(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?j(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function j(e){return typeof e=="object"&&e!==null&&e.$$typeof===p}var b=V,p=Symbol.for("react.transitional.element"),k=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),g=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),C=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,K=Array.isArray,$=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var D,M={},B=b.react_stack_bottom_frame.bind(b,i)(),L=$(c(i)),W={};T.Fragment=h,T.jsx=function(e,r,t){var n=1e4>C.recentlyCreatedOwnerStacks++;return E(e,r,t,!1,n?Error("react-stack-top-frame"):B,n?$(c(e)):L)},T.jsxs=function(e,r,t){var n=1e4>C.recentlyCreatedOwnerStacks++;return E(e,r,t,!0,n?Error("react-stack-top-frame"):B,n?$(c(e)):L)}})()),T}var J;function ne(){return J||(J=1,process.env.NODE_ENV==="production"?A.exports=re():A.exports=te()),A.exports}var o=ne();function ae({label:l,variant:u="primary",size:d="m",disabled:c=!1,onClick:s,iconLeft:i,iconRight:f,ariaLabel:_}){const m=["button",`button--${u}`,`button--${d}`,c?"button--disabled":""].filter(Boolean).join(" ");return o.jsxs("button",{className:m,disabled:c,onClick:s,"aria-label":_??l,type:"button",children:[i?o.jsx("span",{className:"button__icon",children:i}):null,o.jsx("span",{className:"button__label",children:l}),f?o.jsx("span",{className:"button__icon",children:f}):null]})}function oe(l){return l||`tf_${Math.random().toString(16).slice(2)}`}const le=o.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24","aria-hidden":"true",children:o.jsx("path",{d:"M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm0 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-1 4.2h2v7h-2v-7Z",fill:"currentColor"})}),se=o.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24","aria-hidden":"true",children:o.jsx("path",{d:"M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm4.2 11.2H12v-2h4.2l-1.6-1.6 1.4-1.4 4 4-4 4-1.4-1.4 1.6-1.6Z",fill:"currentColor"})});function ie({id:l,label:u,required:d=!1,helpAriaLabel:c="Ayuda",onHelpClick:s,helpIcon:i,placeholder:f,value:_,disabled:m=!1,size:O="m",state:E="default",helperText:x,leftIcon:j,rightIcon:b,onChange:p}){const k=V.useMemo(()=>oe(l),[l]),h=["textfield",m?"textfield--disabled":""].filter(Boolean).join(" "),S=["textfield__control",`textfield__control--${O}`,E==="error"?"textfield__control--error":""].filter(Boolean).join(" "),w=["textfield__helper",E==="error"?"textfield__helper--error":""].filter(Boolean).join(" "),N=!!s;return o.jsxs("div",{className:h,children:[(u||N)&&o.jsxs("div",{className:"textfield__labelRow",children:[u&&o.jsxs("label",{className:"textfield__label",htmlFor:k,children:[u,d&&o.jsx("span",{className:"textfield__required",children:"*"})]}),N&&o.jsx("button",{type:"button",className:"textfield__help","aria-label":c,onClick:s,disabled:m,children:i??o.jsx("span",{className:"textfield__helpDefaultIcon",children:"i"})})]}),o.jsxs("div",{className:S,"aria-disabled":m?"true":"false",children:[o.jsx("span",{className:"textfield__icon textfield__icon--left","aria-hidden":"true",children:j??le}),o.jsx("input",{id:k,className:"textfield__input",type:"text",placeholder:f,value:_??"",disabled:m,onChange:g=>p==null?void 0:p(g.target.value)}),o.jsx("span",{className:"textfield__icon textfield__icon--right","aria-hidden":"true",children:b??se})]}),x&&o.jsx("div",{className:w,children:x})]})}exports.Button=ae;exports.TextField=ie;

package/dist/nuwsd-design-system.es.js

@@ -0,0 +1,396 @@
+import V from "react";
+var O = { exports: {} }, R = {};
+/**
+ * @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 U;
+function re() {
+  if (U) return R;
+  U = 1;
+  var l = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function d(u, s, i) {
+    var f = null;
+    if (i !== void 0 && (f = "" + i), s.key !== void 0 && (f = "" + s.key), "key" in s) {
+      i = {};
+      for (var _ in s)
+        _ !== "key" && (i[_] = s[_]);
+    } else i = s;
+    return s = i.ref, {
+      $$typeof: l,
+      type: u,
+      key: f,
+      ref: s !== void 0 ? s : null,
+      props: i
+    };
+  }
+  return R.Fragment = c, R.jsx = d, R.jsxs = d, R;
+}
+var T = {};
+/**
+ * @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 q;
+function te() {
+  return q || (q = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case h:
+          return "Fragment";
+        case S:
+          return "Profiler";
+        case y:
+          return "StrictMode";
+        case Z:
+          return "Suspense";
+        case G:
+          return "SuspenseList";
+        case H:
+          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 k:
+            return "Portal";
+          case g:
+            return e.displayName || "Context";
+          case N:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case z:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case P:
+            r = e._payload, e = e._init;
+            try {
+              return l(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(e) {
+      return "" + e;
+    }
+    function d(e) {
+      try {
+        c(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), c(e);
+      }
+    }
+    function u(e) {
+      if (e === h) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === P)
+        return "<...>";
+      try {
+        var r = l(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = C.A;
+      return e === null ? null : e.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function f(e) {
+      if (D.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function _(e, r) {
+      function t() {
+        F || (F = !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
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function m() {
+      var e = l(this.type);
+      return M[e] || (M[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 w(e, r, t, n, A, Y) {
+      var a = t.ref;
+      return e = {
+        $$typeof: b,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: m
+      }) : 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: A
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Y
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function E(e, r, t, n, A, Y) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (K(a)) {
+            for (n = 0; n < a.length; n++)
+              x(a[n]);
+            Object.freeze && Object.freeze(a);
+          } 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 x(a);
+      if (D.call(r, "key")) {
+        a = l(e);
+        var v = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        n = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", B[a + n] || (v = 0 < v.length ? "{" + v.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} />`,
+          n,
+          a,
+          v,
+          a
+        ), B[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (d(t), a = "" + t), f(r) && (d(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var I in r)
+          I !== "key" && (t[I] = r[I]);
+      } else t = r;
+      return a && _(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), w(
+        e,
+        a,
+        t,
+        s(),
+        A,
+        Y
+      );
+    }
+    function x(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function j(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === b;
+    }
+    var p = V, b = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), g = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), C = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, K = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var F, M = {}, L = p.react_stack_bottom_frame.bind(
+      p,
+      i
+    )(), W = $(u(i)), B = {};
+    T.Fragment = h, T.jsx = function(e, r, t) {
+      var n = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : L,
+        n ? $(u(e)) : W
+      );
+    }, T.jsxs = function(e, r, t) {
+      var n = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : L,
+        n ? $(u(e)) : W
+      );
+    };
+  })()), T;
+}
+var J;
+function ne() {
+  return J || (J = 1, process.env.NODE_ENV === "production" ? O.exports = re() : O.exports = te()), O.exports;
+}
+var o = ne();
+function ie({
+  label: l,
+  variant: c = "primary",
+  size: d = "m",
+  disabled: u = !1,
+  onClick: s,
+  iconLeft: i,
+  iconRight: f,
+  ariaLabel: _
+}) {
+  const m = [
+    "button",
+    `button--${c}`,
+    `button--${d}`,
+    u ? "button--disabled" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o.jsxs(
+    "button",
+    {
+      className: m,
+      disabled: u,
+      onClick: s,
+      "aria-label": _ ?? l,
+      type: "button",
+      children: [
+        i ? /* @__PURE__ */ o.jsx("span", { className: "button__icon", children: i }) : null,
+        /* @__PURE__ */ o.jsx("span", { className: "button__label", children: l }),
+        f ? /* @__PURE__ */ o.jsx("span", { className: "button__icon", children: f }) : null
+      ]
+    }
+  );
+}
+function ae(l) {
+  return l || `tf_${Math.random().toString(16).slice(2)}`;
+}
+const oe = /* @__PURE__ */ o.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ o.jsx(
+  "path",
+  {
+    d: "M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm0 6.2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-1 4.2h2v7h-2v-7Z",
+    fill: "currentColor"
+  }
+) }), le = /* @__PURE__ */ o.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ o.jsx(
+  "path",
+  {
+    d: "M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm4.2 11.2H12v-2h4.2l-1.6-1.6 1.4-1.4 4 4-4 4-1.4-1.4 1.6-1.6Z",
+    fill: "currentColor"
+  }
+) });
+function ce({
+  id: l,
+  label: c,
+  required: d = !1,
+  helpAriaLabel: u = "Ayuda",
+  onHelpClick: s,
+  helpIcon: i,
+  placeholder: f,
+  value: _,
+  disabled: m = !1,
+  size: w = "m",
+  state: E = "default",
+  helperText: x,
+  leftIcon: j,
+  rightIcon: p,
+  onChange: b
+}) {
+  const k = V.useMemo(() => ae(l), [l]), h = [
+    "textfield",
+    m ? "textfield--disabled" : ""
+  ].filter(Boolean).join(" "), y = [
+    "textfield__control",
+    `textfield__control--${w}`,
+    E === "error" ? "textfield__control--error" : ""
+  ].filter(Boolean).join(" "), S = [
+    "textfield__helper",
+    E === "error" ? "textfield__helper--error" : ""
+  ].filter(Boolean).join(" "), N = !!s;
+  return /* @__PURE__ */ o.jsxs("div", { className: h, children: [
+    (c || N) && /* @__PURE__ */ o.jsxs("div", { className: "textfield__labelRow", children: [
+      c && /* @__PURE__ */ o.jsxs("label", { className: "textfield__label", htmlFor: k, children: [
+        c,
+        d && /* @__PURE__ */ o.jsx("span", { className: "textfield__required", children: "*" })
+      ] }),
+      N && /* @__PURE__ */ o.jsx(
+        "button",
+        {
+          type: "button",
+          className: "textfield__help",
+          "aria-label": u,
+          onClick: s,
+          disabled: m,
+          children: i ?? /* @__PURE__ */ o.jsx("span", { className: "textfield__helpDefaultIcon", children: "i" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o.jsxs("div", { className: y, "aria-disabled": m ? "true" : "false", children: [
+      /* @__PURE__ */ o.jsx("span", { className: "textfield__icon textfield__icon--left", "aria-hidden": "true", children: j ?? oe }),
+      /* @__PURE__ */ o.jsx(
+        "input",
+        {
+          id: k,
+          className: "textfield__input",
+          type: "text",
+          placeholder: f,
+          value: _ ?? "",
+          disabled: m,
+          onChange: (g) => b == null ? void 0 : b(g.target.value)
+        }
+      ),
+      /* @__PURE__ */ o.jsx("span", { className: "textfield__icon textfield__icon--right", "aria-hidden": "true", children: p ?? le })
+    ] }),
+    x && /* @__PURE__ */ o.jsx("div", { className: S, children: x })
+  ] });
+}
+export {
+  ie as Button,
+  ce as TextField
+};

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@cobe84/design-system",
+  "private": false,
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/nuwsdn-design-system.cjs",
+  "module": "dist/nuwsd-design-system.es.js",
+   "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+     "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/nuwsd-design-system.es.js",
+      "require": "./dist/nuwsd-design-system.cjs"
+    },
+    "./dist/design-system.css": "./dist/design-system.css"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.39.1",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@types/node": "24.10.1",
+    "@types/react": "19.2.5",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "5.0.2",
+    "eslint": "9.39.1",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-refresh": "0.4.24",
+    "globals": "16.5.0",
+    "storybook": "8.6.14",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "8.46.4",
+    "vite": "6.4.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}