shekel-fe-shared-lib 1.0.0 → 1.0.1

package/README.md

@@ -1,6 +1,6 @@
 # Shekel FE Shared Lib
 
-A shared component library built with **Ant Design** and **Tailwind CSS** for React applications.
+A modern React component library built with **Tailwind CSS** and custom animations. Create beautiful, responsive UIs without the overhead of third-party component libraries.
 
 ## Installation
 
@@ -13,22 +13,23 @@ npm install shekel-fe-shared-lib
 This package requires the following peer dependencies:
 
 ```bash
-npm install react react-dom antd
+npm install react react-dom
 ```
 
 ## Usage
 
-### Import Components
+### Import Components and Styles
 
 ```tsx
-import { Button } from 'shekel-fe-shared-lib';
+import { Button, StatCard, SearchInput, Card } from 'shekel-fe-shared-lib';
 import 'shekel-fe-shared-lib/styles.css';
 
 function App() {
   return (
     <div>
       <Button variant="primary">Click me</Button>
-      <Button variant="success" fullWidth>Full Width Button</Button>
+      <StatCard label="Total Shipments" value={42} />
+      <SearchInput icon={true} placeholder="Search..." />
     </div>
   );
 }
@@ -36,7 +37,7 @@ function App() {
 
 ### Tailwind CSS Setup
 
-If your project uses Tailwind CSS, you should add this library to your `tailwind.config.js` content array to enable proper purging:
+If your project uses Tailwind CSS, add this library to your `tailwind.config.js` content array:
 
 ```js
 module.exports = {
@@ -52,32 +53,225 @@ module.exports = {
 
 ### Button
 
-A customizable button component that extends Ant Design's Button with Tailwind CSS styling.
+A fully customizable button component with multiple variants, sizes, and built-in loading states.
 
 #### Props
 
-- `variant`: `'primary' | 'secondary' | 'success' | 'danger'` - Button color variant (default: `'primary'`)
-- `fullWidth`: `boolean` - Whether the button should take full width (default: `false`)
-- All other props from Ant Design's `ButtonProps`
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `variant` | `'primary' \| 'outlined' \| 'ghost' \| 'text'` | `'primary'` | Button style variant |
+| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Button size |
+| `fullWidth` | `boolean` | `false` | Whether button takes full width |
+| `icon` | `React.ReactNode` | `undefined` | Icon to display with button |
+| `iconPosition` | `'left' \| 'right'` | `'left'` | Position of the icon |
+| `loading` | `boolean` | `false` | Shows loading spinner |
+| All standard button HTML attributes | - | - | Extends `HTMLButtonElement` |
 
 #### Examples
 
 ```tsx
 // Primary button
-<Button variant="primary">Primary</Button>
+<Button variant="primary">Start Tracking</Button>
 
-// Success button
-<Button variant="success">Success</Button>
+// Outlined button
+<Button variant="outlined">Download Report</Button>
 
-// Full width button
-<Button fullWidth>Full Width</Button>
+// Button with icon
+<Button
+  variant="outlined"
+  icon={<MapIcon />}
+  iconPosition="left"
+>
+  Map Intelligence
+</Button>
+
+// Loading state
+<Button loading>Processing...</Button>
 
-// With onClick handler
-<Button variant="danger" onClick={() => console.log('clicked')}>
-  Delete
+// Full width button
+<Button fullWidth variant="primary">
+  Submit
 </Button>
+
+// Different sizes
+<Button size="sm">Small</Button>
+<Button size="md">Medium</Button>
+<Button size="lg">Large</Button>
+```
+
+---
+
+### StatCard
+
+An animated card component perfect for displaying statistics and metrics, like shipment counts.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `label` | `string` | **required** | The label text for the stat |
+| `value` | `string \| number` | **required** | The value to display |
+| `selected` | `boolean` | `false` | Whether the card is selected |
+| `onClick` | `() => void` | `undefined` | Click handler |
+| `className` | `string` | `''` | Additional CSS classes |
+
+#### Examples
+
+```tsx
+// Basic stat card
+<StatCard label="All Shipment" value={0} />
+
+// Selected state
+<StatCard
+  label="All Shipment"
+  value={0}
+  selected={true}
+/>
+
+// With click handler
+<StatCard
+  label="Queued"
+  value={5}
+  onClick={() => console.log('Clicked')}
+/>
+
+// Grid of stat cards
+<div className="grid grid-cols-4 gap-4">
+  <StatCard label="All Shipment" value={0} selected />
+  <StatCard label="Queued" value={0} />
+  <StatCard label="Planned" value={0} />
+  <StatCard label="On ship" value={0} />
+</div>
 ```
 
+---
+
+### SearchInput
+
+A customizable search input with icon support and built-in animations.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `icon` | `React.ReactNode \| true` | `undefined` | Icon to display (true for default search icon) |
+| `iconPosition` | `'left' \| 'right'` | `'left'` | Position of the icon |
+| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Input size |
+| `fullWidth` | `boolean` | `false` | Whether input takes full width |
+| `onIconClick` | `() => void` | `undefined` | Click handler for icon |
+| All standard input HTML attributes | - | - | Extends `HTMLInputElement` |
+
+#### Examples
+
+```tsx
+// Basic search input with default icon
+<SearchInput
+  icon={true}
+  placeholder="Search a shipment"
+/>
+
+// Custom icon
+<SearchInput
+  icon={<CustomIcon />}
+  placeholder="Search..."
+/>
+
+// Full width with icon on right
+<SearchInput
+  icon={true}
+  iconPosition="right"
+  fullWidth
+  placeholder="Type to search..."
+/>
+
+// Different sizes
+<SearchInput size="sm" icon={true} placeholder="Small" />
+<SearchInput size="md" icon={true} placeholder="Medium" />
+<SearchInput size="lg" icon={true} placeholder="Large" />
+
+// With icon click handler
+<SearchInput
+  icon={true}
+  onIconClick={() => console.log('Icon clicked')}
+  placeholder="Click icon to search"
+/>
+```
+
+---
+
+### Card
+
+A versatile container component with customizable padding, shadows, and hover effects.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `padding` | `'none' \| 'sm' \| 'md' \| 'lg'` | `'md'` | Internal padding |
+| `shadow` | `'none' \| 'sm' \| 'md' \| 'lg'` | `'sm'` | Shadow depth |
+| `hover` | `boolean` | `false` | Enable hover elevation effect |
+| `bordered` | `boolean` | `true` | Show border |
+| `rounded` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl'` | `'lg'` | Border radius |
+| `className` | `string` | `''` | Additional CSS classes |
+| All standard div HTML attributes | - | - | Extends `HTMLDivElement` |
+
+#### Examples
+
+```tsx
+// Basic card
+<Card>
+  <h3>Card Title</h3>
+  <p>Card content goes here</p>
+</Card>
+
+// Card with hover effect
+<Card hover shadow="md">
+  <p>Hover over me!</p>
+</Card>
+
+// No padding card
+<Card padding="none">
+  <img src="image.jpg" alt="Full width" />
+</Card>
+
+// Custom styling
+<Card
+  padding="lg"
+  shadow="lg"
+  rounded="xl"
+  className="bg-gradient-to-r from-blue-500 to-purple-600"
+>
+  <p className="text-white">Gradient card</p>
+</Card>
+```
+
+---
+
+## Animations
+
+All components include built-in CSS animations:
+
+- **StatCard**: Fade-in-up animation with count-up effect on values
+- **Card**: Smooth fade-in animation
+- **Button**: Active scale and smooth transitions
+- **SearchInput**: Smooth focus transitions
+
+Additional animation classes available:
+- `.shimmer` - Loading shimmer effect
+- `.slide-in-right` - Slide in from right animation
+
+---
+
+## TypeScript Support
+
+This library is written in TypeScript and includes full type definitions. All component props are fully typed for the best development experience.
+
+```tsx
+import type { ButtonProps, StatCardProps, SearchInputProps, CardProps } from 'shekel-fe-shared-lib';
+```
+
+---
+
 ## Development
 
 ### Build
@@ -93,16 +287,104 @@ shekel-fe-shared-lib/
 ├── src/
 │   ├── components/
 │   │   ├── Button.tsx
+│   │   ├── StatCard.tsx
+│   │   ├── SearchInput.tsx
+│   │   ├── Card.tsx
 │   │   └── index.ts
 │   ├── styles.css
 │   └── index.ts
 ├── dist/              # Built files (generated)
+│   ├── index.mjs      # ES module
+│   ├── index.cjs      # CommonJS
+│   ├── shekel-fe-shared-lib.css
+│   └── types/         # TypeScript definitions
 ├── package.json
 ├── tsconfig.json
 ├── vite.config.ts
 └── README.md
 ```
 
+---
+
+## Examples
+
+### Complete Tracking Dashboard Layout
+
+```tsx
+import {
+  Button,
+  StatCard,
+  SearchInput,
+  Card
+} from 'shekel-fe-shared-lib';
+import 'shekel-fe-shared-lib/styles.css';
+
+function TrackingDashboard() {
+  const [selectedStat, setSelectedStat] = useState('all');
+
+  return (
+    <div className="p-6">
+      {/* Header */}
+      <div className="flex justify-between items-center mb-6">
+        <h1 className="text-2xl font-bold">Tracking</h1>
+        <div className="flex gap-3">
+          <Button variant="outlined" icon={<MapIcon />}>
+            Map Intelligence
+          </Button>
+          <Button variant="primary">
+            Start Tracking
+          </Button>
+        </div>
+      </div>
+
+      {/* Stat Cards */}
+      <div className="grid grid-cols-8 gap-3 mb-6">
+        <StatCard
+          label="All Shipment"
+          value={0}
+          selected={selectedStat === 'all'}
+          onClick={() => setSelectedStat('all')}
+        />
+        <StatCard label="Queued" value={0} />
+        <StatCard label="Planned" value={0} />
+        <StatCard label="On ship" value={0} />
+        <StatCard label="Delayed" value={0} />
+        <StatCard label="Arrived" value={0} />
+        <StatCard label="Released" value={0} />
+        <StatCard label="Demurrage" value={0} />
+      </div>
+
+      {/* Actions and Search */}
+      <div className="flex justify-between items-center mb-6">
+        <h2 className="text-lg font-semibold">Recent Activity</h2>
+        <div className="flex gap-3">
+          <Button variant="outlined" icon={<DownloadIcon />}>
+            Download report
+          </Button>
+          <Button variant="outlined" icon={<FilterIcon />}>
+            Filter
+          </Button>
+          <SearchInput
+            icon={true}
+            placeholder="Search a shipment"
+            className="w-80"
+          />
+        </div>
+      </div>
+
+      {/* Content */}
+      <Card>
+        <p className="text-center text-gray-500 py-12">
+          Your gateway to seamless shipment tracking
+        </p>
+      </Card>
+    </div>
+  );
+}
+```
+
+---
+
 ## License
 
 ISC

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),ee=require("antd");var R={exports:{}},b={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react");var F={exports:{}},M={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var $;function re(){if($)return b;$=1;var u=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function l(c,o,s){var i=null;if(s!==void 0&&(i=""+s),o.key!==void 0&&(i=""+o.key),"key"in o){s={};for(var m in o)m!=="key"&&(s[m]=o[m])}else s=o;return o=s.ref,{$$typeof:u,type:c,key:i,ref:o!==void 0?o:null,props:s}}return b.Fragment=f,b.jsx=l,b.jsxs=l,b}var _={};/**
+ */var Q;function re(){if(Q)return M;Q=1;var s=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function n(r,a,c){var u=null;if(c!==void 0&&(u=""+c),a.key!==void 0&&(u=""+a.key),"key"in a){c={};for(var x in a)x!=="key"&&(c[x]=a[x])}else c=a;return a=c.ref,{$$typeof:s,type:r,key:u,ref:a!==void 0?a:null,props:c}}return M.Fragment=l,M.jsx=n,M.jsxs=n,M}var A={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,10 +14,54 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var I;function te(){return I||(I=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===H?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case q:return"Profiler";case W:return"StrictMode";case z:return"Suspense";case G:return"SuspenseList";case X:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case L:return"Portal";case J:return e.displayName||"Context";case U:return(e._context.displayName||"Context")+".Consumer";case V:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case B:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function f(e){return""+e}function l(e){try{f(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),f(e)}}function c(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=g.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function i(e){if(h.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function m(e,r){function t(){j||(j=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function D(){var e=u(this.type);return x[e]||(x[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function M(e,r,t,n,v,y){var a=t.ref;return e={$$typeof:w,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:D}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:v}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function S(e,r,t,n,v,y){var a=r.children;if(a!==void 0)if(n)if(Z(a)){for(n=0;n<a.length;n++)A(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else A(a);if(h.call(r,"key")){a=u(e);var d=Object.keys(r).filter(function(Q){return Q!=="key"});n=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",Y[a+n]||(d=0<d.length?"{"+d.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Z;function se(){return Z||(Z=1,process.env.NODE_ENV!=="production"&&(function(){function s(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===W?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case i:return"Fragment";case v:return"Profiler";case k:return"StrictMode";case _:return"Suspense";case T:return"SuspenseList";case z:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case y:return"Portal";case R:return t.displayName||"Context";case N:return(t._context.displayName||"Context")+".Consumer";case S:var g=t.render;return t=t.displayName,t||(t=g.displayName||g.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case L:return g=t.displayName||null,g!==null?g:s(t.type)||"Memo";case P:g=t._payload,t=t._init;try{return s(t(g))}catch{}}return null}function l(t){return""+t}function n(t){try{l(t);var g=!1}catch{g=!0}if(g){g=console;var w=g.error,C=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return w.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",C),l(t)}}function r(t){if(t===i)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===P)return"<...>";try{var g=s(t);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function a(){var t=B.A;return t===null?null:t.getOwner()}function c(){return Error("react-stack-top-frame")}function u(t){if(j.call(t,"key")){var g=Object.getOwnPropertyDescriptor(t,"key").get;if(g&&g.isReactWarning)return!1}return t.key!==void 0}function x(t,g){function w(){q||(q=!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)",g))}w.isReactWarning=!0,Object.defineProperty(t,"key",{get:w,configurable:!0})}function m(){var t=s(this.type);return J[t]||(J[t]=!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.")),t=this.props.ref,t!==void 0?t:null}function h(t,g,w,C,I,V){var E=w.ref;return t={$$typeof:o,type:t,key:g,props:w,_owner:C},(E!==void 0?E:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:m}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function b(t,g,w,C,I,V){var E=g.children;if(E!==void 0)if(C)if(D(E)){for(C=0;C<E.length;C++)p(E[C]);Object.freeze&&Object.freeze(E)}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 p(E);if(j.call(g,"key")){E=s(t);var O=Object.keys(g).filter(function(te){return te!=="key"});C=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",X[E+C]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,a,d,a),Y[a+n]=!0)}if(a=null,t!==void 0&&(l(t),a=""+t),i(r)&&(l(r.key),a=""+r.key),"key"in r){t={};for(var O in r)O!=="key"&&(t[O]=r[O])}else t=r;return a&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),M(e,a,t,o(),v,y)}function A(e){P(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?P(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function P(e){return typeof e=="object"&&e!==null&&e.$$typeof===w}var E=K,w=Symbol.for("react.transitional.element"),L=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),q=Symbol.for("react.profiler"),U=Symbol.for("react.consumer"),J=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),z=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),g=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,h=Object.prototype.hasOwnProperty,Z=Array.isArray,k=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var j,x={},N=E.react_stack_bottom_frame.bind(E,s)(),C=k(c(s)),Y={};_.Fragment=p,_.jsx=function(e,r,t){var n=1e4>g.recentlyCreatedOwnerStacks++;return S(e,r,t,!1,n?Error("react-stack-top-frame"):N,n?k(c(e)):C)},_.jsxs=function(e,r,t){var n=1e4>g.recentlyCreatedOwnerStacks++;return S(e,r,t,!0,n?Error("react-stack-top-frame"):N,n?k(c(e)):C)}})()),_}var F;function ne(){return F||(F=1,process.env.NODE_ENV==="production"?R.exports=re():R.exports=te()),R.exports}var ae=ne();const oe=({variant:u="primary",fullWidth:f=!1,className:l="",...c})=>{const o={primary:"bg-blue-500 hover:bg-blue-600 border-blue-500",secondary:"bg-gray-500 hover:bg-gray-600 border-gray-500",success:"bg-green-500 hover:bg-green-600 border-green-500",danger:"bg-red-500 hover:bg-red-600 border-red-500"},s=f?"w-full":"",i=`${o[u]} ${s} ${l}`;return ae.jsx(ee.Button,{type:"primary",className:i,...c})};exports.Button=oe;
+  <%s key={someKey} {...props} />`,C,E,O,E),X[E+C]=!0)}if(E=null,w!==void 0&&(n(w),E=""+w),u(g)&&(n(g.key),E=""+g.key),"key"in g){w={};for(var U in g)U!=="key"&&(w[U]=g[U])}else w=g;return E&&x(w,typeof t=="function"?t.displayName||t.name||"Unknown":t),h(t,E,w,a(),I,V)}function p(t){d(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===P&&(t._payload.status==="fulfilled"?d(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function d(t){return typeof t=="object"&&t!==null&&t.$$typeof===o}var f=$,o=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),R=Symbol.for("react.context"),S=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),z=Symbol.for("react.activity"),W=Symbol.for("react.client.reference"),B=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,j=Object.prototype.hasOwnProperty,D=Array.isArray,Y=console.createTask?console.createTask:function(){return null};f={react_stack_bottom_frame:function(t){return t()}};var q,J={},G=f.react_stack_bottom_frame.bind(f,c)(),H=Y(r(c)),X={};A.Fragment=i,A.jsx=function(t,g,w){var C=1e4>B.recentlyCreatedOwnerStacks++;return b(t,g,w,!1,C?Error("react-stack-top-frame"):G,C?Y(r(t)):H)},A.jsxs=function(t,g,w){var C=1e4>B.recentlyCreatedOwnerStacks++;return b(t,g,w,!0,C?Error("react-stack-top-frame"):G,C?Y(r(t)):H)}})()),A}var K;function ne(){return K||(K=1,process.env.NODE_ENV==="production"?F.exports=re():F.exports=se()),F.exports}var e=ne();const ae=({variant:s="primary",size:l="md",fullWidth:n=!1,icon:r,iconPosition:a="left",loading:c=!1,hoverColor:u,className:x="",children:m,disabled:h,...b})=>{const p="inline-flex items-center justify-center font-normal rounded-lg transition-all duration-300 ease-out focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-95",d={primary:"bg-[#EC615B] hover:bg-[#D4554F] text-white focus:ring-[#EC615B] shadow-sm hover:shadow-md",outlined:"border border-gray-300 bg-white hover:bg-gray-50 text-[#181918] focus:ring-gray-300",ghost:"bg-gray-100 hover:bg-gray-200 text-[#181918] focus:ring-gray-300",text:"text-[#181918] hover:bg-gray-100 focus:ring-gray-300"},f={sm:"px-3 py-1.5 text-sm gap-1.5",md:"px-4 py-2 text-base gap-2",lg:"px-6 py-3 text-lg gap-2.5"},o=n?"w-full":"",y=`${p} ${d[s]} ${f[l]} ${o} ${x}`,i=()=>c?e.jsxs("svg",{className:"animate-spin h-4 w-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):r;return e.jsxs("button",{className:y,disabled:h||c,style:u?{"--hover-color":u}:void 0,onMouseEnter:k=>{u&&!h&&!c&&(k.currentTarget.style.backgroundColor=u)},onMouseLeave:k=>{u&&!h&&!c&&(k.currentTarget.style.backgroundColor="")},...b,children:[a==="left"&&i(),m,a==="right"&&i()]})},le=({label:s,value:l,selected:n=!1,onClick:r,className:a=""})=>{const x=`stat-card relative flex flex-col p-4 rounded-lg border transition-all duration-500 ease-in-out cursor-pointer overflow-hidden ${n?"border-[#181918] bg-[#F4F4F4] shadow-sm scale-[1.02]":"border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm"} ${a}`;return e.jsxs("div",{className:x,onClick:r,children:[n&&e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-[#EC615B]/5 to-transparent animate-slide-in pointer-events-none"}),e.jsxs("div",{className:"relative z-10 transition-transform duration-300 ease-out hover:scale-[0.98] active:scale-[0.96]",children:[e.jsx("span",{className:`text-sm font-normal mb-2 block transition-colors duration-500 ${n?"text-gray-700":"text-gray-600"}`,children:s}),e.jsx("span",{className:`text-3xl font-semibold stat-value block transition-all duration-500 ${n?"text-[#181918] scale-105":"text-[#181918]"}`,children:l})]})]})},oe=({icon:s,iconPosition:l="left",size:n="md",fullWidth:r=!1,className:a="",onIconClick:c,...u})=>{const x="relative inline-flex items-center",m="border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-[#EC615B] focus:border-[#EC615B] transition-all duration-200 ease-in-out placeholder:text-gray-400",h={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-5 py-3 text-lg"},b={sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"},p=l==="left"?n==="sm"?"pl-9":n==="md"?"pl-10":"pl-12":n==="sm"?"pr-9":n==="md"?"pr-10":"pr-12",d=r?"w-full":"",f=`${m} ${h[n]} ${s?p:""} ${d} ${a}`,o=l==="left"?"left-3":"right-3",y=e.jsx("svg",{className:b[n],xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})});return e.jsxs("div",{className:`${x} ${d}`,children:[s&&e.jsx("div",{className:`absolute ${o} text-gray-400 ${c?"cursor-pointer hover:text-gray-600":""}`,onClick:c,children:s===!0?y:s}),e.jsx("input",{type:"text",className:f,...u})]})},ie=({padding:s="md",shadow:l="sm",hover:n=!1,bordered:r=!0,rounded:a="lg",className:c="",children:u,...x})=>{const m="card bg-white transition-all duration-300 ease-out",h={none:"p-0",sm:"p-3",md:"p-4",lg:"p-6"},b={none:"",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg"},p={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"},d=r?"border border-gray-200":"",f=n?"cursor-pointer":"",o=`${m} ${h[s]} ${b[l]} ${p[a]} ${d} ${f} ${c}`;return e.jsx("div",{className:o,...x,children:e.jsx("div",{className:n?"transition-transform duration-300 ease-out hover:scale-[0.98] active:scale-[0.96]":"",children:u})})},ce=({items:s,trigger:l="click",placement:n="bottomLeft",children:r,className:a="",overlayClassName:c="",disabled:u=!1})=>{const[x,m]=$.useState(!1),h=$.useRef(null);$.useEffect(()=>{const i=k=>{h.current&&!h.current.contains(k.target)&&m(!1)};return x&&document.addEventListener("mousedown",i),()=>{document.removeEventListener("mousedown",i)}},[x]);const b=()=>{!u&&l==="click"&&m(!x)},p=()=>{!u&&l==="hover"&&m(!0)},d=()=>{!u&&l==="hover"&&m(!1)},f=i=>{!i.disabled&&i.onClick&&i.onClick(),m(!1)},o={bottomLeft:"top-full left-0 mt-1",bottomRight:"top-full right-0 mt-1",topLeft:"bottom-full left-0 mb-1",topRight:"bottom-full right-0 mb-1"},y=n.startsWith("bottom")?"dropdown-slide-down":"dropdown-slide-up";return e.jsxs("div",{ref:h,className:`relative inline-block ${a}`,onMouseEnter:p,onMouseLeave:d,children:[e.jsx("div",{onClick:b,className:`inline-flex ${u?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:r}),x&&!u&&e.jsx("div",{className:`absolute ${o[n]} ${y} z-50 min-w-[160px] ${c}`,children:e.jsx("div",{className:"dropdown-menu bg-white rounded-lg shadow-lg border border-gray-200 py-1 overflow-hidden",children:s.map(i=>e.jsxs("div",{onClick:()=>f(i),className:`
+                  dropdown-menu-item
+                  flex items-center gap-2 px-4 py-2 text-sm cursor-pointer transition-all duration-200 ease-out
+                  ${i.disabled?"opacity-50 cursor-not-allowed":"hover:bg-gray-50"}
+                  ${i.danger?"text-red-600 hover:bg-red-50":"text-gray-700"}
+                `,children:[i.icon&&e.jsx("span",{className:"flex-shrink-0",children:i.icon}),e.jsx("span",{children:i.label})]},i.key))})})]})},ee=({options:s,value:l,defaultValue:n,placeholder:r="Select an option",onChange:a,disabled:c=!1,size:u="md",fullWidth:x=!1,className:m="",allowClear:h=!1,showSearch:b=!1,searchPlaceholder:p="Search..."})=>{const[d,f]=$.useState(!1),[o,y]=$.useState(n),[i,k]=$.useState(""),v=$.useRef(null),N=$.useRef(null),R=l!==void 0?l:o;$.useEffect(()=>{const j=D=>{v.current&&!v.current.contains(D.target)&&(f(!1),k(""))};return d&&(document.addEventListener("mousedown",j),b&&N.current&&N.current.focus()),()=>{document.removeEventListener("mousedown",j)}},[d,b]);const S=j=>{l===void 0&&y(j),a==null||a(j),f(!1),k("")},_=j=>{j.stopPropagation(),l===void 0&&y(void 0),a==null||a("")},T=s.find(j=>j.value===R),L=b?s.filter(j=>j.label.toLowerCase().includes(i.toLowerCase())):s,P={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-5 py-3 text-lg"},z=x?"w-full":"min-w-[200px]",W=e.jsx("svg",{className:`w-4 h-4 transition-transform duration-200 ease-out ${d?"rotate-180":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})}),B=e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})});return e.jsxs("div",{ref:v,className:`relative ${z} ${m}`,children:[e.jsxs("div",{onClick:()=>!c&&f(!d),className:`
+          select-trigger
+          flex items-center justify-between gap-2
+          border border-gray-300 rounded-lg
+          bg-white
+          transition-all duration-200 ease-out
+          ${P[u]}
+          ${c?"opacity-50 cursor-not-allowed bg-gray-50":"cursor-pointer hover:border-gray-400"}
+          ${d?"border-[#EC615B] ring-2 ring-[#EC615B] ring-opacity-20":""}
+        `,children:[e.jsx("span",{className:T?"text-gray-900":"text-gray-400",children:T?T.label:r}),e.jsxs("div",{className:"flex items-center gap-1",children:[h&&R&&!c&&e.jsx("span",{onClick:_,className:"text-gray-400 hover:text-gray-600 transition-colors duration-200 ease-out",children:B}),e.jsx("span",{className:"text-gray-400",children:W})]})]}),d&&!c&&e.jsx("div",{className:"absolute top-full left-0 right-0 mt-1 z-50 dropdown-slide-down",children:e.jsxs("div",{className:"select-dropdown bg-white rounded-lg shadow-lg border border-gray-200 py-1 max-h-[300px] overflow-auto",children:[b&&e.jsx("div",{className:"px-2 py-2 border-b border-gray-200",children:e.jsx("input",{ref:N,type:"text",value:i,onChange:j=>k(j.target.value),placeholder:p,className:"w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#EC615B] focus:border-[#EC615B] transition-all duration-200 ease-out",onClick:j=>j.stopPropagation()})}),L.length===0?e.jsx("div",{className:"px-4 py-3 text-sm text-gray-500 text-center",children:"No results found"}):L.map(j=>e.jsx("div",{onClick:()=>!j.disabled&&S(j.value),className:`
+                    select-option
+                    px-4 py-2 text-sm cursor-pointer transition-all duration-200 ease-out
+                    ${j.disabled?"opacity-50 cursor-not-allowed":"hover:bg-gray-50"}
+                    ${j.value===R?"bg-[#FCEAE9] text-[#EC615B] font-medium":"text-[#181918]"}
+                  `,children:j.label},j.value))]})})]})},de=({columns:s,dataSource:l,rowKey:n="id",pagination:r,loading:a=!1,onRow:c,className:u="",bordered:x=!1,striped:m=!1})=>{const[h,b]=$.useState(r&&typeof r=="object"&&r.current||1),[p,d]=$.useState(r&&typeof r=="object"&&r.pageSize||10),f=(v,N)=>typeof n=="function"?n(v):v[n]||String(N),o=(v,N)=>N?N.split(".").reduce((R,S)=>R==null?void 0:R[S],v):v,y=r===!1?l:l.slice((h-1)*p,h*p),i=v=>{b(v),r&&typeof r=="object"&&r.onChange&&r.onChange(v,p)},k=v=>{d(v),b(1),r&&typeof r=="object"&&r.onChange&&r.onChange(1,v)};return e.jsxs("div",{className:"w-full",children:[e.jsx("div",{className:"overflow-x-auto rounded-2xl border border-[#EEEEEE]",children:e.jsxs("table",{className:`w-full ${x?"border-collapse":""} ${u}`,children:[e.jsx("thead",{className:"bg-[#F5F6F7]",children:e.jsx("tr",{children:s.map((v,N)=>e.jsx("th",{className:`px-4 py-3 text-left text-xs font-medium text-[#333333] uppercase tracking-wider ${x&&N!==s.length-1?"border-r border-[#EEEEEE]":""} ${v.align==="center"?"text-center":v.align==="right"?"text-right":""}`,style:{width:v.width},children:v.title},v.key))})}),e.jsx("tbody",{className:"bg-white divide-y divide-gray-200",children:a?e.jsx("tr",{children:e.jsx("td",{colSpan:s.length,className:"px-4 py-8 text-center text-[#333333]",children:e.jsxs("div",{className:"flex justify-center items-center",children:[e.jsxs("svg",{className:"animate-spin h-5 w-5 mr-2",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Loading..."]})})}):y.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:s.length,className:"px-4 py-8 text-center text-[#333333]",children:"No data"})}):y.map((v,N)=>{const R=c?c(v,N):{};return e.jsx("tr",{className:`${m&&N%2===1?"bg-[#F5F6F7]":""} hover:bg-gray-50 transition-colors duration-200 ease-out`,...R,children:s.map((S,_)=>{const T=o(v,S.dataIndex),L=S.render?S.render(T,v,N):T;return e.jsx("td",{className:`px-4 py-4 text-sm text-gray-900 ${x&&_!==s.length-1?"border-r border-[#EEEEEE]":""} ${S.align==="center"?"text-center":S.align==="right"?"text-right":""}`,children:L},S.key)})},f(v,N))})})]})}),r!==!1&&e.jsx(ue,{current:h,pageSize:p,total:l.length,onChange:i,onPageSizeChange:k,showSizeChanger:r&&typeof r=="object"?r.showSizeChanger:!0,pageSizeOptions:r&&typeof r=="object"?r.pageSizeOptions:[10,20,50,100],showTotal:r&&typeof r=="object"?r.showTotal:!0,size:r&&typeof r=="object"?r.size:"md"})]})},ue=({current:s,pageSize:l,total:n,onChange:r,onPageSizeChange:a,showSizeChanger:c=!0,pageSizeOptions:u=[10,20,50,100],showTotal:x=!0,size:m="md"})=>{const h=Math.ceil(n/l),b=(s-1)*l+1,p=Math.min(s*l,n),d={sm:{button:"px-2.5 py-1 text-xs",icon:"h-3.5 w-3.5",nav:"px-1.5 py-1.5"},md:{button:"px-4 py-2 text-sm",icon:"h-5 w-5",nav:"px-2 py-2"},lg:{button:"px-5 py-2.5 text-base",icon:"h-6 w-6",nav:"px-3 py-3"}},f=()=>{const o=[];if(h<=7)for(let i=1;i<=h;i++)o.push(i);else if(s<=3){for(let i=1;i<=5;i++)o.push(i);o.push("..."),o.push(h)}else if(s>=h-2){o.push(1),o.push("...");for(let i=h-4;i<=h;i++)o.push(i)}else{o.push(1),o.push("...");for(let i=s-1;i<=s+1;i++)o.push(i);o.push("..."),o.push(h)}return o};return e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-t border-[#EEEEEE] sm:px-6 mt-4",children:[x&&e.jsxs("div",{className:"text-sm text-[#181918]",children:[b,"-",p," of ",n," items"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[c&&e.jsx(ee,{value:l.toString(),onChange:o=>a(Number(o)),options:u.map(o=>({value:o.toString(),label:`${o} / page`})),size:"sm",className:"w-32"}),e.jsxs("nav",{className:"inline-flex gap-1 items-center","aria-label":"Pagination",children:[e.jsx("button",{onClick:()=>r(s-1),disabled:s===1,className:`relative inline-flex items-center justify-center rounded-md ${d[m].nav} text-[#181918] hover:bg-gray-100 focus:z-20 disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent transition-all duration-300 ease-out hover:scale-110 active:scale-95`,children:e.jsx("svg",{className:d[m].icon,viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),f().map((o,y)=>o==="..."?e.jsx("span",{className:`relative inline-flex items-center justify-center ${d[m].button} font-normal text-[#181918]`,children:"..."},`ellipsis-${y}`):e.jsx("button",{onClick:()=>r(o),className:`relative inline-flex items-center justify-center rounded-md ${d[m].button} font-medium transition-all duration-300 ease-out focus:z-20 hover:scale-105 active:scale-95 ${s===o?"bg-[#EC615B] text-white shadow-sm":"text-[#181918] hover:bg-gray-100"}`,children:o},o)),e.jsx("button",{onClick:()=>r(s+1),disabled:s===h,className:`relative inline-flex items-center justify-center rounded-md ${d[m].nav} text-[#181918] hover:bg-gray-100 focus:z-20 disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent transition-all duration-300 ease-out hover:scale-110 active:scale-95`,children:e.jsx("svg",{className:d[m].icon,viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]})]})]})},fe=({title:s,description:l,searchPlaceholder:n="Search...",onSearch:r,actions:a,filters:c,className:u=""})=>{const x=m=>{r==null||r(m.target.value)};return e.jsxs("div",{className:`space-y-4 mb-4 ${u}`,children:[(s||l)&&e.jsxs("div",{children:[s&&e.jsx("h2",{className:"text-xl font-semibold text-gray-900",children:s}),l&&e.jsx("p",{className:"text-sm text-gray-500 mt-1",children:l})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[r&&e.jsx("div",{className:"flex-1 max-w-md",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx("svg",{className:"h-5 w-5 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})}),e.jsx("input",{type:"text",placeholder:n,onChange:x,className:"block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"})]})}),a&&e.jsx("div",{className:"flex items-center gap-2",children:a})]}),c&&e.jsx("div",{className:"flex items-center gap-3",children:c})]})},xe=({open:s,onClose:l,title:n,children:r,footer:a,width:c="520px",closable:u=!0,maskClosable:x=!0,centered:m=!0,className:h=""})=>{const[b,p]=$.useState(!1),[d,f]=$.useState(!1);if($.useEffect(()=>{if(s)p(!0),setTimeout(()=>f(!0),10),document.body.style.overflow="hidden";else{f(!1);const i=setTimeout(()=>{p(!1)},200);return document.body.style.overflow="unset",()=>clearTimeout(i)}},[s]),$.useEffect(()=>{const i=k=>{k.key==="Escape"&&u&&s&&l()};return s&&document.addEventListener("keydown",i),()=>{document.removeEventListener("keydown",i)}},[s,l,u]),!b)return null;const o=()=>{x&&l()},y=i=>{i.stopPropagation()};return e.jsxs("div",{className:"fixed inset-0 z-50 overflow-y-auto",onClick:o,children:[e.jsx("div",{className:`fixed inset-0 bg-black transition-opacity duration-200 ease-out ${d?"opacity-50":"opacity-0"}`}),e.jsx("div",{className:`flex min-h-full items-center justify-center p-4 ${m?"items-center":"items-start pt-20"}`,children:e.jsxs("div",{className:`relative bg-white rounded-lg shadow-xl transition-all duration-200 ease-out ${d?"opacity-100 scale-100 translate-y-0":"opacity-0 scale-95 -translate-y-4"} ${h}`,style:{width:c,maxWidth:"90vw"},onClick:y,children:[(n||u)&&e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-gray-200",children:[n&&e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:n}),u&&e.jsx("button",{onClick:l,className:"text-gray-400 hover:text-gray-600 transition-colors duration-200 ease-out",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsx("div",{className:"px-6 py-4 max-h-[70vh] overflow-y-auto",children:r}),a&&e.jsx("div",{className:"px-6 py-4 border-t border-gray-200 flex justify-end gap-2",children:a})]})})]})},me=({children:s,variant:l="default",size:n="md",dot:r=!1,icon:a,iconPosition:c="left",className:u=""})=>{const x={default:"bg-gray-100 text-[#181918]",primary:"bg-[#FCEAE9] text-[#EC615B]",success:"bg-green-100 text-green-800",warning:"bg-yellow-100 text-yellow-800",danger:"bg-red-100 text-red-800",info:"bg-cyan-100 text-cyan-800"},m={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"},h={sm:"w-1.5 h-1.5",md:"w-2 h-2",lg:"w-2.5 h-2.5"},b={default:"bg-gray-600",primary:"bg-[#EC615B]",success:"bg-green-600",warning:"bg-yellow-600",danger:"bg-red-600",info:"bg-cyan-600"},p={sm:"w-3 h-3",md:"w-3.5 h-3.5",lg:"w-4 h-4"};return e.jsxs("span",{className:`inline-flex items-center gap-1.5 font-medium rounded-full transition-all duration-200 ${x[l]} ${m[n]} ${u}`,children:[r&&e.jsx("span",{className:`rounded-full ${h[n]} ${b[l]}`}),a&&c==="left"&&e.jsx("span",{className:`inline-flex items-center ${p[n]}`,children:a}),s,a&&c==="right"&&e.jsx("span",{className:`inline-flex items-center ${p[n]}`,children:a})]})},he=({items:s,current:l=0,direction:n="vertical",size:r="md",variant:a="default",className:c=""})=>{const u=(d,f)=>f.status?f.status:d<l?"finish":d===l?"process":"wait",x={sm:"w-6 h-6",md:"w-8 h-8",lg:"w-10 h-10"},m={sm:"text-sm",md:"text-base",lg:"text-lg"},h={sm:"text-xs",md:"text-sm",lg:"text-base"},b=(d,f)=>f||(d==="finish"?e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}):d==="error"?e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})}):null),p=d=>{const f=a==="outline";switch(d){case"finish":return{icon:f?"bg-white text-green-500 border-green-500":"bg-green-500 text-white border-green-500",title:"text-[#181918]",description:"text-gray-600",line:"bg-green-500"};case"process":return{icon:f?"bg-white text-[#EC615B] border-[#EC615B]":"bg-[#EC615B] text-white border-[#EC615B]",title:"text-[#181918] font-semibold",description:"text-gray-700",line:"bg-gray-300"};case"error":return{icon:f?"bg-white text-red-500 border-red-500":"bg-red-500 text-white border-red-500",title:"text-red-600",description:"text-red-500",line:"bg-gray-300"};default:return{icon:"bg-white text-gray-400 border-gray-300",title:"text-gray-500",description:"text-gray-400",line:"bg-gray-300"}}};return n==="horizontal"?e.jsx("div",{className:`flex items-start ${c}`,children:s.map((d,f)=>{const o=u(f,d),y=p(o),i=f===s.length-1;return e.jsxs("div",{className:"flex flex-1 items-start",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{className:`flex items-center justify-center ${x[r]} rounded-full border transition-all duration-300 ${y.icon}`,children:b(o,d.icon)}),e.jsxs("div",{className:"mt-2 text-center",children:[e.jsx("div",{className:`${m[r]} ${y.title} transition-colors duration-300`,children:d.title}),d.description&&e.jsx("div",{className:`${h[r]} ${y.description} mt-1 transition-colors duration-300`,children:d.description})]})]}),!i&&e.jsx("div",{className:`flex-1 h-0.5 mt-4 mx-2 ${y.line} transition-colors duration-300`})]},f)})}):e.jsx("div",{className:`flex flex-col ${c}`,children:s.map((d,f)=>{const o=u(f,d),y=p(o),i=f===s.length-1;return e.jsxs("div",{className:"flex",children:[e.jsxs("div",{className:"flex flex-col items-center mr-4",children:[e.jsx("div",{className:`flex items-center justify-center ${x[r]} rounded-full border transition-all duration-300 ${y.icon}`,children:b(o,d.icon)}),!i&&e.jsx("div",{className:`w-0.5 flex-1 my-1 ${y.line} transition-colors duration-300`,style:{minHeight:"20px"}})]}),e.jsxs("div",{className:"flex-1 pb-6",children:[e.jsx("div",{className:`${m[r]} ${y.title} transition-colors duration-300`,children:d.title}),d.description&&e.jsx("div",{className:`${h[r]} ${y.description} mt-1 transition-colors duration-300`,children:d.description})]})]},f)})})},ge=({percent:s=0,status:l="normal",showInfo:n=!0,strokeColor:r,strokeWidth:a,size:c="md",className:u="",format:x})=>{const m=Math.min(100,Math.max(0,s)),h={sm:"h-1.5",md:"h-2",lg:"h-3"},b={sm:"text-xs",md:"text-sm",lg:"text-base"},p=()=>{if(r)return r;switch(l){case"success":return"bg-green-500";case"exception":return"bg-red-500";case"active":return"bg-[#EC615B]";default:return m===100?"bg-green-500":"bg-[#EC615B]"}},d=()=>l==="success"||m===100?e.jsx("svg",{className:"w-4 h-4 text-green-500",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}):l==="exception"?e.jsx("svg",{className:"w-4 h-4 text-red-500",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",clipRule:"evenodd"})}):null,f=()=>x?x(m):`${Math.round(m)}%`,o=a?`${a}px`:void 0;return e.jsxs("div",{className:`flex items-center gap-2 ${u}`,children:[e.jsx("div",{className:"flex-1",children:e.jsx("div",{className:`w-full bg-gray-200 rounded-full overflow-hidden ${h[c]}`,style:{height:o},children:e.jsx("div",{className:`${p()} ${h[c]} rounded-full transition-all duration-300 ease-out ${l==="active"?"progress-active":""}`,style:{width:`${m}%`,height:o}})})}),n&&e.jsx("div",{className:`flex items-center gap-1 ${b[c]} text-gray-600 font-normal`,children:d()||f()})]})},pe=({checked:s,defaultChecked:l=!1,onChange:n,disabled:r=!1,indeterminate:a=!1,size:c="md",variant:u="filled",className:x="",id:m,name:h,value:b})=>{const[p,d]=$.useState(l),f=s!==void 0,o=f?s:p,y=S=>{if(r)return;const _=S.target.checked;f||d(_),n==null||n(_)},i={sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"},k={sm:"w-3 h-3",md:"w-3.5 h-3.5",lg:"w-4 h-4"},v=u==="filled",N=()=>r?"cursor-not-allowed opacity-50 border-gray-300 bg-gray-100":v?!o&&!a?"border-gray-300 bg-white hover:border-gray-400":"border-[#EC615B] bg-[#EC615B] hover:bg-[#D4554F] hover:border-[#D4554F]":!o&&!a?"border-gray-300 bg-white hover:border-gray-400":"border-[#EC615B] bg-white hover:border-[#D4554F]",R=()=>v?"text-white":"text-[#EC615B]";return e.jsxs("div",{className:"inline-flex items-center",children:[e.jsx("input",{type:"checkbox",id:m,name:h,value:b,checked:o,onChange:y,disabled:r,className:"sr-only"}),e.jsxs("label",{htmlFor:m,className:`
+          relative flex items-center justify-center
+          ${i[c]}
+          ${u==="outline"?"border":"border-2"}
+          rounded
+          transition-all duration-200 ease-out
+          cursor-pointer
+          ${N()}
+          ${x}
+        `,children:[o&&!a&&e.jsx("svg",{className:`${k[c]} ${R()}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:3,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),a&&e.jsx("svg",{className:`${k[c]} ${R()}`,fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("rect",{x:"4",y:"11",width:"16",height:"2",rx:"1"})})]})]})},be=({items:s,onRemove:l,emptyMessage:n="No items selected",className:r="",itemClassName:a="",maxHeight:c="300px"})=>s.length===0?e.jsx("div",{className:`text-center py-8 text-gray-500 text-sm ${r}`,children:n}):e.jsx("div",{className:`space-y-2 overflow-y-auto ${r}`,style:{maxHeight:c},children:s.map((u,x)=>e.jsxs("div",{className:`
+            group flex items-center justify-between
+            bg-[#F4F4F4] rounded-lg px-4 py-3
+            transition-all duration-300 ease-out
+            hover:bg-[#EBEBEB] hover:shadow-sm
+            animate-slide-in-item
+            ${a}
+          `,style:{animationDelay:`${x*50}ms`},children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[u.sublabel&&e.jsx("div",{className:"text-xs text-gray-500 font-normal mb-0.5",children:u.sublabel}),e.jsx("div",{className:"text-sm font-medium text-[#181918] truncate",children:u.label})]}),e.jsx("button",{onClick:()=>l(u.id),className:`
+              ml-3 flex-shrink-0
+              w-6 h-6 rounded-full
+              flex items-center justify-center
+              text-gray-400
+              transition-all duration-200 ease-out
+              hover:bg-white hover:text-[#EC615B] hover:scale-110
+              active:scale-95
+              focus:outline-none focus:ring-2 focus:ring-[#EC615B] focus:ring-opacity-50
+            `,"aria-label":`Remove ${u.label}`,children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]},u.id))});exports.Badge=me;exports.Button=ae;exports.Card=ie;exports.Checkbox=pe;exports.Dropdown=ce;exports.Modal=xe;exports.Progress=ge;exports.SearchInput=oe;exports.Select=ee;exports.SelectedItemsList=be;exports.StatCard=le;exports.Steps=he;exports.Table=de;exports.TableTop=fe;
 //# sourceMappingURL=index.cjs.map