chiperos-ai-components-library 0.0.1

package/README.md

@@ -0,0 +1,225 @@
+# Chiper Components Library
+
+A modern, fully-typed React component library built with Vite, TypeScript, and Tailwind CSS.
+
+[![npm version](https://badge.fury.io/js/chiper-components-library.svg)](https://www.npmjs.com/package/chiper-components-library)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+## 🚀 Installation
+
+```bash
+npm install chiper-components-library
+# or
+yarn add chiper-components-library
+# or
+pnpm add chiper-components-library
+```
+
+## 📦 Components
+
+### Cards
+- **FeatureCard** - Showcase features with icon, title, and description
+- **ActionCard** - Interactive cards with call-to-action buttons
+- **OptionCard** - Selectable option cards with radio buttons
+- **CardsGrid** - Responsive grid container for cards
+
+### KPI Components
+- **KPICard** - Display key performance indicators
+- **KPIComparison** - Show KPI comparisons with trends
+- **OrderCard** - Display order status and metrics
+- Custom variants available for all KPI cards
+
+### UI Components
+- **Button** - Versatile button with multiple variants and sizes
+- **Loader** - Loading indicators (spinner and linear)
+- **Toasts** - Toast notifications (light and dark)
+- **Switcher** - Toggle switch component
+- **BannerAlerts** - Alert banners (warning, information, grey)
+- **BrandIcons** - Brand logo icons with customization
+
+### Other
+- **Header** - Application header component
+- **LanguageSwitcher** - Language selection component
+- **PaginationLib** - Pagination controls
+
+## 💡 Quick Start
+
+```tsx
+import { CardsGrid, FeatureCard, ActionCard } from 'chiper-components-library';
+import { Lock, Package } from 'lucide-react';
+
+function App() {
+  return (
+    <CardsGrid columns={3} gap={6}>
+      <FeatureCard
+        icon={<Lock size={32} color="#00995a" />}
+        title="Secure"
+        description="Enterprise-grade security for your data"
+        iconBackground="#e6f8ef"
+      />
+      
+      <ActionCard
+        icon={<Package size={32} color="#d48620" />}
+        title="Inventory Management"
+        description="Track and manage your inventory efficiently"
+        action={{
+          label: "View Inventory",
+          onClick: () => console.log('Navigate to inventory')
+        }}
+      />
+    </CardsGrid>
+  );
+}
+
+export default App;
+```
+
+## 📖 Examples
+
+### Cards with Grid
+
+```tsx
+import { CardsGrid, FeatureCard } from 'chiper-components-library';
+
+<CardsGrid 
+  columns={4}           // Desktop: 4 columns
+  tabletColumns={2}     // Tablet: 2 columns
+  mobileColumns={1}     // Mobile: 1 column
+  gap={6}
+>
+  <FeatureCard {...props} />
+  <FeatureCard {...props} />
+  <FeatureCard {...props} />
+  <FeatureCard {...props} />
+</CardsGrid>
+```
+
+### KPI Dashboard
+
+```tsx
+import { KPICard } from 'chiper-components-library';
+import { TrendingUp } from 'lucide-react';
+
+<KPICard
+  title="Total Sales"
+  value={15420}
+  unit="USD"
+  description="Monthly revenue"
+  comparison={{
+    percentage: 12.5,
+    trend: 'positive',
+    label: 'vs last month'
+  }}
+  icon={<TrendingUp size={32} color="#00995a" />}
+  iconColor="brand"
+/>
+```
+
+### Interactive Components
+
+```tsx
+import { Switcher, Loader, Toasts } from 'chiper-components-library';
+import { useState } from 'react';
+
+function Settings() {
+  const [enabled, setEnabled] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  return (
+    <>
+      <Switcher
+        status={enabled}
+        onChange={setEnabled}
+        disabled={false}
+      />
+      
+      <Loader type="spinner" show={loading} />
+      
+      <Toasts
+        type="light"
+        text="Settings updated successfully"
+        icon={<CheckCircle />}
+        onClose={() => console.log('Toast closed')}
+      />
+    </>
+  );
+}
+```
+
+## 🛠️ Tech Stack
+
+- **React 18** - Modern React with hooks
+- **TypeScript** - Full type safety
+- **Tailwind CSS** - Utility-first styling
+- **Radix UI** - Accessible component primitives
+- **Lucide React** - Beautiful icons
+- **Vite** - Fast build tool
+
+## 🎨 Styling
+
+This library uses **Tailwind CSS**. Make sure you have Tailwind CSS configured in your project.
+
+### Setup Tailwind (if not already installed)
+
+```bash
+npm install -D tailwindcss postcss autoprefixer
+npx tailwindcss init -p
+```
+
+Update your `tailwind.config.js`:
+
+```js
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/chiper-components-library/dist/**/*.{js,mjs}"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+```
+
+## 📚 Documentation
+
+For detailed documentation and interactive examples, visit our [Storybook](https://your-storybook-url.com) (coming soon).
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add some amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## 📝 License
+
+MIT © Chiper Team
+
+## 🐛 Issues
+
+Found a bug or have a feature request? Please open an issue on [GitHub](https://github.com/chiper/chiper-components-library/issues).
+
+## 📦 Package Info
+
+- **Bundle Size**: ~137 KB (ESM), ~69 KB (CJS)
+- **Dependencies**: React 18+, React DOM 18+
+- **Peer Dependencies**: React, React DOM
+- **TypeScript**: Full type definitions included
+
+## 🔗 Links
+
+- [npm Package](https://www.npmjs.com/package/chiper-components-library)
+- [GitHub Repository](https://github.com/chiper/chiper-components-library)
+- [Issues](https://github.com/chiper/chiper-components-library/issues)
+- [Changelog](./CHANGELOG.md)
+
+---
+
+Made with ❤️ by the Chiper Team
+

package/dist/chiper-components-library.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react");require("react-dom");function jt(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const m=jt(q);var Ce={exports:{}},ue={};var sr;function kt(){if(sr)return ue;sr=1;var e=q,r=Symbol.for("react.element"),n=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,s=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function c(l,d,p){var u,h={},x=null,N=null;p!==void 0&&(x=""+p),d.key!==void 0&&(x=""+d.key),d.ref!==void 0&&(N=d.ref);for(u in d)o.call(d,u)&&!a.hasOwnProperty(u)&&(h[u]=d[u]);if(l&&l.defaultProps)for(u in d=l.defaultProps,d)h[u]===void 0&&(h[u]=d[u]);return{$$typeof:r,type:l,key:x,ref:N,props:h,_owner:s.current}}return ue.Fragment=n,ue.jsx=c,ue.jsxs=c,ue}var fe={};var ar;function Rt(){return ar||(ar=1,process.env.NODE_ENV!=="production"&&(function(){var e=q,r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),N=Symbol.for("react.offscreen"),S=Symbol.iterator,j="@@iterator";function w(t){if(t===null||typeof t!="object")return null;var f=S&&t[S]||t[j];return typeof f=="function"?f:null}var y=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(t){{for(var f=arguments.length,b=new Array(f>1?f-1:0),g=1;g<f;g++)b[g-1]=arguments[g];$("error",t,b)}}function $(t,f,b){{var g=y.ReactDebugCurrentFrame,E=g.getStackAddendum();E!==""&&(f+="%s",b=b.concat([E]));var T=b.map(function(k){return String(k)});T.unshift("Warning: "+f),Function.prototype.apply.call(console[t],console,T)}}var V=!1,Q=!1,be=!1,he=!1,xe=!1,ee;ee=Symbol.for("react.module.reference");function ae(t){return!!(typeof t=="string"||typeof t=="function"||t===o||t===a||xe||t===s||t===p||t===u||he||t===N||V||Q||be||typeof t=="object"&&t!==null&&(t.$$typeof===x||t.$$typeof===h||t.$$typeof===c||t.$$typeof===l||t.$$typeof===d||t.$$typeof===ee||t.getModuleId!==void 0))}function ie(t,f,b){var g=t.displayName;if(g)return g;var E=f.displayName||f.name||"";return E!==""?b+"("+E+")":b}function P(t){return t.displayName||"Context"}function D(t){if(t==null)return null;if(typeof t.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case o:return"Fragment";case n:return"Portal";case a:return"Profiler";case s:return"StrictMode";case p:return"Suspense";case u:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case l:var f=t;return P(f)+".Consumer";case c:var b=t;return P(b._context)+".Provider";case d:return ie(t,t.render,"ForwardRef");case h:var g=t.displayName||null;return g!==null?g:D(t.type)||"Memo";case x:{var E=t,T=E._payload,k=E._init;try{return D(k(T))}catch{return null}}}return null}var L=Object.assign,G=0,J,le,re,U,ce,M,De;function Be(){}Be.__reactDisabledLog=!0;function Jr(){{if(G===0){J=console.log,le=console.info,re=console.warn,U=console.error,ce=console.group,M=console.groupCollapsed,De=console.groupEnd;var t={configurable:!0,enumerable:!0,value:Be,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}G++}}function Xr(){{if(G--,G===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:L({},t,{value:J}),info:L({},t,{value:le}),warn:L({},t,{value:re}),error:L({},t,{value:U}),group:L({},t,{value:ce}),groupCollapsed:L({},t,{value:M}),groupEnd:L({},t,{value:De})})}G<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Ee=y.ReactCurrentDispatcher,_e;function ge(t,f,b){{if(_e===void 0)try{throw Error()}catch(E){var g=E.stack.trim().match(/\n( *(at )?)/);_e=g&&g[1]||""}return`
+`+_e+t}}var Pe=!1,ve;{var Zr=typeof WeakMap=="function"?WeakMap:Map;ve=new Zr}function Ge(t,f){if(!t||Pe)return"";{var b=ve.get(t);if(b!==void 0)return b}var g;Pe=!0;var E=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var T;T=Ee.current,Ee.current=null,Jr();try{if(f){var k=function(){throw Error()};if(Object.defineProperty(k.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(k,[])}catch(z){g=z}Reflect.construct(t,[],k)}else{try{k.call()}catch(z){g=z}t.call(k.prototype)}}else{try{throw Error()}catch(z){g=z}t()}}catch(z){if(z&&g&&typeof z.stack=="string"){for(var C=z.stack.split(`
+`),F=g.stack.split(`
+`),A=C.length-1,I=F.length-1;A>=1&&I>=0&&C[A]!==F[I];)I--;for(;A>=1&&I>=0;A--,I--)if(C[A]!==F[I]){if(A!==1||I!==1)do if(A--,I--,I<0||C[A]!==F[I]){var W=`
+`+C[A].replace(" at new "," at ");return t.displayName&&W.includes("<anonymous>")&&(W=W.replace("<anonymous>",t.displayName)),typeof t=="function"&&ve.set(t,W),W}while(A>=1&&I>=0);break}}}finally{Pe=!1,Ee.current=T,Xr(),Error.prepareStackTrace=E}var ne=t?t.displayName||t.name:"",X=ne?ge(ne):"";return typeof t=="function"&&ve.set(t,X),X}function Qr(t,f,b){return Ge(t,!1)}function et(t){var f=t.prototype;return!!(f&&f.isReactComponent)}function ye(t,f,b){if(t==null)return"";if(typeof t=="function")return Ge(t,et(t));if(typeof t=="string")return ge(t);switch(t){case p:return ge("Suspense");case u:return ge("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case d:return Qr(t.render);case h:return ye(t.type,f,b);case x:{var g=t,E=g._payload,T=g._init;try{return ye(T(E),f,b)}catch{}}}return""}var de=Object.prototype.hasOwnProperty,Ue={},Ye=y.ReactDebugCurrentFrame;function we(t){if(t){var f=t._owner,b=ye(t.type,t._source,f?f.type:null);Ye.setExtraStackFrame(b)}else Ye.setExtraStackFrame(null)}function rt(t,f,b,g,E){{var T=Function.call.bind(de);for(var k in t)if(T(t,k)){var C=void 0;try{if(typeof t[k]!="function"){var F=Error((g||"React class")+": "+b+" type `"+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[k]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw F.name="Invariant Violation",F}C=t[k](f,k,g,b,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(A){C=A}C&&!(C instanceof Error)&&(we(E),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",g||"React class",b,k,typeof C),we(null)),C instanceof Error&&!(C.message in Ue)&&(Ue[C.message]=!0,we(E),R("Failed %s type: %s",b,C.message),we(null))}}}var tt=Array.isArray;function Te(t){return tt(t)}function nt(t){{var f=typeof Symbol=="function"&&Symbol.toStringTag,b=f&&t[Symbol.toStringTag]||t.constructor.name||"Object";return b}}function ot(t){try{return Ke(t),!1}catch{return!0}}function Ke(t){return""+t}function qe(t){if(ot(t))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",nt(t)),Ke(t)}var He=y.ReactCurrentOwner,st={key:!0,ref:!0,__self:!0,__source:!0},Je,Xe;function at(t){if(de.call(t,"ref")){var f=Object.getOwnPropertyDescriptor(t,"ref").get;if(f&&f.isReactWarning)return!1}return t.ref!==void 0}function it(t){if(de.call(t,"key")){var f=Object.getOwnPropertyDescriptor(t,"key").get;if(f&&f.isReactWarning)return!1}return t.key!==void 0}function lt(t,f){typeof t.ref=="string"&&He.current}function ct(t,f){{var b=function(){Je||(Je=!0,R("%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://reactjs.org/link/special-props)",f))};b.isReactWarning=!0,Object.defineProperty(t,"key",{get:b,configurable:!0})}}function dt(t,f){{var b=function(){Xe||(Xe=!0,R("%s: `ref` 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://reactjs.org/link/special-props)",f))};b.isReactWarning=!0,Object.defineProperty(t,"ref",{get:b,configurable:!0})}}var ut=function(t,f,b,g,E,T,k){var C={$$typeof:r,type:t,key:f,ref:b,props:k,_owner:T};return C._store={},Object.defineProperty(C._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(C,"_self",{configurable:!1,enumerable:!1,writable:!1,value:g}),Object.defineProperty(C,"_source",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.freeze&&(Object.freeze(C.props),Object.freeze(C)),C};function ft(t,f,b,g,E){{var T,k={},C=null,F=null;b!==void 0&&(qe(b),C=""+b),it(f)&&(qe(f.key),C=""+f.key),at(f)&&(F=f.ref,lt(f,E));for(T in f)de.call(f,T)&&!st.hasOwnProperty(T)&&(k[T]=f[T]);if(t&&t.defaultProps){var A=t.defaultProps;for(T in A)k[T]===void 0&&(k[T]=A[T])}if(C||F){var I=typeof t=="function"?t.displayName||t.name||"Unknown":t;C&&ct(k,I),F&&dt(k,I)}return ut(t,C,F,E,g,He.current,k)}}var Oe=y.ReactCurrentOwner,Ze=y.ReactDebugCurrentFrame;function te(t){if(t){var f=t._owner,b=ye(t.type,t._source,f?f.type:null);Ze.setExtraStackFrame(b)}else Ze.setExtraStackFrame(null)}var Ae;Ae=!1;function Ie(t){return typeof t=="object"&&t!==null&&t.$$typeof===r}function Qe(){{if(Oe.current){var t=D(Oe.current.type);if(t)return`
+
+Check the render method of \``+t+"`."}return""}}function pt(t){return""}var er={};function mt(t){{var f=Qe();if(!f){var b=typeof t=="string"?t:t.displayName||t.name;b&&(f=`
+
+Check the top-level render call using <`+b+">.")}return f}}function rr(t,f){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var b=mt(f);if(er[b])return;er[b]=!0;var g="";t&&t._owner&&t._owner!==Oe.current&&(g=" It was passed a child from "+D(t._owner.type)+"."),te(t),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',b,g),te(null)}}function tr(t,f){{if(typeof t!="object")return;if(Te(t))for(var b=0;b<t.length;b++){var g=t[b];Ie(g)&&rr(g,f)}else if(Ie(t))t._store&&(t._store.validated=!0);else if(t){var E=w(t);if(typeof E=="function"&&E!==t.entries)for(var T=E.call(t),k;!(k=T.next()).done;)Ie(k.value)&&rr(k.value,f)}}}function bt(t){{var f=t.type;if(f==null||typeof f=="string")return;var b;if(typeof f=="function")b=f.propTypes;else if(typeof f=="object"&&(f.$$typeof===d||f.$$typeof===h))b=f.propTypes;else return;if(b){var g=D(f);rt(b,t.props,"prop",g,t)}else if(f.PropTypes!==void 0&&!Ae){Ae=!0;var E=D(f);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E||"Unknown")}typeof f.getDefaultProps=="function"&&!f.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ht(t){{for(var f=Object.keys(t.props),b=0;b<f.length;b++){var g=f[b];if(g!=="children"&&g!=="key"){te(t),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",g),te(null);break}}t.ref!==null&&(te(t),R("Invalid attribute `ref` supplied to `React.Fragment`."),te(null))}}var nr={};function or(t,f,b,g,E,T){{var k=ae(t);if(!k){var C="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(C+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var F=pt();F?C+=F:C+=Qe();var A;t===null?A="null":Te(t)?A="array":t!==void 0&&t.$$typeof===r?(A="<"+(D(t.type)||"Unknown")+" />",C=" Did you accidentally export a JSX literal instead of a component?"):A=typeof t,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",A,C)}var I=ft(t,f,b,E,T);if(I==null)return I;if(k){var W=f.children;if(W!==void 0)if(g)if(Te(W)){for(var ne=0;ne<W.length;ne++)tr(W[ne],t);Object.freeze&&Object.freeze(W)}else R("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 tr(W,t)}if(de.call(f,"key")){var X=D(t),z=Object.keys(f).filter(function(Ct){return Ct!=="key"}),Fe=z.length>0?"{key: someKey, "+z.join(": ..., ")+": ...}":"{key: someKey}";if(!nr[X+Fe]){var wt=z.length>0?"{"+z.join(": ..., ")+": ...}":"{}";R(`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} />`,Fe,X,wt,X),nr[X+Fe]=!0}}return t===o?ht(I):bt(I),I}}function xt(t,f,b){return or(t,f,b,!0)}function gt(t,f,b){return or(t,f,b,!1)}var vt=gt,yt=xt;fe.Fragment=o,fe.jsx=vt,fe.jsxs=yt})()),fe}var ir;function Nt(){return ir||(ir=1,process.env.NODE_ENV==="production"?Ce.exports=kt():Ce.exports=Rt()),Ce.exports}var i=Nt();function xr(e){var r,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var s=e.length;for(r=0;r<s;r++)e[r]&&(n=xr(e[r]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function gr(){for(var e,r,n=0,o="",s=arguments.length;n<s;n++)(e=arguments[n])&&(r=xr(e))&&(o&&(o+=" "),o+=r);return o}const Me="-",St=e=>{const r=_t(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:c=>{const l=c.split(Me);return l[0]===""&&l.length!==1&&l.shift(),vr(l,r)||Et(c)},getConflictingClassGroupIds:(c,l)=>{const d=n[c]||[];return l&&o[c]?[...d,...o[c]]:d}}},vr=(e,r)=>{if(e.length===0)return r.classGroupId;const n=e[0],o=r.nextPart.get(n),s=o?vr(e.slice(1),o):void 0;if(s)return s;if(r.validators.length===0)return;const a=e.join(Me);return r.validators.find(({validator:c})=>c(a))?.classGroupId},lr=/^\[(.+)\]$/,Et=e=>{if(lr.test(e)){const r=lr.exec(e)[1],n=r?.substring(0,r.indexOf(":"));if(n)return"arbitrary.."+n}},_t=e=>{const{theme:r,prefix:n}=e,o={nextPart:new Map,validators:[]};return Tt(Object.entries(e.classGroups),n).forEach(([a,c])=>{$e(c,o,a,r)}),o},$e=(e,r,n,o)=>{e.forEach(s=>{if(typeof s=="string"){const a=s===""?r:cr(r,s);a.classGroupId=n;return}if(typeof s=="function"){if(Pt(s)){$e(s(o),r,n,o);return}r.validators.push({validator:s,classGroupId:n});return}Object.entries(s).forEach(([a,c])=>{$e(c,cr(r,a),n,o)})})},cr=(e,r)=>{let n=e;return r.split(Me).forEach(o=>{n.nextPart.has(o)||n.nextPart.set(o,{nextPart:new Map,validators:[]}),n=n.nextPart.get(o)}),n},Pt=e=>e.isThemeGetter,Tt=(e,r)=>r?e.map(([n,o])=>{const s=o.map(a=>typeof a=="string"?r+a:typeof a=="object"?Object.fromEntries(Object.entries(a).map(([c,l])=>[r+c,l])):a);return[n,s]}):e,Ot=e=>{if(e<1)return{get:()=>{},set:()=>{}};let r=0,n=new Map,o=new Map;const s=(a,c)=>{n.set(a,c),r++,r>e&&(r=0,o=n,n=new Map)};return{get(a){let c=n.get(a);if(c!==void 0)return c;if((c=o.get(a))!==void 0)return s(a,c),c},set(a,c){n.has(a)?n.set(a,c):s(a,c)}}},yr="!",At=e=>{const{separator:r,experimentalParseClassName:n}=e,o=r.length===1,s=r[0],a=r.length,c=l=>{const d=[];let p=0,u=0,h;for(let w=0;w<l.length;w++){let y=l[w];if(p===0){if(y===s&&(o||l.slice(w,w+a)===r)){d.push(l.slice(u,w)),u=w+a;continue}if(y==="/"){h=w;continue}}y==="["?p++:y==="]"&&p--}const x=d.length===0?l:l.substring(u),N=x.startsWith(yr),S=N?x.substring(1):x,j=h&&h>u?h-u:void 0;return{modifiers:d,hasImportantModifier:N,baseClassName:S,maybePostfixModifierPosition:j}};return n?l=>n({className:l,parseClassName:c}):c},It=e=>{if(e.length<=1)return e;const r=[];let n=[];return e.forEach(o=>{o[0]==="["?(r.push(...n.sort(),o),n=[]):n.push(o)}),r.push(...n.sort()),r},Ft=e=>({cache:Ot(e.cacheSize),parseClassName:At(e),...St(e)}),zt=/\s+/,$t=(e,r)=>{const{parseClassName:n,getClassGroupId:o,getConflictingClassGroupIds:s}=r,a=[],c=e.trim().split(zt);let l="";for(let d=c.length-1;d>=0;d-=1){const p=c[d],{modifiers:u,hasImportantModifier:h,baseClassName:x,maybePostfixModifierPosition:N}=n(p);let S=!!N,j=o(S?x.substring(0,N):x);if(!j){if(!S){l=p+(l.length>0?" "+l:l);continue}if(j=o(x),!j){l=p+(l.length>0?" "+l:l);continue}S=!1}const w=It(u).join(":"),y=h?w+yr:w,R=y+j;if(a.includes(R))continue;a.push(R);const $=s(j,S);for(let V=0;V<$.length;++V){const Q=$[V];a.push(y+Q)}l=p+(l.length>0?" "+l:l)}return l};function Lt(){let e=0,r,n,o="";for(;e<arguments.length;)(r=arguments[e++])&&(n=wr(r))&&(o&&(o+=" "),o+=n);return o}const wr=e=>{if(typeof e=="string")return e;let r,n="";for(let o=0;o<e.length;o++)e[o]&&(r=wr(e[o]))&&(n&&(n+=" "),n+=r);return n};function Mt(e,...r){let n,o,s,a=c;function c(d){const p=r.reduce((u,h)=>h(u),e());return n=Ft(p),o=n.cache.get,s=n.cache.set,a=l,l(d)}function l(d){const p=o(d);if(p)return p;const u=$t(d,n);return s(d,u),u}return function(){return a(Lt.apply(null,arguments))}}const O=e=>{const r=n=>n[e]||[];return r.isThemeGetter=!0,r},Cr=/^\[(?:([a-z-]+):)?(.+)\]$/i,Wt=/^\d+\/\d+$/,Vt=new Set(["px","full","screen"]),Dt=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Bt=/\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$/,Gt=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,Ut=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Yt=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,B=e=>oe(e)||Vt.has(e)||Wt.test(e),Y=e=>se(e,"length",en),oe=e=>!!e&&!Number.isNaN(Number(e)),ze=e=>se(e,"number",oe),pe=e=>!!e&&Number.isInteger(Number(e)),Kt=e=>e.endsWith("%")&&oe(e.slice(0,-1)),v=e=>Cr.test(e),K=e=>Dt.test(e),qt=new Set(["length","size","percentage"]),Ht=e=>se(e,qt,jr),Jt=e=>se(e,"position",jr),Xt=new Set(["image","url"]),Zt=e=>se(e,Xt,tn),Qt=e=>se(e,"",rn),me=()=>!0,se=(e,r,n)=>{const o=Cr.exec(e);return o?o[1]?typeof r=="string"?o[1]===r:r.has(o[1]):n(o[2]):!1},en=e=>Bt.test(e)&&!Gt.test(e),jr=()=>!1,rn=e=>Ut.test(e),tn=e=>Yt.test(e),nn=()=>{const e=O("colors"),r=O("spacing"),n=O("blur"),o=O("brightness"),s=O("borderColor"),a=O("borderRadius"),c=O("borderSpacing"),l=O("borderWidth"),d=O("contrast"),p=O("grayscale"),u=O("hueRotate"),h=O("invert"),x=O("gap"),N=O("gradientColorStops"),S=O("gradientColorStopPositions"),j=O("inset"),w=O("margin"),y=O("opacity"),R=O("padding"),$=O("saturate"),V=O("scale"),Q=O("sepia"),be=O("skew"),he=O("space"),xe=O("translate"),ee=()=>["auto","contain","none"],ae=()=>["auto","hidden","clip","visible","scroll"],ie=()=>["auto",v,r],P=()=>[v,r],D=()=>["",B,Y],L=()=>["auto",oe,v],G=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],J=()=>["solid","dashed","dotted","double","none"],le=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],re=()=>["start","end","center","between","around","evenly","stretch"],U=()=>["","0",v],ce=()=>["auto","avoid","all","avoid-page","page","left","right","column"],M=()=>[oe,v];return{cacheSize:500,separator:":",theme:{colors:[me],spacing:[B,Y],blur:["none","",K,v],brightness:M(),borderColor:[e],borderRadius:["none","","full",K,v],borderSpacing:P(),borderWidth:D(),contrast:M(),grayscale:U(),hueRotate:M(),invert:U(),gap:P(),gradientColorStops:[e],gradientColorStopPositions:[Kt,Y],inset:ie(),margin:ie(),opacity:M(),padding:P(),saturate:M(),scale:M(),sepia:U(),skew:M(),space:P(),translate:P()},classGroups:{aspect:[{aspect:["auto","square","video",v]}],container:["container"],columns:[{columns:[K]}],"break-after":[{"break-after":ce()}],"break-before":[{"break-before":ce()}],"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"],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:[...G(),v]}],overflow:[{overflow:ae()}],"overflow-x":[{"overflow-x":ae()}],"overflow-y":[{"overflow-y":ae()}],overscroll:[{overscroll:ee()}],"overscroll-x":[{"overscroll-x":ee()}],"overscroll-y":[{"overscroll-y":ee()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[j]}],"inset-x":[{"inset-x":[j]}],"inset-y":[{"inset-y":[j]}],start:[{start:[j]}],end:[{end:[j]}],top:[{top:[j]}],right:[{right:[j]}],bottom:[{bottom:[j]}],left:[{left:[j]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",pe,v]}],basis:[{basis:ie()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",v]}],grow:[{grow:U()}],shrink:[{shrink:U()}],order:[{order:["first","last","none",pe,v]}],"grid-cols":[{"grid-cols":[me]}],"col-start-end":[{col:["auto",{span:["full",pe,v]},v]}],"col-start":[{"col-start":L()}],"col-end":[{"col-end":L()}],"grid-rows":[{"grid-rows":[me]}],"row-start-end":[{row:["auto",{span:[pe,v]},v]}],"row-start":[{"row-start":L()}],"row-end":[{"row-end":L()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",v]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",v]}],gap:[{gap:[x]}],"gap-x":[{"gap-x":[x]}],"gap-y":[{"gap-y":[x]}],"justify-content":[{justify:["normal",...re()]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal",...re(),"baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":[...re(),"baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[R]}],px:[{px:[R]}],py:[{py:[R]}],ps:[{ps:[R]}],pe:[{pe:[R]}],pt:[{pt:[R]}],pr:[{pr:[R]}],pb:[{pb:[R]}],pl:[{pl:[R]}],m:[{m:[w]}],mx:[{mx:[w]}],my:[{my:[w]}],ms:[{ms:[w]}],me:[{me:[w]}],mt:[{mt:[w]}],mr:[{mr:[w]}],mb:[{mb:[w]}],ml:[{ml:[w]}],"space-x":[{"space-x":[he]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[he]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",v,r]}],"min-w":[{"min-w":[v,r,"min","max","fit"]}],"max-w":[{"max-w":[v,r,"none","full","min","max","fit","prose",{screen:[K]},K]}],h:[{h:[v,r,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[v,r,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[v,r,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[v,r,"auto","min","max","fit"]}],"font-size":[{text:["base",K,Y]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",ze]}],"font-family":[{font:[me]}],"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:["tighter","tight","normal","wide","wider","widest",v]}],"line-clamp":[{"line-clamp":["none",oe,ze]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",B,v]}],"list-image":[{"list-image":["none",v]}],"list-style-type":[{list:["none","disc","decimal",v]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[y]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[y]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...J(),"wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",B,Y]}],"underline-offset":[{"underline-offset":["auto",B,v]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:P()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",v]}],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",v]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[y]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...G(),Jt]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",Ht]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},Zt]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[S]}],"gradient-via-pos":[{via:[S]}],"gradient-to-pos":[{to:[S]}],"gradient-from":[{from:[N]}],"gradient-via":[{via:[N]}],"gradient-to":[{to:[N]}],rounded:[{rounded:[a]}],"rounded-s":[{"rounded-s":[a]}],"rounded-e":[{"rounded-e":[a]}],"rounded-t":[{"rounded-t":[a]}],"rounded-r":[{"rounded-r":[a]}],"rounded-b":[{"rounded-b":[a]}],"rounded-l":[{"rounded-l":[a]}],"rounded-ss":[{"rounded-ss":[a]}],"rounded-se":[{"rounded-se":[a]}],"rounded-ee":[{"rounded-ee":[a]}],"rounded-es":[{"rounded-es":[a]}],"rounded-tl":[{"rounded-tl":[a]}],"rounded-tr":[{"rounded-tr":[a]}],"rounded-br":[{"rounded-br":[a]}],"rounded-bl":[{"rounded-bl":[a]}],"border-w":[{border:[l]}],"border-w-x":[{"border-x":[l]}],"border-w-y":[{"border-y":[l]}],"border-w-s":[{"border-s":[l]}],"border-w-e":[{"border-e":[l]}],"border-w-t":[{"border-t":[l]}],"border-w-r":[{"border-r":[l]}],"border-w-b":[{"border-b":[l]}],"border-w-l":[{"border-l":[l]}],"border-opacity":[{"border-opacity":[y]}],"border-style":[{border:[...J(),"hidden"]}],"divide-x":[{"divide-x":[l]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[l]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[y]}],"divide-style":[{divide:J()}],"border-color":[{border:[s]}],"border-color-x":[{"border-x":[s]}],"border-color-y":[{"border-y":[s]}],"border-color-s":[{"border-s":[s]}],"border-color-e":[{"border-e":[s]}],"border-color-t":[{"border-t":[s]}],"border-color-r":[{"border-r":[s]}],"border-color-b":[{"border-b":[s]}],"border-color-l":[{"border-l":[s]}],"divide-color":[{divide:[s]}],"outline-style":[{outline:["",...J()]}],"outline-offset":[{"outline-offset":[B,v]}],"outline-w":[{outline:[B,Y]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:D()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[y]}],"ring-offset-w":[{"ring-offset":[B,Y]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",K,Qt]}],"shadow-color":[{shadow:[me]}],opacity:[{opacity:[y]}],"mix-blend":[{"mix-blend":[...le(),"plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":le()}],filter:[{filter:["","none"]}],blur:[{blur:[n]}],brightness:[{brightness:[o]}],contrast:[{contrast:[d]}],"drop-shadow":[{"drop-shadow":["","none",K,v]}],grayscale:[{grayscale:[p]}],"hue-rotate":[{"hue-rotate":[u]}],invert:[{invert:[h]}],saturate:[{saturate:[$]}],sepia:[{sepia:[Q]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[n]}],"backdrop-brightness":[{"backdrop-brightness":[o]}],"backdrop-contrast":[{"backdrop-contrast":[d]}],"backdrop-grayscale":[{"backdrop-grayscale":[p]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[u]}],"backdrop-invert":[{"backdrop-invert":[h]}],"backdrop-opacity":[{"backdrop-opacity":[y]}],"backdrop-saturate":[{"backdrop-saturate":[$]}],"backdrop-sepia":[{"backdrop-sepia":[Q]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[c]}],"border-spacing-x":[{"border-spacing-x":[c]}],"border-spacing-y":[{"border-spacing-y":[c]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",v]}],duration:[{duration:M()}],ease:[{ease:["linear","in","out","in-out",v]}],delay:[{delay:M()}],animate:[{animate:["none","spin","ping","pulse","bounce",v]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[V]}],"scale-x":[{"scale-x":[V]}],"scale-y":[{"scale-y":[V]}],rotate:[{rotate:[pe,v]}],"translate-x":[{"translate-x":[xe]}],"translate-y":[{"translate-y":[xe]}],"skew-x":[{"skew-x":[be]}],"skew-y":[{"skew-y":[be]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",v]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],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",v]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":P()}],"scroll-mx":[{"scroll-mx":P()}],"scroll-my":[{"scroll-my":P()}],"scroll-ms":[{"scroll-ms":P()}],"scroll-me":[{"scroll-me":P()}],"scroll-mt":[{"scroll-mt":P()}],"scroll-mr":[{"scroll-mr":P()}],"scroll-mb":[{"scroll-mb":P()}],"scroll-ml":[{"scroll-ml":P()}],"scroll-p":[{"scroll-p":P()}],"scroll-px":[{"scroll-px":P()}],"scroll-py":[{"scroll-py":P()}],"scroll-ps":[{"scroll-ps":P()}],"scroll-pe":[{"scroll-pe":P()}],"scroll-pt":[{"scroll-pt":P()}],"scroll-pr":[{"scroll-pr":P()}],"scroll-pb":[{"scroll-pb":P()}],"scroll-pl":[{"scroll-pl":P()}],"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",v]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[B,Y,ze]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"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"],"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"]}}},on=Mt(nn);function _(...e){return on(gr(e))}const kr=m.forwardRef(({title:e,description:r,icon:n,action:o,onClick:s,className:a,...c},l)=>i.jsxs("div",{ref:l,onClick:s,className:_("bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",s&&"cursor-pointer hover:shadow-md transition-shadow",a),style:{width:"350px"},...c,children:[i.jsx("div",{className:"flex items-center justify-center shrink-0",children:n}),i.jsxs("div",{className:"flex-1 flex flex-col gap-2 min-w-0",children:[i.jsx("h3",{className:"text-base leading-5 font-semibold text-[#312e4d] capitalize",style:{fontFamily:"Causten Round, sans-serif"},children:e}),i.jsx("p",{className:"text-sm leading-[18px] font-normal text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:r}),o&&i.jsx("button",{onClick:d=>{d.stopPropagation(),o.onClick()},className:"text-sm leading-[18px] font-semibold text-[#00995a] hover:underline self-start",style:{fontFamily:"Causten Round, sans-serif"},children:o.label})]})]}));kr.displayName="ActionCard";const sn=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),an=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,n,o)=>o?o.toUpperCase():n.toLowerCase()),dr=e=>{const r=an(e);return r.charAt(0).toUpperCase()+r.slice(1)},Rr=(...e)=>e.filter((r,n,o)=>!!r&&r.trim()!==""&&o.indexOf(r)===n).join(" ").trim(),ln=e=>{for(const r in e)if(r.startsWith("aria-")||r==="role"||r==="title")return!0};var cn={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const dn=q.forwardRef(({color:e="currentColor",size:r=24,strokeWidth:n=2,absoluteStrokeWidth:o,className:s="",children:a,iconNode:c,...l},d)=>q.createElement("svg",{ref:d,...cn,width:r,height:r,stroke:e,strokeWidth:o?Number(n)*24/Number(r):n,className:Rr("lucide",s),...!a&&!ln(l)&&{"aria-hidden":"true"},...l},[...c.map(([p,u])=>q.createElement(p,u)),...Array.isArray(a)?a:[a]]));const H=(e,r)=>{const n=q.forwardRef(({className:o,...s},a)=>q.createElement(dn,{ref:a,iconNode:r,className:Rr(`lucide-${sn(dr(e))}`,`lucide-${e}`,o),...s}));return n.displayName=dr(e),n};const un=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],fn=H("circle-check-big",un);const pn=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],mn=H("circle-check",pn);const bn=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],ur=H("info",bn);const hn=[["path",{d:"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",key:"1a0edw"}],["path",{d:"M12 22V12",key:"d0xqtd"}],["polyline",{points:"3.29 7 12 12 20.71 7",key:"ousv84"}],["path",{d:"m7.5 4.27 9 5.15",key:"1c824w"}]],xn=H("package",hn);const gn=[["path",{d:"M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z",key:"q3az6g"}],["path",{d:"M14 8H8",key:"1l3xfs"}],["path",{d:"M16 12H8",key:"1fr5h0"}],["path",{d:"M13 16H8",key:"wsln4y"}]],vn=H("receipt-text",gn);const yn=[["circle",{cx:"6",cy:"19",r:"3",key:"1kj8tv"}],["path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15",key:"1d8sl"}],["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}]],wn=H("route",yn);const Cn=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],Nr=H("triangle-alert",Cn);const jn=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],kn=H("x",jn),Sr=m.forwardRef(({variant:e="information",title:r,description:n,icon:o,className:s,...a},c)=>{const d={warning:{container:"bg-[#fff3e8]",text:"text-[#d48620]",icon:i.jsx(Nr,{size:24,className:"text-[#d48620]"})},information:{container:"bg-[#e3f2ff]",text:"text-[#4087fb]",icon:i.jsx(ur,{size:24,className:"text-[#4087fb]"})},grey:{container:"bg-[#f4f4f4]",text:"text-[#6e6f6e]",icon:i.jsx(ur,{size:24,className:"text-[#202020]"})}}[e],p=o||d.icon;return i.jsxs("div",{ref:c,className:_("flex items-center gap-3 p-4 rounded-lg",d.container,d.text,s),role:"alert","aria-live":"polite",...a,children:[i.jsx("div",{className:"flex-shrink-0",children:p}),i.jsxs("div",{className:"flex flex-col gap-0 flex-1 min-w-0",children:[i.jsx("div",{className:"font-semibold text-sm leading-[18px]",children:r}),i.jsx("div",{className:"font-normal text-sm leading-[18px]",children:n})]})]})});Sr.displayName="BannerAlerts";function fr(e,r){if(typeof e=="function")return e(r);e!=null&&(e.current=r)}function We(...e){return r=>{let n=!1;const o=e.map(s=>{const a=fr(s,r);return!n&&typeof a=="function"&&(n=!0),a});if(n)return()=>{for(let s=0;s<o.length;s++){const a=o[s];typeof a=="function"?a():fr(e[s],null)}}}}function Er(...e){return m.useCallback(We(...e),e)}var Rn=Symbol.for("react.lazy"),je=m[" use ".trim().toString()];function Nn(e){return typeof e=="object"&&e!==null&&"then"in e}function _r(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===Rn&&"_payload"in e&&Nn(e._payload)}function Sn(e){const r=_n(e),n=m.forwardRef((o,s)=>{let{children:a,...c}=o;_r(a)&&typeof je=="function"&&(a=je(a._payload));const l=m.Children.toArray(a),d=l.find(Tn);if(d){const p=d.props.children,u=l.map(h=>h===d?m.Children.count(p)>1?m.Children.only(null):m.isValidElement(p)?p.props.children:null:h);return i.jsx(r,{...c,ref:s,children:m.isValidElement(p)?m.cloneElement(p,void 0,u):null})}return i.jsx(r,{...c,ref:s,children:a})});return n.displayName=`${e}.Slot`,n}var En=Sn("Slot");function _n(e){const r=m.forwardRef((n,o)=>{let{children:s,...a}=n;if(_r(s)&&typeof je=="function"&&(s=je(s._payload)),m.isValidElement(s)){const c=An(s),l=On(a,s.props);return s.type!==m.Fragment&&(l.ref=o?We(o,c):c),m.cloneElement(s,l)}return m.Children.count(s)>1?m.Children.only(null):null});return r.displayName=`${e}.SlotClone`,r}var Pn=Symbol("radix.slottable");function Tn(e){return m.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Pn}function On(e,r){const n={...r};for(const o in r){const s=e[o],a=r[o];/^on[A-Z]/.test(o)?s&&a?n[o]=(...l)=>{const d=a(...l);return s(...l),d}:s&&(n[o]=s):o==="style"?n[o]={...s,...a}:o==="className"&&(n[o]=[s,a].filter(Boolean).join(" "))}return{...e,...n}}function An(e){let r=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=r&&"isReactWarning"in r&&r.isReactWarning;return n?e.ref:(r=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=r&&"isReactWarning"in r&&r.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}const pr=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,mr=gr,In=(e,r)=>n=>{var o;if(r?.variants==null)return mr(e,n?.class,n?.className);const{variants:s,defaultVariants:a}=r,c=Object.keys(s).map(p=>{const u=n?.[p],h=a?.[p];if(u===null)return null;const x=pr(u)||pr(h);return s[p][x]}),l=n&&Object.entries(n).reduce((p,u)=>{let[h,x]=u;return x===void 0||(p[h]=x),p},{}),d=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((p,u)=>{let{class:h,className:x,...N}=u;return Object.entries(N).every(S=>{let[j,w]=S;return Array.isArray(w)?w.includes({...a,...l}[j]):{...a,...l}[j]===w})?[...p,h,x]:p},[]);return mr(e,c,d,n?.class,n?.className)},Le=In("inline-flex items-center justify-center gap-2 rounded font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{primary:"bg-[#00b56b] text-white border border-[#00b56b] hover:bg-[#00995a] hover:border-[#00995a] active:bg-[#007a48] active:border-[#007a48] disabled:bg-[#e0e0e0] disabled:border-[#e0e0e0] disabled:text-[#9e9e9e]",secondary:"bg-transparent text-[#312e4d] border border-[#00b56b] hover:bg-[#e6f8ef] hover:border-[#00995a] active:bg-[#00b56b]/10 active:border-[#007a48] disabled:bg-transparent disabled:border-[#e0e0e0] disabled:text-[#9e9e9e]",alert:"bg-[#ff305f] text-white border border-[#a80023] hover:bg-[#d4002c] hover:border-[#a80023] active:bg-[#a80023] active:border-[#a80023] disabled:bg-[#e0e0e0] disabled:border-[#e0e0e0] disabled:text-[#9e9e9e]",ghost:"bg-transparent text-[#00995a] border-0 hover:bg-[#e6f8ef] hover:text-[#00995a] active:bg-[#00b56b]/10 active:text-[#007a48] disabled:bg-transparent disabled:text-[#9e9e9e]",plain:"bg-transparent text-[#00995a] border-0 p-0 h-auto hover:text-[#00995a] hover:underline active:text-[#007a48] disabled:text-[#9e9e9e] disabled:no-underline"},size:{small:"h-8 px-3 py-2 text-sm",medium:"h-9 px-4 py-2 text-sm",large:"h-11 px-5 py-2.5 text-base"},iconOnly:{true:"aspect-square"}},compoundVariants:[{size:"small",iconOnly:!0,className:"h-8 w-8 p-0"},{size:"medium",iconOnly:!0,className:"h-10 w-10 p-0"},{size:"large",iconOnly:!0,className:"h-11 w-11 p-0"},{variant:"plain",size:"small",className:"h-auto px-0 py-0"},{variant:"plain",size:"medium",className:"h-auto px-0 py-0"},{variant:"plain",size:"large",className:"h-auto px-0 py-0"}],defaultVariants:{variant:"primary",size:"medium",iconOnly:!1}}),Pr=m.forwardRef(({className:e,variant:r,size:n,iconOnly:o,asChild:s=!1,leftIcon:a,rightIcon:c,children:l,...d},p)=>{const u=s?En:"button";return s?i.jsx(u,{className:_(Le({variant:r,size:n,iconOnly:o,className:e})),ref:p,...d,children:l}):i.jsxs(u,{className:_(Le({variant:r,size:n,iconOnly:o,className:e})),ref:p,...d,children:[a&&!o&&i.jsx("span",{className:"inline-flex shrink-0",children:a}),o&&a||l,c&&!o&&i.jsx("span",{className:"inline-flex shrink-0",children:c})]})});Pr.displayName="Button";const Z={largeDark:"https://www.figma.com/api/mcp/asset/4d8371e7-dff3-4ec8-bbce-b93185151f4c",largeLight:"https://www.figma.com/api/mcp/asset/8a7267d5-2fb8-494e-a13a-3795b42fde22",smallDark:"https://www.figma.com/api/mcp/asset/9d2e5067-f587-40b6-b0a5-5ce6da0aad4c",smallLight:"https://www.figma.com/api/mcp/asset/f01bbe9b-2dae-44fe-892f-97ff47e10e8e",gradientLarge:"https://www.figma.com/api/mcp/asset/972e7e1a-3343-4868-9c4d-97d6dfce3ce8"},Tr=m.forwardRef(({size:e="large",mode:r="dark",gradient:n=!1,className:o,alt:s="Chiperos Logo",...a},c)=>{const l=()=>n&&e==="large"?Z.gradientLarge:e==="large"&&r==="dark"?Z.largeDark:e==="large"&&r==="light"?Z.largeLight:e==="small"&&r==="dark"?Z.smallDark:e==="small"&&r==="light"?Z.smallLight:Z.largeDark,d={large:{width:143,height:32},small:{width:40,height:32}},{width:p,height:u}=d[e];return i.jsx("img",{ref:c,src:l(),alt:s,width:p,height:u,className:_("inline-block",o),...a})});Tr.displayName="BrandIcons";const Or=m.forwardRef(({columns:e,gap:r=4,tabletColumns:n,mobileColumns:o=1,children:s,className:a,style:c,...l},d)=>{const p=()=>typeof r=="number"?`gap-${r}`:"",u=()=>{const x=[];return x.push(`grid-cols-${o}`),n&&x.push(`md:grid-cols-${n}`),x.push(`lg:grid-cols-${e}`),x.join(" ")},h=typeof r=="string"?{gap:r,...c}:c;return i.jsx("div",{ref:d,className:_("grid w-full",p(),u(),a),style:h,...l,children:m.Children.map(s,x=>m.isValidElement(x)?m.cloneElement(x,{...x.props,className:_("w-full",x.props.className)}):x)})});Or.displayName="CardsGrid";const Ar=m.forwardRef(({title:e,description:r,icon:n,iconBackground:o="#e6f8ef",onClick:s,className:a,...c},l)=>i.jsxs("div",{ref:l,onClick:s,className:_("bg-white border border-[#ecebf0] rounded-lg p-8 flex flex-col items-center gap-8 w-96",s&&"cursor-pointer hover:shadow-md transition-shadow",a),...c,children:[i.jsx("div",{className:"flex items-center justify-center rounded-lg shrink-0",style:{width:"56px",height:"56px",backgroundColor:o},children:n}),i.jsxs("div",{className:"flex flex-col gap-2 items-center text-center",style:{width:"300px"},children:[i.jsx("h3",{className:"text-2xl leading-8 font-medium text-[#312e4d]",style:{fontFamily:"Causten Round, sans-serif"},children:e}),i.jsx("p",{className:"text-base leading-5 font-normal text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:r})]})]}));Ar.displayName="FeatureCard";const Ir=m.forwardRef(({icon:e,primaryText:r,primaryTextColor:n="#312e4d",secondaryText:o,secondaryTextColor:s="#575385",rightIcon:a,className:c,...l},d)=>i.jsxs("div",{ref:d,className:_("flex items-center justify-between w-full",c),...l,children:[i.jsxs("div",{className:"flex items-center gap-1",children:[i.jsx("div",{className:"shrink-0",children:e}),i.jsx("span",{className:"text-xs leading-[14px] font-normal whitespace-nowrap",style:{fontFamily:"Causten Round, sans-serif",color:n},children:r}),o&&i.jsx("span",{className:"text-xs leading-[14px] font-normal whitespace-nowrap",style:{fontFamily:"Causten Round, sans-serif",color:s},children:o})]}),a&&i.jsx("div",{className:"shrink-0",children:a})]}));Ir.displayName="KPIComparisonCustom";const Fn=({className:e})=>i.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[i.jsx("path",{d:"M11 3L6.5 7.5L4 5L1 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M8 3H11V6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),zn=({className:e})=>i.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[i.jsx("path",{d:"M11 9L6.5 4.5L4 7L1 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M8 9H11V6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),$n=({className:e})=>i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[i.jsx("circle",{cx:"8",cy:"8",r:"6.375",stroke:"currentColor",strokeWidth:"1.25"}),i.jsx("path",{d:"M8 4.5V8.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),i.jsx("circle",{cx:"8",cy:"11",r:"0.5",fill:"currentColor"})]}),Ve=m.forwardRef(({percentage:e,trend:r,label:n="KPI comparison",showWarning:o=!1,className:s,...a},c)=>{const l=r==="positive",d=e>0?`+${e.toFixed(1)}%`:`${e.toFixed(1)}%`;return i.jsxs("div",{ref:c,className:_("flex items-center justify-between w-full",s),...a,children:[i.jsxs("div",{className:"flex items-center gap-1",children:[l?i.jsx(Fn,{className:"text-[#00995a] shrink-0"}):i.jsx(zn,{className:"text-[#d4002c] shrink-0"}),i.jsx("span",{className:_("text-xs leading-[14px] font-normal whitespace-nowrap",l?"text-[#00995a]":"text-[#d4002c]"),style:{fontFamily:"Causten Round, sans-serif"},children:d}),i.jsx("span",{className:"text-xs leading-[14px] font-normal text-[#575385] whitespace-nowrap",style:{fontFamily:"Causten Round, sans-serif"},children:n})]}),o&&i.jsx($n,{className:"text-[#d4002c] shrink-0"})]})});Ve.displayName="KPIComparison";const br={default:{bg:"#f4f4f4",border:"#c6c6c6",text:"#6e6f6e"},red:{bg:"#ffecf0",border:"#ff8ea7",text:"#ff305f"},green:{bg:"#e6f7f0",border:"#8ed9b8",text:"#00995a"},blue:{bg:"#e8f4fd",border:"#8ec9ed",text:"#0066cc"},yellow:{bg:"#fff9e6",border:"#ffd966",text:"#cc8800"}},Fr=m.forwardRef(({title:e,content:r,description:n,footer:o,tag:s,icon:a,onClick:c,className:l,...d},p)=>{const u=s?br[s.variant||"default"]:br.default;return i.jsxs("div",{ref:p,onClick:c,className:_("bg-white border border-[#ecebf0] rounded-xl p-5 px-8 flex gap-2",c&&"cursor-pointer hover:shadow-md transition-shadow",l),...d,children:[i.jsx("div",{className:"flex items-center justify-center shrink-0",children:a}),i.jsxs("div",{className:"flex-1 flex flex-col gap-2 min-w-0",children:[i.jsxs("div",{className:"flex items-center justify-between gap-2 w-full",children:[i.jsx("h3",{className:"text-base leading-5 font-medium text-[#575385] flex-1 min-w-0",style:{fontFamily:"Causten Round, sans-serif"},children:e}),s&&i.jsx("span",{className:"px-2 py-1 rounded-2xl text-sm leading-[18px] font-medium border shrink-0",style:{backgroundColor:u.bg,borderColor:u.border,color:u.text,fontFamily:"Causten Round, sans-serif"},children:s.label})]}),i.jsx("div",{className:"min-w-0",children:r}),n&&i.jsx("div",{className:"min-w-0",children:n}),o&&i.jsx("div",{className:"min-w-0",children:o})]})]})});Fr.displayName="KPICardCustom";const Ln=({color:e="#312e4d"})=>i.jsx(Nr,{size:32,color:e,strokeWidth:2}),zr=m.forwardRef(({title:e,value:r,unit:n="%",total:o,description:s,comparison:a,tag:c,icon:l,iconColor:d="primary",bodyText:p,button:u,onClick:h,className:x,...N},S)=>{const j={primary:"#312e4d",error:"#d4002c",brand:"#00995a"},y={default:{bg:"#f4f4f4",border:"#c6c6c6",text:"#6e6f6e"},red:{bg:"#ffecf0",border:"#ff8ea7",text:"#ff305f"}}[c?.variant||"default"];return i.jsxs("div",{ref:S,onClick:h,className:_("bg-white border border-[#ecebf0] rounded-xl p-5 px-8 flex gap-2",h&&"cursor-pointer hover:shadow-md transition-shadow",x),...N,children:[i.jsx("div",{className:"flex items-center justify-center shrink-0",children:l||i.jsx(Ln,{color:j[d]})}),i.jsxs("div",{className:"flex-1 flex flex-col gap-2 min-w-0",children:[i.jsxs("div",{className:"flex items-center justify-between gap-2 w-full",children:[i.jsx("h3",{className:"text-base leading-5 font-medium text-[#575385] flex-1 min-w-0",style:{fontFamily:"Causten Round, sans-serif"},children:e}),c&&i.jsx("span",{className:"px-2 py-1 rounded-2xl text-sm leading-[18px] font-medium border shrink-0",style:{backgroundColor:y.bg,borderColor:y.border,color:y.text,fontFamily:"Causten Round, sans-serif"},children:c.label})]}),i.jsxs("div",{className:"flex items-end gap-1",children:[i.jsx("span",{className:"text-xl leading-[22px] font-semibold text-[#312e4d]",style:{fontFamily:"Causten Round, sans-serif"},children:r}),o!==void 0?i.jsxs("span",{className:"text-base leading-[18px] font-medium text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:["/",o]}):n?i.jsx("span",{className:"text-xs leading-[18px] font-medium text-[#312e4d]",style:{fontFamily:"Causten Round, sans-serif"},children:n}):null,s&&i.jsx("span",{className:"text-sm leading-[18px] font-normal text-[#575385] flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-right",style:{fontFamily:"Causten Round, sans-serif"},children:s})]}),p&&i.jsx("p",{className:"text-sm leading-[18px] font-normal text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:p}),a&&i.jsx(Ve,{percentage:a.percentage,trend:a.trend,label:a.label,showWarning:a.showWarning}),u&&i.jsx("button",{onClick:R=>{R.stopPropagation(),u.onClick?.()},className:"text-sm leading-[18px] font-semibold text-[#00995a] text-left self-start hover:underline",style:{fontFamily:"Causten Round, sans-serif"},children:u.label})]})]})});zr.displayName="KPICard";const $r=m.forwardRef(({type:e="spinner",show:r=!0,variant:n="active",size:o=48,width:s=230,className:a,...c},l)=>{if(!r)return null;const p={active:"#00b56b",disabled:"#a29fba"}[n];return e==="spinner"?i.jsxs("div",{ref:l,className:_("inline-flex items-center justify-center",a),role:"status","aria-label":"Cargando",...c,children:[i.jsx("div",{className:"rounded-full animate-spin",style:{width:o,height:o,border:"4px solid transparent",borderTopColor:p,borderRightColor:p}}),i.jsx("span",{className:"sr-only",children:"Cargando..."})]}):i.jsxs("div",{ref:l,className:_("relative overflow-hidden rounded-full bg-gray-200",a),style:{width:s,height:8},role:"progressbar","aria-label":"Cargando","aria-valuemin":0,"aria-valuemax":100,...c,children:[i.jsx("div",{className:"absolute top-0 left-0 h-full rounded-full",style:{backgroundColor:p,animation:"linear-progress 1.5s ease-in-out infinite"}}),i.jsx("span",{className:"sr-only",children:"Cargando..."})]})});$r.displayName="Loader";const Lr=m.forwardRef(({title:e,description:r,value:n,selected:o=!1,onSelect:s,disabled:a,className:c,...l},d)=>{const p=()=>{!a&&s&&s(n)};return i.jsxs("div",{ref:d,onClick:p,className:_("bg-white border border-solid rounded-xl p-4 flex flex-col gap-1 transition-all cursor-pointer",o?"border-[#00b56b]":"border-[#ecebf0]",a&&"opacity-50 cursor-not-allowed",!a&&"hover:shadow-sm",c),...l,children:[i.jsxs("div",{className:"flex gap-3 items-center h-6",children:[i.jsx("div",{className:"flex items-center justify-center shrink-0 w-6 h-6",children:i.jsx("div",{className:_("w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors",o?"border-[#00995a]":"border-[#a29fba]"),children:o&&i.jsx("div",{className:"w-3 h-3 rounded-full bg-[#00995a]"})})}),i.jsx("h3",{className:"text-base leading-5 font-medium text-[#312e4d] flex-1",style:{fontFamily:"Causten Round, sans-serif"},children:e})]}),i.jsx("div",{className:"pl-9",children:i.jsx("p",{className:"text-sm leading-[18px] font-normal text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:r})})]})});Lr.displayName="OptionCard";const hr={default:{bg:"#f4f4f4",border:"#c6c6c6",text:"#6e6f6e"},red:{bg:"#ffecf0",border:"#ff8ea7",text:"#ff305f"},green:{bg:"#e6f7f0",border:"#8ed9b8",text:"#00995a"},blue:{bg:"#e8f4fd",border:"#8ec9ed",text:"#0066cc"}},Mr=m.forwardRef(({title:e,count:r,countLabel:n="orders",infoLine1:o,infoLine2:s,icon:a,badge:c,button:l,className:d,...p},u)=>{const h=c?hr[c.variant||"default"]:hr.default;return i.jsxs("div",{ref:u,className:_("bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",d),...p,children:[i.jsx("div",{className:"flex items-center justify-center shrink-0",children:a}),i.jsxs("div",{className:"flex-1 flex gap-2 items-start justify-end min-w-0",children:[i.jsxs("div",{className:"flex-1 flex flex-col gap-1 min-w-0",children:[i.jsx("h3",{className:"text-base leading-5 font-medium text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:e}),i.jsxs("div",{className:"flex items-end gap-1",children:[i.jsx("span",{className:"text-xl leading-[22px] font-semibold text-[#312e4d]",style:{fontFamily:"Causten Round, sans-serif"},children:r}),i.jsx("span",{className:"text-base leading-[18px] font-medium text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:n})]}),o&&i.jsx("div",{className:"text-xs leading-normal font-normal text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:o}),s&&i.jsx("div",{className:"text-xs leading-normal font-normal text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:s})]}),i.jsxs("div",{className:"flex flex-col gap-4 items-end justify-end pb-[33px]",children:[c&&i.jsx("button",{onClick:x=>{x.stopPropagation(),c.onClick?.()},disabled:!c.onClick,className:_("px-2 py-1 rounded-2xl text-sm leading-[18px] font-medium border transition-opacity",c.onClick&&"hover:opacity-80 cursor-pointer"),style:{fontFamily:"Causten Round, sans-serif",height:"24px",backgroundColor:h.bg,borderColor:h.border,color:h.text},children:c.label}),l&&i.jsx("button",{onClick:x=>{x.stopPropagation(),l.onClick?.()},className:"text-sm leading-[18px] font-semibold text-[#00995a] hover:underline",style:{fontFamily:"Causten Round, sans-serif"},children:l.label})]})]})]})});Mr.displayName="OrderCardCustom";const ke="#00995a",Re=32,Ne=2,Mn=()=>i.jsx(vn,{size:Re,color:ke,strokeWidth:Ne}),Wn=()=>i.jsx(xn,{size:Re,color:ke,strokeWidth:Ne}),Vn=()=>i.jsx(wn,{size:Re,color:ke,strokeWidth:Ne}),Dn=()=>i.jsx(mn,{size:Re,color:ke,strokeWidth:Ne}),Bn={received:{title:"Received",icon:Mn},picking:{title:"Picking",icon:Wn},dispatched:{title:"Dispatched",icon:Vn},delivered:{title:"Delivered",icon:Dn}},Wr=m.forwardRef(({state:e,count:r,countLabel:n="orders",grossSales:o,netSales:s,hasDelays:a=!1,delayCount:c,onDelaysClick:l,onFilterClick:d,icon:p,currencySymbol:u="$",className:h,...x},N)=>{const S=Bn[e],j=p||S.icon,w=y=>`${u}${y.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g,",")}`;return i.jsxs("div",{ref:N,className:_("bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",h),...x,children:[i.jsx("div",{className:"flex items-start justify-center shrink-0",children:typeof j=="function"?i.jsx(j,{}):j}),i.jsxs("div",{className:"flex-1 flex gap-2 items-start justify-end min-w-0",children:[i.jsxs("div",{className:"flex-1 flex flex-col gap-1 min-w-0",children:[i.jsx("h3",{className:"text-base leading-5 font-medium text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:S.title}),i.jsxs("div",{className:"flex items-end gap-1",children:[i.jsx("span",{className:"text-xl leading-[22px] font-semibold text-[#312e4d]",style:{fontFamily:"Causten Round, sans-serif"},children:r}),i.jsx("span",{className:"text-base leading-[18px] font-medium text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:n})]}),i.jsxs("div",{className:"flex gap-1 text-xs leading-normal font-light text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:[i.jsx("span",{children:"Gross Sales:"}),i.jsx("span",{children:w(o)})]}),i.jsxs("div",{className:"flex gap-1 text-xs leading-normal font-light text-[#575385]",style:{fontFamily:"Causten Round, sans-serif"},children:[i.jsx("span",{children:"Net Sales:"}),i.jsx("span",{children:w(s)})]})]}),i.jsxs("div",{className:"flex flex-col gap-4 items-end justify-end pl-12 pb-[33px]",children:[a&&i.jsx("button",{onClick:y=>{y.stopPropagation(),l?.()},className:"px-2 rounded-2xl text-[12px] leading-[18px] font-light border bg-[#ffecf0] border-[#ff8ea7] text-[#ff305f] hover:opacity-80 transition-opacity",style:{fontFamily:"Causten Round, sans-serif",height:"24px"},children:c?`${c} Delays`:"Delays"}),d&&i.jsx("button",{onClick:y=>{y.stopPropagation(),d()},className:"text-sm leading-[18px] font-medium text-[#00995a] hover:underline",style:{fontFamily:"Causten Round, sans-serif"},children:"Filter"})]})]})]})});Wr.displayName="OrderCard";const Gn=({currentPage:e,totalPages:r,onPageChange:n})=>{const o=()=>{e>1&&n(e-1)},s=()=>{e<r&&n(e+1)},a=d=>{n(d)},l=(()=>{const d=[];if(r<=6)for(let u=1;u<=r;u++)d.push(u);else if(d.push(1),e<=3){for(let u=2;u<=4;u++)d.push(u);d.push("..."),d.push(r)}else if(e>=r-2){d.push("...");for(let u=r-2;u<=r;u++)d.push(u)}else{d.push("...");for(let u=e-1;u<=e+1;u++)d.push(u);d.push("..."),d.push(r)}return d})();return i.jsxs("div",{className:"flex gap-1.5 items-center",children:[i.jsx("button",{onClick:o,disabled:e===1,className:_("border rounded bg-transparent p-1 flex items-center justify-center w-[28px] h-[28px]",e===1?"border-[#ecebf0] cursor-not-allowed":"border-[#ecebf0] cursor-pointer hover:bg-gray-50"),children:i.jsx("i",{className:"tabler-chevron-left text-sm text-[#312e4d]"})}),l.map((d,p)=>{if(d==="...")return i.jsx("div",{className:"border border-[#ecebf0] rounded p-1 h-[28px] w-[28px] flex items-center justify-center",children:i.jsx("p",{className:"text-xs text-[#575385] text-center",children:"..."})},`ellipsis-${p}`);const u=d,h=u===e;return i.jsx("button",{onClick:()=>a(u),className:_("border rounded bg-transparent p-1 h-[28px] w-[28px] flex items-center justify-center px-1",h?"border-[#a29fba] bg-white":"border-[#ecebf0] hover:bg-gray-50"),children:i.jsx("p",{className:_("text-xs text-center",h?"text-[#312e4d]":"text-[#a29fba]"),children:u})},u)}),i.jsx("button",{onClick:s,disabled:e===r,className:_("border rounded bg-transparent p-1 flex items-center justify-center h-[28px]",e===r?"border-[#ecebf0] cursor-not-allowed":"border-[#ecebf0] cursor-pointer hover:bg-gray-50"),children:i.jsx("i",{className:"tabler-chevron-right text-sm text-[#312e4d]"})})]})};function Un(e,r,{checkForDefaultPrevented:n=!0}={}){return function(s){if(e?.(s),n===!1||!s.defaultPrevented)return r?.(s)}}function Yn(e,r=[]){let n=[];function o(a,c){const l=m.createContext(c),d=n.length;n=[...n,c];const p=h=>{const{scope:x,children:N,...S}=h,j=x?.[e]?.[d]||l,w=m.useMemo(()=>S,Object.values(S));return i.jsx(j.Provider,{value:w,children:N})};p.displayName=a+"Provider";function u(h,x){const N=x?.[e]?.[d]||l,S=m.useContext(N);if(S)return S;if(c!==void 0)return c;throw new Error(`\`${h}\` must be used within \`${a}\``)}return[p,u]}const s=()=>{const a=n.map(c=>m.createContext(c));return function(l){const d=l?.[e]||a;return m.useMemo(()=>({[`__scope${e}`]:{...l,[e]:d}}),[l,d])}};return s.scopeName=e,[o,Kn(s,...r)]}function Kn(...e){const r=e[0];if(e.length===1)return r;const n=()=>{const o=e.map(s=>({useScope:s(),scopeName:s.scopeName}));return function(a){const c=o.reduce((l,{useScope:d,scopeName:p})=>{const h=d(a)[`__scope${p}`];return{...l,...h}},{});return m.useMemo(()=>({[`__scope${r.scopeName}`]:c}),[c])}};return n.scopeName=r.scopeName,n}var Vr=globalThis?.document?m.useLayoutEffect:()=>{},qn=m[" useInsertionEffect ".trim().toString()]||Vr;function Hn({prop:e,defaultProp:r,onChange:n=()=>{},caller:o}){const[s,a,c]=Jn({defaultProp:r,onChange:n}),l=e!==void 0,d=l?e:s;{const u=m.useRef(e!==void 0);m.useEffect(()=>{const h=u.current;h!==l&&console.warn(`${o} is changing from ${h?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),u.current=l},[l,o])}const p=m.useCallback(u=>{if(l){const h=Xn(u)?u(e):u;h!==e&&c.current?.(h)}else a(u)},[l,e,a,c]);return[d,p]}function Jn({defaultProp:e,onChange:r}){const[n,o]=m.useState(e),s=m.useRef(n),a=m.useRef(r);return qn(()=>{a.current=r},[r]),m.useEffect(()=>{s.current!==n&&(a.current?.(n),s.current=n)},[n,s]),[n,o,a]}function Xn(e){return typeof e=="function"}function Zn(e){const r=m.useRef({value:e,previous:e});return m.useMemo(()=>(r.current.value!==e&&(r.current.previous=r.current.value,r.current.value=e),r.current.previous),[e])}function Qn(e){const[r,n]=m.useState(void 0);return Vr(()=>{if(e){n({width:e.offsetWidth,height:e.offsetHeight});const o=new ResizeObserver(s=>{if(!Array.isArray(s)||!s.length)return;const a=s[0];let c,l;if("borderBoxSize"in a){const d=a.borderBoxSize,p=Array.isArray(d)?d[0]:d;c=p.inlineSize,l=p.blockSize}else c=e.offsetWidth,l=e.offsetHeight;n({width:c,height:l})});return o.observe(e,{box:"border-box"}),()=>o.unobserve(e)}else n(void 0)},[e]),r}function eo(e){const r=ro(e),n=m.forwardRef((o,s)=>{const{children:a,...c}=o,l=m.Children.toArray(a),d=l.find(no);if(d){const p=d.props.children,u=l.map(h=>h===d?m.Children.count(p)>1?m.Children.only(null):m.isValidElement(p)?p.props.children:null:h);return i.jsx(r,{...c,ref:s,children:m.isValidElement(p)?m.cloneElement(p,void 0,u):null})}return i.jsx(r,{...c,ref:s,children:a})});return n.displayName=`${e}.Slot`,n}function ro(e){const r=m.forwardRef((n,o)=>{const{children:s,...a}=n;if(m.isValidElement(s)){const c=so(s),l=oo(a,s.props);return s.type!==m.Fragment&&(l.ref=o?We(o,c):c),m.cloneElement(s,l)}return m.Children.count(s)>1?m.Children.only(null):null});return r.displayName=`${e}.SlotClone`,r}var to=Symbol("radix.slottable");function no(e){return m.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===to}function oo(e,r){const n={...r};for(const o in r){const s=e[o],a=r[o];/^on[A-Z]/.test(o)?s&&a?n[o]=(...l)=>{const d=a(...l);return s(...l),d}:s&&(n[o]=s):o==="style"?n[o]={...s,...a}:o==="className"&&(n[o]=[s,a].filter(Boolean).join(" "))}return{...e,...n}}function so(e){let r=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=r&&"isReactWarning"in r&&r.isReactWarning;return n?e.ref:(r=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=r&&"isReactWarning"in r&&r.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var ao=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],Dr=ao.reduce((e,r)=>{const n=eo(`Primitive.${r}`),o=m.forwardRef((s,a)=>{const{asChild:c,...l}=s,d=c?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),i.jsx(d,{...l,ref:a})});return o.displayName=`Primitive.${r}`,{...e,[r]:o}},{}),Se="Switch",[io]=Yn(Se),[lo,co]=io(Se),Br=m.forwardRef((e,r)=>{const{__scopeSwitch:n,name:o,checked:s,defaultChecked:a,required:c,disabled:l,value:d="on",onCheckedChange:p,form:u,...h}=e,[x,N]=m.useState(null),S=Er(r,$=>N($)),j=m.useRef(!1),w=x?u||!!x.closest("form"):!0,[y,R]=Hn({prop:s,defaultProp:a??!1,onChange:p,caller:Se});return i.jsxs(lo,{scope:n,checked:y,disabled:l,children:[i.jsx(Dr.button,{type:"button",role:"switch","aria-checked":y,"aria-required":c,"data-state":Kr(y),"data-disabled":l?"":void 0,disabled:l,value:d,...h,ref:S,onClick:Un(e.onClick,$=>{R(V=>!V),w&&(j.current=$.isPropagationStopped(),j.current||$.stopPropagation())})}),w&&i.jsx(Yr,{control:x,bubbles:!j.current,name:o,value:d,checked:y,required:c,disabled:l,form:u,style:{transform:"translateX(-100%)"}})]})});Br.displayName=Se;var Gr="SwitchThumb",Ur=m.forwardRef((e,r)=>{const{__scopeSwitch:n,...o}=e,s=co(Gr,n);return i.jsx(Dr.span,{"data-state":Kr(s.checked),"data-disabled":s.disabled?"":void 0,...o,ref:r})});Ur.displayName=Gr;var uo="SwitchBubbleInput",Yr=m.forwardRef(({__scopeSwitch:e,control:r,checked:n,bubbles:o=!0,...s},a)=>{const c=m.useRef(null),l=Er(c,a),d=Zn(n),p=Qn(r);return m.useEffect(()=>{const u=c.current;if(!u)return;const h=window.HTMLInputElement.prototype,N=Object.getOwnPropertyDescriptor(h,"checked").set;if(d!==n&&N){const S=new Event("click",{bubbles:o});N.call(u,n),u.dispatchEvent(S)}},[d,n,o]),i.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:n,...s,tabIndex:-1,ref:l,style:{...s.style,...p,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});Yr.displayName=uo;function Kr(e){return e?"checked":"unchecked"}var fo=Br,po=Ur;const qr=m.forwardRef(({status:e=!1,disabled:r=!1,onChange:n,className:o,...s},a)=>i.jsx(fo,{ref:a,checked:e,onCheckedChange:n,disabled:r,className:_("relative inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full p-0.5 transition-colors duration-200 ease-in-out","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00995a] focus-visible:ring-offset-2","disabled:cursor-not-allowed disabled:opacity-50",e?"bg-[#00995a]":"bg-[#e0e0e0]",o),...s,children:i.jsx(po,{className:_("pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg transition-transform duration-200 ease-in-out",e?"translate-x-5":"translate-x-0")})}));qr.displayName="Switcher";const Hr=m.forwardRef(({type:e="light",text:r,icon:n,onClose:o,className:s,...a},c)=>{const d={light:{container:"bg-[#ecebf0]",text:"text-[#575385]",iconColor:"text-[#312e4d]",closeColor:"text-[#312e4d]"},dark:{container:"bg-[#3f3c5e]",text:"text-white",iconColor:"text-white",closeColor:"text-white"}}[e],p=i.jsx(fn,{size:16,className:d.iconColor});return i.jsxs("div",{ref:c,className:_("flex items-center gap-3 p-3 rounded",d.container,s),role:"status","aria-live":"polite",...a,children:[i.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[i.jsx("div",{className:"flex-shrink-0",children:n||p}),i.jsx("div",{className:_("text-base leading-5 whitespace-nowrap",d.text),children:r})]}),o&&i.jsx("button",{type:"button",onClick:o,className:_("flex-shrink-0 opacity-99 hover:opacity-100 transition-opacity",d.closeColor),"aria-label":"Cerrar notificación",children:i.jsx(kn,{size:12})})]})});Hr.displayName="Toasts";exports.ActionCard=kr;exports.BannerAlerts=Sr;exports.BrandIcons=Tr;exports.Button=Pr;exports.CardsGrid=Or;exports.FeatureCard=Ar;exports.KPICard=zr;exports.KPICardCustom=Fr;exports.KPIComparison=Ve;exports.KPIComparisonCustom=Ir;exports.LOGO_ASSETS=Z;exports.Loader=$r;exports.OptionCard=Lr;exports.OrderCard=Wr;exports.OrderCardCustom=Mr;exports.PaginationLib=Gn;exports.Switcher=qr;exports.Toasts=Hr;exports.buttonVariants=Le;
+//# sourceMappingURL=chiper-components-library.cjs.map