arkenstone-ui 0.0.16 → 0.0.17

package/dist/arkenstone-ui.es.js

@@ -1,5 +1,5 @@
 import K from "react";
-var j = { exports: {} }, E = {};
+var h = { exports: {} }, E = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,23 +13,23 @@ var F;
 function ee() {
   if (F) return E;
   F = 1;
-  var o = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function u(d, l, s) {
+  var o = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function u(d, s, l) {
     var m = null;
-    if (s !== void 0 && (m = "" + s), l.key !== void 0 && (m = "" + l.key), "key" in l) {
-      s = {};
-      for (var _ in l)
-        _ !== "key" && (s[_] = l[_]);
-    } else s = l;
-    return l = s.ref, {
+    if (l !== void 0 && (m = "" + l), s.key !== void 0 && (m = "" + s.key), "key" in s) {
+      l = {};
+      for (var _ in s)
+        _ !== "key" && (l[_] = s[_]);
+    } else l = s;
+    return s = l.ref, {
       $$typeof: o,
       type: d,
       key: m,
-      ref: l !== void 0 ? l : null,
-      props: s
+      ref: s !== void 0 ? s : null,
+      props: l
     };
   }
-  return E.Fragment = c, E.jsx = u, E.jsxs = u, E;
+  return E.Fragment = i, E.jsx = u, E.jsxs = u, E;
 }
 var b = {};
 /**
@@ -87,12 +87,12 @@ function re() {
         }
       return null;
     }
-    function c(e) {
+    function i(e) {
       return "" + e;
     }
     function u(e) {
       try {
-        c(e);
+        i(e);
         var r = !1;
       } catch {
         r = !0;
@@ -104,7 +104,7 @@ function re() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           n
-        ), c(e);
+        ), i(e);
       }
     }
     function d(e) {
@@ -118,15 +118,15 @@ function re() {
         return "<...>";
       }
     }
-    function l() {
+    function s() {
       var e = k.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function l() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
-      if (P.call(e, "key")) {
+      if (w.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function re() {
     }
     function _(e, r) {
       function t() {
-        g || (g = !0, console.error(
+        P || (P = !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
         ));
@@ -153,7 +153,7 @@ function re() {
     function L(e, r, t, n, v, O) {
       var a = t.ref;
       return e = {
-        $$typeof: y,
+        $$typeof: g,
         type: e,
         key: r,
         props: t,
@@ -189,19 +189,19 @@ function re() {
         if (n)
           if (Z(a)) {
             for (n = 0; n < a.length; n++)
-              w(a[n]);
+              y(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 w(a);
-      if (P.call(r, "key")) {
+        else y(a);
+      if (w.call(r, "key")) {
         a = o(e);
-        var i = Object.keys(r).filter(function(Q) {
+        var f = Object.keys(r).filter(function(Q) {
           return Q !== "key";
         });
-        n = 0 < i.length ? "{key: someKey, " + i.join(": ..., ") + ": ...}" : "{key: someKey}", $[a + n] || (i = 0 < i.length ? "{" + i.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", $[a + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -210,14 +210,14 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           a,
-          i,
+          f,
           a
         ), $[a + n] = !0);
       }
       if (a = null, t !== void 0 && (u(t), a = "" + t), m(r) && (u(r.key), a = "" + r.key), "key" in r) {
         t = {};
-        for (var h in r)
-          h !== "key" && (t[h] = r[h]);
+        for (var j in r)
+          j !== "key" && (t[j] = r[j]);
       } else t = r;
       return a && _(
         t,
@@ -226,18 +226,18 @@ React keys must be passed directly to JSX without using spread:
         e,
         a,
         t,
-        l(),
+        s(),
         v,
         O
       );
     }
-    function w(e) {
+    function y(e) {
       S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
     function S(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === y;
+      return typeof e == "object" && e !== null && e.$$typeof === g;
     }
-    var p = K, y = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, Z = Array.isArray, x = console.createTask ? console.createTask : function() {
+    var p = K, g = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, Z = Array.isArray, x = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -245,10 +245,10 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var g, N = {}, C = p.react_stack_bottom_frame.bind(
+    var P, N = {}, C = p.react_stack_bottom_frame.bind(
       p,
-      s
-    )(), Y = x(d(s)), $ = {};
+      l
+    )(), Y = x(d(l)), $ = {};
     b.Fragment = R, b.jsx = function(e, r, t) {
       var n = 1e4 > k.recentlyCreatedOwnerStacks++;
       return A(
@@ -272,17 +272,20 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), b;
 }
-process.env.NODE_ENV === "production" ? j.exports = ee() : j.exports = re();
-var f = j.exports;
-function ne({ children: o, className: c, active: u }) {
-  return /* @__PURE__ */ f.jsxs("div", { className: "px-10 py-5 rounded-full w-full bg-green-500", children: [
-    /* @__PURE__ */ f.jsx("h3", { className: "c-text", children: "Button Field" }),
-    /* @__PURE__ */ f.jsx("button", { className: c, children: o }),
-    u && /* @__PURE__ */ f.jsx("p", { children: "description" })
+process.env.NODE_ENV === "production" ? h.exports = ee() : h.exports = re();
+var c = h.exports;
+function ne({ children: o, className: i, active: u }) {
+  return /* @__PURE__ */ c.jsxs("div", { className: "px-10 py-5 rounded-full w-full bg-green-500", children: [
+    /* @__PURE__ */ c.jsx("h3", { className: "c-text", children: "Button Field" }),
+    /* @__PURE__ */ c.jsx("button", { className: i, children: o }),
+    u && /* @__PURE__ */ c.jsx("p", { children: "description" })
   ] });
 }
 function ae({ name: o }) {
-  return /* @__PURE__ */ f.jsx("div", { className: "w-full bg-red-500 px-30 py-5", children: /* @__PURE__ */ f.jsx("h1", { className: "text-white text-xl", children: o }) });
+  return /* @__PURE__ */ c.jsxs("div", { className: "w-full bg-green-500 px-30 py-5", children: [
+    /* @__PURE__ */ c.jsx("h1", { className: "c-text text-blue-500 text-sm", children: o }),
+    /* @__PURE__ */ c.jsx("p", { className: "bg-blue-500 my-40", children: "test" })
+  ] });
 }
 export {
   ne as Button,

package/dist/arkenstone-ui.umd.js

@@ -6,7 +6,7 @@
  *
  * 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 L(){if(A)return _;A=1;var o=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function c(p,s,l){var b=null;if(l!==void 0&&(b=""+l),s.key!==void 0&&(b=""+s.key),"key"in s){l={};for(var v in s)v!=="key"&&(l[v]=s[v])}else l=s;return s=l.ref,{$$typeof:o,type:p,key:b,ref:s!==void 0?s:null,props:l}}return _.Fragment=f,_.jsx=c,_.jsxs=c,_}var E={};/**
+ */var A;function L(){if(A)return _;A=1;var o=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function i(b,s,l){var p=null;if(l!==void 0&&(p=""+l),s.key!==void 0&&(p=""+s.key),"key"in s){l={};for(var v in s)v!=="key"&&(l[v]=s[v])}else l=s;return s=l.ref,{$$typeof:o,type:b,key:p,ref:s!==void 0?s:null,props:l}}return _.Fragment=f,_.jsx=i,_.jsxs=i,_}var E={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * 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 W(){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===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case B:return"Profiler";case G:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re: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 q:return"Portal";case H:return e.displayName||"Context";case X: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 ee:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case x: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 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),f(e)}}function p(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===x)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=O.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function b(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function v(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 V(){var e=o(this.type);return I[e]||(I[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 z(e,r,t,n,T,y){var a=t.ref;return e={$$typeof:C,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):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:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,t,n,T,y){var a=r.children;if(a!==void 0)if(n)if(ne(a)){for(n=0;n<a.length;n++)g(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 g(a);if(Y.call(r,"key")){a=o(e);var d=Object.keys(r).filter(function(ae){return ae!=="key"});n=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",M[a+n]||(d=0<d.length?"{"+d.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var g;function W(){return g||(g=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case x:return"Fragment";case B:return"Profiler";case G:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re: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 q:return"Portal";case H:return e.displayName||"Context";case X: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 ee: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 i(e){try{f(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),f(e)}}function b(e){if(e===x)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===h)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=j.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function p(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function v(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 V(){var e=o(this.type);return I[e]||(I[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 z(e,r,t,n,T,O){var a=t.ref;return e={$$typeof:C,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):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:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,t,n,T,O){var a=r.children;if(a!==void 0)if(n)if(ne(a)){for(n=0;n<a.length;n++)w(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 w(a);if(Y.call(r,"key")){a=o(e);var d=Object.keys(r).filter(function(ae){return ae!=="key"});n=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",M[a+n]||(d=0<d.length?"{"+d.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,d,a),M[a+n]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),b(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return a&&v(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),z(e,a,t,s(),T,y)}function g(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===x&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}var R=m,C=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),G=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),H=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),O=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ne=Array.isArray,j=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var F,I={},$=R.react_stack_bottom_frame.bind(R,l)(),D=j(p(l)),M={};E.Fragment=h,E.jsx=function(e,r,t){var n=1e4>O.recentlyCreatedOwnerStacks++;return P(e,r,t,!1,n?Error("react-stack-top-frame"):$,n?j(p(e)):D)},E.jsxs=function(e,r,t){var n=1e4>O.recentlyCreatedOwnerStacks++;return P(e,r,t,!0,n?Error("react-stack-top-frame"):$,n?j(p(e)):D)}}()),E}process.env.NODE_ENV==="production"?k.exports=L():k.exports=W();var i=k.exports;function U({children:o,className:f,active:c}){return i.jsxs("div",{className:"px-10 py-5 rounded-full w-full bg-green-500",children:[i.jsx("h3",{className:"c-text",children:"Button Field"}),i.jsx("button",{className:f,children:o}),c&&i.jsx("p",{children:"description"})]})}function J({name:o}){return i.jsx("div",{className:"w-full bg-red-500 px-30 py-5",children:i.jsx("h1",{className:"text-white text-xl",children:o})})}u.Button=U,u.JanithNirmal=J,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,n,a,d,a),M[a+n]=!0)}if(a=null,t!==void 0&&(i(t),a=""+t),p(r)&&(i(r.key),a=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return a&&v(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),z(e,a,t,s(),T,O)}function w(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===h&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}var R=m,C=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),G=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),H=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),j=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ne=Array.isArray,y=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var F,I={},$=R.react_stack_bottom_frame.bind(R,l)(),D=y(b(l)),M={};E.Fragment=x,E.jsx=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return P(e,r,t,!1,n?Error("react-stack-top-frame"):$,n?y(b(e)):D)},E.jsxs=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return P(e,r,t,!0,n?Error("react-stack-top-frame"):$,n?y(b(e)):D)}}()),E}process.env.NODE_ENV==="production"?k.exports=L():k.exports=W();var c=k.exports;function U({children:o,className:f,active:i}){return c.jsxs("div",{className:"px-10 py-5 rounded-full w-full bg-green-500",children:[c.jsx("h3",{className:"c-text",children:"Button Field"}),c.jsx("button",{className:f,children:o}),i&&c.jsx("p",{children:"description"})]})}function J({name:o}){return c.jsxs("div",{className:"w-full bg-green-500 px-30 py-5",children:[c.jsx("h1",{className:"c-text text-blue-500 text-sm",children:o}),c.jsx("p",{className:"bg-blue-500 my-40",children:"test"})]})}u.Button=U,u.JanithNirmal=J,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-@tailwind base;@tailwind components;@tailwind utilities;:root{--background: #f4f8f5;--foreground: #2c2f2a;--card: #e7edea;--card-foreground: #2c2f2a;--popover: #edf3ef;--popover-foreground: #2c2f2a;--primary: #8ca982;--primary-foreground: #ffffff;--secondary: #d9e1db;--secondary-foreground: #1e241f;--muted: #c4ccc7;--muted-foreground: #5a605b;--accent: #aa8745;--accent-foreground: #ffffff;--destructive: #b54949;--destructive-foreground: #ffffff;--border: #a1b0a2;--input: #90a093;--ring: #b9cbbd;--chart-1: #6b8e6d;--chart-2: #b2a56e;--chart-3: #748f99;--chart-4: #e5c67c;--chart-5: #9e7a3e;--radius: .625rem;--sidebar: #e0e8e3;--sidebar-foreground: #2c2f2a;--sidebar-primary: #8ca982;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #aa8745;--sidebar-accent-foreground: #ffffff;--sidebar-border: #cdd9d3;--sidebar-ring: #b9cbbd;--color-card: #dce5de}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:30px;background:var(--background)}::-webkit-scrollbar-thumb{border-radius:30px;background:var(--muted-foreground)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-thumb:active{background:var(--accent)}.c-text{color:#ffb428}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.my-40{margin-block:calc(var(--spacing)*40)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.rounded-full{border-radius:3.40282e38px}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-500{background-color:var(--color-green-500)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-30{padding-inline:calc(var(--spacing)*30)}.py-5{padding-block:calc(var(--spacing)*5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-blue-500{color:var(--color-blue-500)}}:root{--background:#f4f8f5;--foreground:#2c2f2a;--card:#e7edea;--card-foreground:#2c2f2a;--popover:#edf3ef;--popover-foreground:#2c2f2a;--primary:#8ca982;--primary-foreground:#fff;--secondary:#d9e1db;--secondary-foreground:#1e241f;--muted:#c4ccc7;--muted-foreground:#5a605b;--accent:#aa8745;--accent-foreground:#fff;--destructive:#b54949;--destructive-foreground:#fff;--border:#a1b0a2;--input:#90a093;--ring:#b9cbbd;--chart-1:#6b8e6d;--chart-2:#b2a56e;--chart-3:#748f99;--chart-4:#e5c67c;--chart-5:#9e7a3e;--radius:.625rem;--sidebar:#e0e8e3;--sidebar-foreground:#2c2f2a;--sidebar-primary:#8ca982;--sidebar-primary-foreground:#fff;--sidebar-accent:#aa8745;--sidebar-accent-foreground:#fff;--sidebar-border:#cdd9d3;--sidebar-ring:#b9cbbd;--color-card:#dce5de}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background);border-radius:30px}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:30px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-thumb:active{background:var(--accent)}.c-text{color:red}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkenstone-ui",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "main": "./dist/arkenstone-ui.umd.js",
   "module": "./dist/arkenstone-ui.es.js",
@@ -25,8 +25,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tailwindcss": "^4.0.0"
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
@@ -41,12 +40,10 @@
     "@vitejs/plugin-react": "^5.1.0",
     "@vitest/browser-playwright": "^4.0.9",
     "@vitest/coverage-v8": "^4.0.9",
-    "autoprefixer": "^10.4.22",
     "eslint-plugin-storybook": "^10.0.7",
+    "@tailwindcss/vite": "^4.1.17",
     "playwright": "^1.56.1",
-    "postcss": "^8.5.6",
     "storybook": "^10.0.7",
-    "tailwindcss": "^4.1.17",
     "typescript": "^5.4.0",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.5.4",