ui-arreya-components 0.0.1

package/dist/ui.umd.js

@@ -0,0 +1,31 @@
+(function(J,ne){typeof exports=="object"&&typeof module<"u"?ne(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],ne):(J=typeof globalThis<"u"?globalThis:J||self,ne(J.ui={},J.React))})(this,function(J,ne){"use strict";function cr(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const j=cr(ne);var ye={exports:{}},pe={};/**
+ * @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 Ne;function dr(){if(Ne)return pe;Ne=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(o,s,a){var c=null;if(a!==void 0&&(c=""+a),s.key!==void 0&&(c=""+s.key),"key"in s){a={};for(var b in s)b!=="key"&&(a[b]=s[b])}else a=s;return s=a.ref,{$$typeof:e,type:o,key:c,ref:s!==void 0?s:null,props:a}}return pe.Fragment=n,pe.jsx=t,pe.jsxs=t,pe}var be={};/**
+ * @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 Pe;function ur(){return Pe||(Pe=1,process.env.NODE_ENV!=="production"&&function(){function e(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===R?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case f:return"Fragment";case F:return"Portal";case me:return"Profiler";case N:return"StrictMode";case D:return"Suspense";case I:return"SuspenseList"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case Q:return(r.displayName||"Context")+".Provider";case he:return(r._context.displayName||"Context")+".Consumer";case le:var d=r.render;return r=r.displayName,r||(r=d.displayName||d.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case P:return d=r.displayName||null,d!==null?d:e(r.type)||"Memo";case M:d=r._payload,r=r._init;try{return e(r(d))}catch{}}return null}function n(r){return""+r}function t(r){try{n(r);var d=!1}catch{d=!0}if(d){d=console;var u=d.error,h=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return u.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",h),n(r)}}function o(){}function s(){if($===0){re=console.log,ue=console.info,te=console.warn,er=console.error,rr=console.group,tr=console.groupCollapsed,or=console.groupEnd;var r={configurable:!0,enumerable:!0,value:o,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}$++}function a(){if($--,$===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},r,{value:re}),info:W({},r,{value:ue}),warn:W({},r,{value:te}),error:W({},r,{value:er}),group:W({},r,{value:rr}),groupCollapsed:W({},r,{value:tr}),groupEnd:W({},r,{value:or})})}0>$&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function c(r){if(_e===void 0)try{throw Error()}catch(u){var d=u.stack.trim().match(/\n( *(at )?)/);_e=d&&d[1]||"",nr=-1<u.stack.indexOf(`
+    at`)?" (<anonymous>)":-1<u.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+_e+r+nr}function b(r,d){if(!r||ze)return"";var u=Oe.get(r);if(u!==void 0)return u;ze=!0,u=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var h=null;h=E.H,E.H=null,s();try{var T={DetermineComponentFrameRoot:function(){try{if(d){var q=function(){throw Error()};if(Object.defineProperty(q.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(q,[])}catch(U){var Ee=U}Reflect.construct(r,[],q)}else{try{q.call()}catch(U){Ee=U}r.call(q.prototype)}}else{try{throw Error()}catch(U){Ee=U}(q=r())&&typeof q.catch=="function"&&q.catch(function(){})}}catch(U){if(U&&Ee&&typeof U.stack=="string")return[U.stack,Ee.stack]}return[null,null]}};T.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var w=Object.getOwnPropertyDescriptor(T.DetermineComponentFrameRoot,"name");w&&w.configurable&&Object.defineProperty(T.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var g=T.DetermineComponentFrameRoot(),L=g[0],fe=g[1];if(L&&fe){var _=L.split(`
+`),oe=fe.split(`
+`);for(g=w=0;w<_.length&&!_[w].includes("DetermineComponentFrameRoot");)w++;for(;g<oe.length&&!oe[g].includes("DetermineComponentFrameRoot");)g++;if(w===_.length||g===oe.length)for(w=_.length-1,g=oe.length-1;1<=w&&0<=g&&_[w]!==oe[g];)g--;for(;1<=w&&0<=g;w--,g--)if(_[w]!==oe[g]){if(w!==1||g!==1)do if(w--,g--,0>g||_[w]!==oe[g]){var ve=`
+`+_[w].replace(" at new "," at ");return r.displayName&&ve.includes("<anonymous>")&&(ve=ve.replace("<anonymous>",r.displayName)),typeof r=="function"&&Oe.set(r,ve),ve}while(1<=w&&0<=g);break}}}finally{ze=!1,E.H=h,a(),Error.prepareStackTrace=u}return _=(_=r?r.displayName||r.name:"")?c(_):"",typeof r=="function"&&Oe.set(r,_),_}function p(r){if(r==null)return"";if(typeof r=="function"){var d=r.prototype;return b(r,!(!d||!d.isReactComponent))}if(typeof r=="string")return c(r);switch(r){case D:return c("Suspense");case I:return c("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case le:return r=b(r.render,!1),r;case P:return p(r.type);case M:d=r._payload,r=r._init;try{return p(r(d))}catch{}}return""}function v(){var r=E.A;return r===null?null:r.getOwner()}function x(r){if(ee.call(r,"key")){var d=Object.getOwnPropertyDescriptor(r,"key").get;if(d&&d.isReactWarning)return!1}return r.key!==void 0}function A(r,d){function u(){sr||(sr=!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)",d))}u.isReactWarning=!0,Object.defineProperty(r,"key",{get:u,configurable:!0})}function z(){var r=e(this.type);return ar[r]||(ar[r]=!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.")),r=this.props.ref,r!==void 0?r:null}function Y(r,d,u,h,T,w){return u=w.ref,r={$$typeof:G,type:r,key:d,props:w,_owner:T},(u!==void 0?u:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:z}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function C(r,d,u,h,T,w){if(typeof r=="string"||typeof r=="function"||r===f||r===me||r===N||r===D||r===I||r===y||typeof r=="object"&&r!==null&&(r.$$typeof===M||r.$$typeof===P||r.$$typeof===Q||r.$$typeof===he||r.$$typeof===le||r.$$typeof===we||r.getModuleId!==void 0)){var g=d.children;if(g!==void 0)if(h)if(de(g)){for(h=0;h<g.length;h++)S(g[h],r);Object.freeze&&Object.freeze(g)}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 S(g,r)}else g="",(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(g+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),r===null?h="null":de(r)?h="array":r!==void 0&&r.$$typeof===G?(h="<"+(e(r.type)||"Unknown")+" />",g=" Did you accidentally export a JSX literal instead of a component?"):h=typeof r,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",h,g);if(ee.call(d,"key")){g=e(r);var L=Object.keys(d).filter(function(_){return _!=="key"});h=0<L.length?"{key: someKey, "+L.join(": ..., ")+": ...}":"{key: someKey}",ir[g+h]||(L=0<L.length?"{"+L.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} />`,h,g,L,g),ir[g+h]=!0)}if(g=null,u!==void 0&&(t(u),g=""+u),x(d)&&(t(d.key),g=""+d.key),"key"in d){u={};for(var fe in d)fe!=="key"&&(u[fe]=d[fe])}else u=d;return g&&A(u,typeof r=="function"?r.displayName||r.name||"Unknown":r),Y(r,g,w,T,v(),u)}function S(r,d){if(typeof r=="object"&&r&&r.$$typeof!==it){if(de(r))for(var u=0;u<r.length;u++){var h=r[u];O(h)&&V(h,d)}else if(O(r))r._store&&(r._store.validated=1);else if(r===null||typeof r!="object"?u=null:(u=ce&&r[ce]||r["@@iterator"],u=typeof u=="function"?u:null),typeof u=="function"&&u!==r.entries&&(u=u.call(r),u!==r))for(;!(r=u.next()).done;)O(r.value)&&V(r.value,d)}}function O(r){return typeof r=="object"&&r!==null&&r.$$typeof===G}function V(r,d){if(r._store&&!r._store.validated&&r.key==null&&(r._store.validated=1,d=Z(d),!lr[d])){lr[d]=!0;var u="";r&&r._owner!=null&&r._owner!==v()&&(u=null,typeof r._owner.tag=="number"?u=e(r._owner.type):typeof r._owner.name=="string"&&(u=r._owner.name),u=" It was passed a child from "+u+".");var h=E.getCurrentStack;E.getCurrentStack=function(){var T=p(r.type);return h&&(T+=h()||""),T},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',d,u),E.getCurrentStack=h}}function Z(r){var d="",u=v();return u&&(u=e(u.type))&&(d=`
+
+Check the render method of \``+u+"`."),d||(r=e(r))&&(d=`
+
+Check the top-level render call using <`+r+">."),d}var K=ne,G=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),me=Symbol.for("react.profiler"),he=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),le=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen"),ce=Symbol.iterator,R=Symbol.for("react.client.reference"),E=K.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,W=Object.assign,we=Symbol.for("react.client.reference"),de=Array.isArray,$=0,re,ue,te,er,rr,tr,or;o.__reactDisabledLog=!0;var _e,nr,ze=!1,Oe=new(typeof WeakMap=="function"?WeakMap:Map),it=Symbol.for("react.client.reference"),sr,ar={},ir={},lr={};be.Fragment=f,be.jsx=function(r,d,u,h,T){return C(r,d,u,!1,h,T)},be.jsxs=function(r,d,u,h,T){return C(r,d,u,!0,h,T)}}()),be}var Me;function fr(){return Me||(Me=1,process.env.NODE_ENV==="production"?ye.exports=dr():ye.exports=ur()),ye.exports}var ge=fr();function Ve(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function pr(...e){return n=>{let t=!1;const o=e.map(s=>{const a=Ve(s,n);return!t&&typeof a=="function"&&(t=!0),a});if(t)return()=>{for(let s=0;s<o.length;s++){const a=o[s];typeof a=="function"?a():Ve(e[s],null)}}}}var Ge=j.forwardRef((e,n)=>{const{children:t,...o}=e,s=j.Children.toArray(t),a=s.find(gr);if(a){const c=a.props.children,b=s.map(p=>p===a?j.Children.count(c)>1?j.Children.only(null):j.isValidElement(c)?c.props.children:null:p);return ge.jsx(ke,{...o,ref:n,children:j.isValidElement(c)?j.cloneElement(c,void 0,b):null})}return ge.jsx(ke,{...o,ref:n,children:t})});Ge.displayName="Slot";var ke=j.forwardRef((e,n)=>{const{children:t,...o}=e;if(j.isValidElement(t)){const s=hr(t),a=mr(o,t.props);return t.type!==j.Fragment&&(a.ref=n?pr(n,s):s),j.cloneElement(t,a)}return j.Children.count(t)>1?j.Children.only(null):null});ke.displayName="SlotClone";var br=({children:e})=>ge.jsx(ge.Fragment,{children:e});function gr(e){return j.isValidElement(e)&&e.type===br}function mr(e,n){const t={...n};for(const o in n){const s=e[o],a=n[o];/^on[A-Z]/.test(o)?s&&a?t[o]=(...b)=>{a(...b),s(...b)}:s&&(t[o]=s):o==="style"?t[o]={...s,...a}:o==="className"&&(t[o]=[s,a].filter(Boolean).join(" "))}return{...e,...t}}function hr(e){var o,s;let n=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,t=n&&"isReactWarning"in n&&n.isReactWarning;return t?e.ref:(n=(s=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:s.get,t=n&&"isReactWarning"in n&&n.isReactWarning,t?e.props.ref:e.props.ref||e.ref)}function Ie(e){var n,t,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var s=e.length;for(n=0;n<s;n++)e[n]&&(t=Ie(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function We(){for(var e,n,t=0,o="",s=arguments.length;t<s;t++)(e=arguments[t])&&(n=Ie(e))&&(o&&(o+=" "),o+=n);return o}const $e=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Ye=We,vr=(e,n)=>t=>{var o;if((n==null?void 0:n.variants)==null)return Ye(e,t==null?void 0:t.class,t==null?void 0:t.className);const{variants:s,defaultVariants:a}=n,c=Object.keys(s).map(v=>{const x=t==null?void 0:t[v],A=a==null?void 0:a[v];if(x===null)return null;const z=$e(x)||$e(A);return s[v][z]}),b=t&&Object.entries(t).reduce((v,x)=>{let[A,z]=x;return z===void 0||(v[A]=z),v},{}),p=n==null||(o=n.compoundVariants)===null||o===void 0?void 0:o.reduce((v,x)=>{let{class:A,className:z,...Y}=x;return Object.entries(Y).every(C=>{let[S,O]=C;return Array.isArray(O)?O.includes({...a,...b}[S]):{...a,...b}[S]===O})?[...v,A,z]:v},[]);return Ye(e,c,p,t==null?void 0:t.class,t==null?void 0:t.className)},Ce="-",yr=e=>{const n=wr(e),{conflictingClassGroups:t,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:c=>{const b=c.split(Ce);return b[0]===""&&b.length!==1&&b.shift(),Le(b,n)||xr(c)},getConflictingClassGroupIds:(c,b)=>{const p=t[c]||[];return b&&o[c]?[...p,...o[c]]:p}}},Le=(e,n)=>{var c;if(e.length===0)return n.classGroupId;const t=e[0],o=n.nextPart.get(t),s=o?Le(e.slice(1),o):void 0;if(s)return s;if(n.validators.length===0)return;const a=e.join(Ce);return(c=n.validators.find(({validator:b})=>b(a)))==null?void 0:c.classGroupId},Ue=/^\[(.+)\]$/,xr=e=>{if(Ue.test(e)){const n=Ue.exec(e)[1],t=n==null?void 0:n.substring(0,n.indexOf(":"));if(t)return"arbitrary.."+t}},wr=e=>{const{theme:n,classGroups:t}=e,o={nextPart:new Map,validators:[]};for(const s in t)Se(t[s],o,s,n);return o},Se=(e,n,t,o)=>{e.forEach(s=>{if(typeof s=="string"){const a=s===""?n:Be(n,s);a.classGroupId=t;return}if(typeof s=="function"){if(Er(s)){Se(s(o),n,t,o);return}n.validators.push({validator:s,classGroupId:t});return}Object.entries(s).forEach(([a,c])=>{Se(c,Be(n,a),t,o)})})},Be=(e,n)=>{let t=e;return n.split(Ce).forEach(o=>{t.nextPart.has(o)||t.nextPart.set(o,{nextPart:new Map,validators:[]}),t=t.nextPart.get(o)}),t},Er=e=>e.isThemeGetter,kr=e=>{if(e<1)return{get:()=>{},set:()=>{}};let n=0,t=new Map,o=new Map;const s=(a,c)=>{t.set(a,c),n++,n>e&&(n=0,o=t,t=new Map)};return{get(a){let c=t.get(a);if(c!==void 0)return c;if((c=o.get(a))!==void 0)return s(a,c),c},set(a,c){t.has(a)?t.set(a,c):s(a,c)}}},Re="!",Ae=":",Cr=Ae.length,Sr=e=>{const{prefix:n,experimentalParseClassName:t}=e;let o=s=>{const a=[];let c=0,b=0,p=0,v;for(let C=0;C<s.length;C++){let S=s[C];if(c===0&&b===0){if(S===Ae){a.push(s.slice(p,C)),p=C+Cr;continue}if(S==="/"){v=C;continue}}S==="["?c++:S==="]"?c--:S==="("?b++:S===")"&&b--}const x=a.length===0?s:s.substring(p),A=Rr(x),z=A!==x,Y=v&&v>p?v-p:void 0;return{modifiers:a,hasImportantModifier:z,baseClassName:A,maybePostfixModifierPosition:Y}};if(n){const s=n+Ae,a=o;o=c=>c.startsWith(s)?a(c.substring(s.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:c,maybePostfixModifierPosition:void 0}}if(t){const s=o;o=a=>t({className:a,parseClassName:s})}return o},Rr=e=>e.endsWith(Re)?e.substring(0,e.length-1):e.startsWith(Re)?e.substring(1):e,Ar=e=>{const n=Object.fromEntries(e.orderSensitiveModifiers.map(o=>[o,!0]));return o=>{if(o.length<=1)return o;const s=[];let a=[];return o.forEach(c=>{c[0]==="["||n[c]?(s.push(...a.sort(),c),a=[]):a.push(c)}),s.push(...a.sort()),s}},Tr=e=>({cache:kr(e.cacheSize),parseClassName:Sr(e),sortModifiers:Ar(e),...yr(e)}),jr=/\s+/,_r=(e,n)=>{const{parseClassName:t,getClassGroupId:o,getConflictingClassGroupIds:s,sortModifiers:a}=n,c=[],b=e.trim().split(jr);let p="";for(let v=b.length-1;v>=0;v-=1){const x=b[v],{isExternal:A,modifiers:z,hasImportantModifier:Y,baseClassName:C,maybePostfixModifierPosition:S}=t(x);if(A){p=x+(p.length>0?" "+p:p);continue}let O=!!S,V=o(O?C.substring(0,S):C);if(!V){if(!O){p=x+(p.length>0?" "+p:p);continue}if(V=o(C),!V){p=x+(p.length>0?" "+p:p);continue}O=!1}const Z=a(z).join(":"),K=Y?Z+Re:Z,G=K+V;if(c.includes(G))continue;c.push(G);const F=s(V,O);for(let f=0;f<F.length;++f){const N=F[f];c.push(K+N)}p=x+(p.length>0?" "+p:p)}return p};function zr(){let e=0,n,t,o="";for(;e<arguments.length;)(n=arguments[e++])&&(t=Fe(n))&&(o&&(o+=" "),o+=t);return o}const Fe=e=>{if(typeof e=="string")return e;let n,t="";for(let o=0;o<e.length;o++)e[o]&&(n=Fe(e[o]))&&(t&&(t+=" "),t+=n);return t};function Or(e,...n){let t,o,s,a=c;function c(p){const v=n.reduce((x,A)=>A(x),e());return t=Tr(v),o=t.cache.get,s=t.cache.set,a=b,b(p)}function b(p){const v=o(p);if(v)return v;const x=_r(p,t);return s(p,x),x}return function(){return a(zr.apply(null,arguments))}}const k=e=>{const n=t=>t[e]||[];return n.isThemeGetter=!0,n},qe=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Je=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Nr=/^\d+\/\d+$/,Pr=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Mr=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Vr=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,Gr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Ir=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,se=e=>Nr.test(e),m=e=>!!e&&!Number.isNaN(Number(e)),H=e=>!!e&&Number.isInteger(Number(e)),He=e=>e.endsWith("%")&&m(e.slice(0,-1)),B=e=>Pr.test(e),Wr=()=>!0,$r=e=>Mr.test(e)&&!Vr.test(e),Te=()=>!1,Yr=e=>Gr.test(e),Lr=e=>Ir.test(e),Ur=e=>!i(e)&&!l(e),Br=e=>ae(e,Ke,Te),i=e=>qe.test(e),X=e=>ae(e,Qe,$r),je=e=>ae(e,rt,m),Fr=e=>ae(e,Xe,Te),qr=e=>ae(e,Ze,Lr),Jr=e=>ae(e,Te,Yr),l=e=>Je.test(e),xe=e=>ie(e,Qe),Hr=e=>ie(e,tt),Xr=e=>ie(e,Xe),Zr=e=>ie(e,Ke),Kr=e=>ie(e,Ze),Qr=e=>ie(e,ot,!0),ae=(e,n,t)=>{const o=qe.exec(e);return o?o[1]?n(o[1]):t(o[2]):!1},ie=(e,n,t=!1)=>{const o=Je.exec(e);return o?o[1]?n(o[1]):t:!1},Xe=e=>e==="position",Dr=new Set(["image","url"]),Ze=e=>Dr.has(e),et=new Set(["length","size","percentage"]),Ke=e=>et.has(e),Qe=e=>e==="length",rt=e=>e==="number",tt=e=>e==="family-name",ot=e=>e==="shadow",nt=Or(()=>{const e=k("color"),n=k("font"),t=k("text"),o=k("font-weight"),s=k("tracking"),a=k("leading"),c=k("breakpoint"),b=k("container"),p=k("spacing"),v=k("radius"),x=k("shadow"),A=k("inset-shadow"),z=k("drop-shadow"),Y=k("blur"),C=k("perspective"),S=k("aspect"),O=k("ease"),V=k("animate"),Z=()=>["auto","avoid","all","avoid-page","page","left","right","column"],K=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],G=()=>["auto","hidden","clip","visible","scroll"],F=()=>["auto","contain","none"],f=()=>[l,i,p],N=()=>[se,"full","auto",...f()],me=()=>[H,"none","subgrid",l,i],he=()=>["auto",{span:["full",H,l,i]},l,i],Q=()=>[H,"auto",l,i],le=()=>["auto","min","max","fr",l,i],D=()=>["start","end","center","between","around","evenly","stretch","baseline"],I=()=>["start","end","center","stretch"],P=()=>["auto",...f()],M=()=>[se,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...f()],y=()=>[e,l,i],ce=()=>[He,X],R=()=>["","none","full",v,l,i],E=()=>["",m,xe,X],ee=()=>["solid","dashed","dotted","double"],W=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],we=()=>["","none",Y,l,i],de=()=>["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",l,i],$=()=>["none",m,l,i],re=()=>["none",m,l,i],ue=()=>[m,l,i],te=()=>[se,"full",...f()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[B],breakpoint:[B],color:[Wr],container:[B],"drop-shadow":[B],ease:["in","out","in-out"],font:[Ur],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[B],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[B],shadow:[B],spacing:["px",m],text:[B],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",se,i,l,S]}],container:["container"],columns:[{columns:[m,i,l,b]}],"break-after":[{"break-after":Z()}],"break-before":[{"break-before":Z()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:[...K(),i,l]}],overflow:[{overflow:G()}],"overflow-x":[{"overflow-x":G()}],"overflow-y":[{"overflow-y":G()}],overscroll:[{overscroll:F()}],"overscroll-x":[{"overscroll-x":F()}],"overscroll-y":[{"overscroll-y":F()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:N()}],"inset-x":[{"inset-x":N()}],"inset-y":[{"inset-y":N()}],start:[{start:N()}],end:[{end:N()}],top:[{top:N()}],right:[{right:N()}],bottom:[{bottom:N()}],left:[{left:N()}],visibility:["visible","invisible","collapse"],z:[{z:[H,"auto",l,i]}],basis:[{basis:[se,"full","auto",b,...f()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[m,se,"auto","initial","none",i]}],grow:[{grow:["",m,l,i]}],shrink:[{shrink:["",m,l,i]}],order:[{order:[H,"first","last","none",l,i]}],"grid-cols":[{"grid-cols":me()}],"col-start-end":[{col:he()}],"col-start":[{"col-start":Q()}],"col-end":[{"col-end":Q()}],"grid-rows":[{"grid-rows":me()}],"row-start-end":[{row:he()}],"row-start":[{"row-start":Q()}],"row-end":[{"row-end":Q()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":le()}],"auto-rows":[{"auto-rows":le()}],gap:[{gap:f()}],"gap-x":[{"gap-x":f()}],"gap-y":[{"gap-y":f()}],"justify-content":[{justify:[...D(),"normal"]}],"justify-items":[{"justify-items":[...I(),"normal"]}],"justify-self":[{"justify-self":["auto",...I()]}],"align-content":[{content:["normal",...D()]}],"align-items":[{items:[...I(),"baseline"]}],"align-self":[{self:["auto",...I(),"baseline"]}],"place-content":[{"place-content":D()}],"place-items":[{"place-items":[...I(),"baseline"]}],"place-self":[{"place-self":["auto",...I()]}],p:[{p:f()}],px:[{px:f()}],py:[{py:f()}],ps:[{ps:f()}],pe:[{pe:f()}],pt:[{pt:f()}],pr:[{pr:f()}],pb:[{pb:f()}],pl:[{pl:f()}],m:[{m:P()}],mx:[{mx:P()}],my:[{my:P()}],ms:[{ms:P()}],me:[{me:P()}],mt:[{mt:P()}],mr:[{mr:P()}],mb:[{mb:P()}],ml:[{ml:P()}],"space-x":[{"space-x":f()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":f()}],"space-y-reverse":["space-y-reverse"],size:[{size:M()}],w:[{w:[b,"screen",...M()]}],"min-w":[{"min-w":[b,"screen","none",...M()]}],"max-w":[{"max-w":[b,"screen","none","prose",{screen:[c]},...M()]}],h:[{h:["screen",...M()]}],"min-h":[{"min-h":["screen","none",...M()]}],"max-h":[{"max-h":["screen",...M()]}],"font-size":[{text:["base",t,xe,X]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[o,l,je]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",He,i]}],"font-family":[{font:[Hr,i,n]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[s,l,i]}],"line-clamp":[{"line-clamp":[m,"none",l,je]}],leading:[{leading:[a,...f()]}],"list-image":[{"list-image":["none",l,i]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",l,i]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:y()}],"text-color":[{text:y()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ee(),"wavy"]}],"text-decoration-thickness":[{decoration:[m,"from-font","auto",l,X]}],"text-decoration-color":[{decoration:y()}],"underline-offset":[{"underline-offset":[m,"auto",l,i]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:f()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",l,i]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",l,i]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...K(),Xr,Fr]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","space","round"]}]}],"bg-size":[{bg:["auto","cover","contain",Zr,Br]}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},H,l,i],radial:["",l,i],conic:[H,l,i]},Kr,qr]}],"bg-color":[{bg:y()}],"gradient-from-pos":[{from:ce()}],"gradient-via-pos":[{via:ce()}],"gradient-to-pos":[{to:ce()}],"gradient-from":[{from:y()}],"gradient-via":[{via:y()}],"gradient-to":[{to:y()}],rounded:[{rounded:R()}],"rounded-s":[{"rounded-s":R()}],"rounded-e":[{"rounded-e":R()}],"rounded-t":[{"rounded-t":R()}],"rounded-r":[{"rounded-r":R()}],"rounded-b":[{"rounded-b":R()}],"rounded-l":[{"rounded-l":R()}],"rounded-ss":[{"rounded-ss":R()}],"rounded-se":[{"rounded-se":R()}],"rounded-ee":[{"rounded-ee":R()}],"rounded-es":[{"rounded-es":R()}],"rounded-tl":[{"rounded-tl":R()}],"rounded-tr":[{"rounded-tr":R()}],"rounded-br":[{"rounded-br":R()}],"rounded-bl":[{"rounded-bl":R()}],"border-w":[{border:E()}],"border-w-x":[{"border-x":E()}],"border-w-y":[{"border-y":E()}],"border-w-s":[{"border-s":E()}],"border-w-e":[{"border-e":E()}],"border-w-t":[{"border-t":E()}],"border-w-r":[{"border-r":E()}],"border-w-b":[{"border-b":E()}],"border-w-l":[{"border-l":E()}],"divide-x":[{"divide-x":E()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":E()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...ee(),"hidden","none"]}],"divide-style":[{divide:[...ee(),"hidden","none"]}],"border-color":[{border:y()}],"border-color-x":[{"border-x":y()}],"border-color-y":[{"border-y":y()}],"border-color-s":[{"border-s":y()}],"border-color-e":[{"border-e":y()}],"border-color-t":[{"border-t":y()}],"border-color-r":[{"border-r":y()}],"border-color-b":[{"border-b":y()}],"border-color-l":[{"border-l":y()}],"divide-color":[{divide:y()}],"outline-style":[{outline:[...ee(),"none","hidden"]}],"outline-offset":[{"outline-offset":[m,l,i]}],"outline-w":[{outline:["",m,xe,X]}],"outline-color":[{outline:[e]}],shadow:[{shadow:["","none",x,Qr,Jr]}],"shadow-color":[{shadow:y()}],"inset-shadow":[{"inset-shadow":["none",l,i,A]}],"inset-shadow-color":[{"inset-shadow":y()}],"ring-w":[{ring:E()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:y()}],"ring-offset-w":[{"ring-offset":[m,X]}],"ring-offset-color":[{"ring-offset":y()}],"inset-ring-w":[{"inset-ring":E()}],"inset-ring-color":[{"inset-ring":y()}],opacity:[{opacity:[m,l,i]}],"mix-blend":[{"mix-blend":[...W(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":W()}],filter:[{filter:["","none",l,i]}],blur:[{blur:we()}],brightness:[{brightness:[m,l,i]}],contrast:[{contrast:[m,l,i]}],"drop-shadow":[{"drop-shadow":["","none",z,l,i]}],grayscale:[{grayscale:["",m,l,i]}],"hue-rotate":[{"hue-rotate":[m,l,i]}],invert:[{invert:["",m,l,i]}],saturate:[{saturate:[m,l,i]}],sepia:[{sepia:["",m,l,i]}],"backdrop-filter":[{"backdrop-filter":["","none",l,i]}],"backdrop-blur":[{"backdrop-blur":we()}],"backdrop-brightness":[{"backdrop-brightness":[m,l,i]}],"backdrop-contrast":[{"backdrop-contrast":[m,l,i]}],"backdrop-grayscale":[{"backdrop-grayscale":["",m,l,i]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[m,l,i]}],"backdrop-invert":[{"backdrop-invert":["",m,l,i]}],"backdrop-opacity":[{"backdrop-opacity":[m,l,i]}],"backdrop-saturate":[{"backdrop-saturate":[m,l,i]}],"backdrop-sepia":[{"backdrop-sepia":["",m,l,i]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":f()}],"border-spacing-x":[{"border-spacing-x":f()}],"border-spacing-y":[{"border-spacing-y":f()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",l,i]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[m,"initial",l,i]}],ease:[{ease:["linear","initial",O,l,i]}],delay:[{delay:[m,l,i]}],animate:[{animate:["none",V,l,i]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[C,l,i]}],"perspective-origin":[{"perspective-origin":de()}],rotate:[{rotate:$()}],"rotate-x":[{"rotate-x":$()}],"rotate-y":[{"rotate-y":$()}],"rotate-z":[{"rotate-z":$()}],scale:[{scale:re()}],"scale-x":[{"scale-x":re()}],"scale-y":[{"scale-y":re()}],"scale-z":[{"scale-z":re()}],"scale-3d":["scale-3d"],skew:[{skew:ue()}],"skew-x":[{"skew-x":ue()}],"skew-y":[{"skew-y":ue()}],transform:[{transform:[l,i,"","none","gpu","cpu"]}],"transform-origin":[{origin:de()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:te()}],"translate-x":[{"translate-x":te()}],"translate-y":[{"translate-y":te()}],"translate-z":[{"translate-z":te()}],"translate-none":["translate-none"],accent:[{accent:y()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:y()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",l,i]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":f()}],"scroll-mx":[{"scroll-mx":f()}],"scroll-my":[{"scroll-my":f()}],"scroll-ms":[{"scroll-ms":f()}],"scroll-me":[{"scroll-me":f()}],"scroll-mt":[{"scroll-mt":f()}],"scroll-mr":[{"scroll-mr":f()}],"scroll-mb":[{"scroll-mb":f()}],"scroll-ml":[{"scroll-ml":f()}],"scroll-p":[{"scroll-p":f()}],"scroll-px":[{"scroll-px":f()}],"scroll-py":[{"scroll-py":f()}],"scroll-ps":[{"scroll-ps":f()}],"scroll-pe":[{"scroll-pe":f()}],"scroll-pt":[{"scroll-pt":f()}],"scroll-pr":[{"scroll-pr":f()}],"scroll-pb":[{"scroll-pb":f()}],"scroll-pl":[{"scroll-pl":f()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",l,i]}],fill:[{fill:["none",...y()]}],"stroke-w":[{stroke:[m,xe,X,je]}],stroke:[{stroke:["none",...y()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["before","after","placeholder","file","marker","selection","first-line","first-letter","backdrop","*","**"]}});function st(...e){return nt(We(e))}const at=vr("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),De=j.forwardRef(({className:e,variant:n,size:t,asChild:o=!1,...s},a)=>{const c=o?Ge:"button";return ge.jsx(c,{className:st(at({variant:n,size:t,className:e})),ref:a,...s})});De.displayName="Button",J.Button=De,Object.defineProperty(J,Symbol.toStringTag,{value:"Module"})});

package/eslint.config.js

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

package/package.json

@@ -0,0 +1,120 @@
+{
+  "name": "ui-arreya-components",
+  "version": "0.0.1",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/ui.es.js",
+      "require": "./dist/ui.umd.js"
+    },
+    "./styles.css": {
+      "require": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build && npm run build:css",
+    "build:css": "tailwindcss -m -i ./src/styles/tailwind.css -o ./dist/styles.css",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "concurrently 'npm run storybook:css' 'storybook dev -p 6006'",
+    "storybook:css": "tailwindcss -w -i ./src/styles/tailwind.css -o ./src/index.css",
+    "build-storybook": "concurrently 'npm run build-storybook:css' 'storybook build'",
+    "build-storybook:css": "tailwindcss -m -i ./src/styles/tailwind.css -o ./src/index.css",
+    "prepublish": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.6",
+    "@eslint/js": "^9.21.0",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-onboarding": "^8.6.7",
+    "@storybook/blocks": "^8.6.7",
+    "@storybook/experimental-addon-test": "^8.6.7",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-vite": "^8.6.7",
+    "@storybook/test": "^8.6.7",
+    "@tailwindcss/vite": "^4.0.14",
+    "@types/node": "^22.13.10",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/browser": "^3.0.9",
+    "@vitest/coverage-v8": "^3.0.9",
+    "autoprefixer": "^10.4.21",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^0.11.6",
+    "globals": "^15.15.0",
+    "lucide-react": "^0.482.0",
+    "playwright": "^1.51.0",
+    "postcss": "^8.5.3",
+    "prop-types": "^15.8.1",
+    "radix-ui": "^1.1.3",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "storybook": "^8.6.7",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.24.1",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.0.9"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^4.1.3",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-aspect-ratio": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-context-menu": "^2.2.6",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-hover-card": "^1.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-menubar": "^1.1.6",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slider": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "embla-carousel-react": "^8.5.2",
+    "input-otp": "^1.4.2",
+    "next-themes": "^0.4.6",
+    "react-hook-form": "^7.54.2",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "^2.15.1",
+    "sonner": "^2.0.1",
+    "tailwind-animate": "^0.2.10",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.2"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/scripts/template.sh

@@ -0,0 +1,57 @@
+#!/bin/bash
+
+# Check if a parameter is passed
+if [ "$#" -ne 2 ]; then
+  echo "Usage: $0 <feature|component> <name>"
+  exit 1
+fi 
+
+# Determine which template to output based on the parameter
+TEMPLATE_TYPE=$1
+COMPONENT_OR_FEATURE_NAME=$2
+
+case $TEMPLATE_TYPE in
+  feature)
+    echo "Creating feature template..."
+    mkdir -p src/components/features/${COMPONENT_OR_FEATURE_NAME}
+
+    cat <<EOF > src/components/features/${COMPONENT_OR_FEATURE_NAME}/index.ts 
+export * from './${COMPONENT_OR_FEATURE_NAME}'
+EOF
+
+    cat <<EOF >> src/components/features/index.ts 
+export * from './${COMPONENT_OR_FEATURE_NAME}'
+EOF
+
+    cat <<EOF >> src/components/index.ts 
+export * from './features/${COMPONENT_OR_FEATURE_NAME}'
+EOF
+
+    touch src/components/features/${COMPONENT_OR_FEATURE_NAME}/{${COMPONENT_OR_FEATURE_NAME}.stories.tsx,${COMPONENT_OR_FEATURE_NAME}.tsx}
+    ;;
+  component)
+    echo "Creating component template"
+    mkdir -p src/components/ui/${COMPONENT_OR_FEATURE_NAME}
+
+    cat <<EOF > src/components/ui/${COMPONENT_OR_FEATURE_NAME}/index.ts 
+export * from './${COMPONENT_OR_FEATURE_NAME}'
+EOF
+
+    cat <<EOF >> src/components/ui/index.ts 
+export * from './${COMPONENT_OR_FEATURE_NAME}'
+EOF
+
+    cat <<EOF >> src/components/index.ts 
+export * from './ui/${COMPONENT_OR_FEATURE_NAME}'
+EOF
+
+   touch src/components/ui/${COMPONENT_OR_FEATURE_NAME}/{${COMPONENT_OR_FEATURE_NAME}.stories.tsx,${COMPONENT_OR_FEATURE_NAME}.tsx}
+    ;;
+  *)
+    echo "Invalid option. Usage: $0 <feature|component> <name>"
+    exit 1
+
+    ;;
+esac
+
+echo "Template created successfully!"

package/src/components/feature/login-form.stories.tsx

@@ -0,0 +1,35 @@
+import { Meta, StoryObj } from "@storybook/react"
+
+import { GalleryVerticalEnd } from 'lucide-react'
+
+import { 
+  LoginForm
+} from "./login-form"
+
+const meta = {
+  title: "Feature/LoginForm",
+  component: LoginForm,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+} satisfies Meta<typeof LoginForm>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  render: () => (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10">
+      <div className="flex w-full max-w-sm flex-col gap-6">
+        <a href="#" className="flex items-center gap-2 self-center font-medium">
+          <div className="flex h-6 w-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
+            <GalleryVerticalEnd className="size-4" />
+          </div>
+          Acme Inc.
+        </a>
+        <LoginForm />
+      </div>
+    </div>)
+}
+

package/src/components/feature/login-form.tsx

@@ -0,0 +1,97 @@
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+
+export function LoginForm({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<"div">) {
+  return (
+    <div className={cn("flex flex-col gap-6", className)} {...props}>
+      <Card>
+        <CardHeader className="text-center">
+          <CardTitle className="text-xl">Welcome back</CardTitle>
+          <CardDescription>
+            Login with your Apple or Google account
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form>
+            <div className="grid gap-6">
+              <div className="flex flex-col gap-4">
+                <Button variant="outline" className="w-full">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                      d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  Login with Apple
+                </Button>
+                <Button variant="outline" className="w-full">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                      d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  Login with Google
+                </Button>
+              </div>
+              <div className="relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t after:border-border">
+                <span className="relative z-10 bg-background px-2 text-muted-foreground">
+                  Or continue with
+                </span>
+              </div>
+              <div className="grid gap-6">
+                <div className="grid gap-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input
+                    id="email"
+                    type="email"
+                    placeholder="m@example.com"
+                    required
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <div className="flex items-center">
+                    <Label htmlFor="password">Password</Label>
+                    <a
+                      href="#"
+                      className="ml-auto text-sm underline-offset-4 hover:underline"
+                    >
+                      Forgot your password?
+                    </a>
+                  </div>
+                  <Input id="password" type="password" required />
+                </div>
+                <Button type="submit" className="w-full">
+                  Login
+                </Button>
+              </div>
+              <div className="text-center text-sm">
+                Don&apos;t have an account?{" "}
+                <a href="#" className="underline underline-offset-4">
+                  Sign up
+                </a>
+              </div>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+      <div className="text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary  ">
+        By clicking continue, you agree to our <a href="#">Terms of Service</a>{" "}
+        and <a href="#">Privacy Policy</a>.
+      </div>
+    </div>
+  )
+}
+

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './ui/accordion'

package/src/components/ui/accordion.stories.tsx.disabled

@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from "@storybook/react"
+
+import { 
+  Accordion,
+  AccordionTrigger,
+  AccordionContent,
+  AccordionItem,
+} from "./accordion"
+
+const meta = {
+  title: "Components/Accordion",
+  component: Accordion,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+} satisfies Meta<typeof Accordion>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {
+    collapsible: true
+  },
+  render: () => (
+    <Accordion type="single" collapsible>
+      <AccordionItem value="item-1">
+        <AccordionTrigger>Is it accessible?</AccordionTrigger>
+        <AccordionContent>
+          Yes. It adheres to the WAI-ARIA design pattern.
+        </AccordionContent>
+      </AccordionItem>
+    </Accordion>
+  )
+}

package/src/components/ui/accordion.tsx

@@ -0,0 +1,55 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }

package/src/components/ui/alert-dialog.stories.tsx

@@ -0,0 +1,46 @@
+import { Meta, StoryObj } from "@storybook/react"
+
+import { 
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "./alert-dialog"
+
+const meta = {
+  title: "Components/AlertDialog",
+  component: AlertDialog,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+} satisfies Meta<typeof AlertDialog>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  render: () => (
+    <AlertDialog>
+      <AlertDialogTrigger>Open</AlertDialogTrigger>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+          <AlertDialogDescription>
+            This action cannot be undone. This will permanently delete your account
+            and remove your data from our servers.
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogAction>Continue</AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}