@zimyo/ui 1.12.7 → 1.14.0

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,72 @@
+import React__default from 'react';
+
+/**************** Common Types ****************/
+type Nullable<T> = T | null | undefined;
+type ComponentType = Nullable<JSX.Element>;
+type CSSPropertiesT = React.CSSProperties;
+interface StepperLabel {
+    /** Step name label */
+    name: string;
+    /** Optional step description or custom content */
+    description?: React.ReactNode | string;
+    /** Whether the step can expand to show extra content */
+    expand?: boolean;
+    /** Whether the step is clickable */
+    isClickable?: boolean;
+    /** Whether the step is disabled */
+    isDisabled?: boolean;
+    /** Custom icon component for the step */
+    stepperIcon?: ComponentType;
+}
+/**************** Common Props ****************/
+interface CommonProps {
+    /** Connector color for completed steps */
+    connectorColorOnComplete?: string;
+    /** Custom connector CSS style */
+    connectorStyle?: CSSPropertiesT;
+}
+/**************** Main Stepper Props ****************/
+interface CustomStepperProps extends CommonProps {
+    /** Array of step labels and related info */
+    stepperLabels: StepperLabel[];
+    /** Currently active step index */
+    activeStep: number;
+    /** Custom icon shown when a step is completed */
+    onCompleteIcon?: ComponentType;
+    /** Color for completed steps */
+    onCompleteColor?: string;
+    /** Custom icon shown for the active step */
+    onActiveIcon?: ComponentType;
+    /** Color for the active step */
+    onActiveColor?: string;
+    /** Whether the labels are displayed below the icons */
+    alternativeLabel?: boolean;
+    /** Size of each step indicator */
+    stepperSize?: number;
+    /** Optional class name for the root container */
+    className?: string;
+    /** Custom inline styles for the root container */
+    styles?: CSSPropertiesT;
+    /** Layout orientation for the stepper */
+    orientation?: 'horizontal' | 'vertical';
+    /** Border color for the active step */
+    activeBorderColor?: string;
+    /** Style overrides for the stepper wrapper */
+    stepperStyle?: CSSPropertiesT;
+}
+/**************** Supporting Props ****************/
+interface IconStyleProps {
+    iconStyleProps: {
+        active: boolean;
+        completed: boolean;
+        activeBorderColor?: string;
+    };
+}
+interface ConnectorProps extends CommonProps {
+    stepperSize?: number;
+}
+
+declare const ZUIStepper: React__default.FC<CustomStepperProps>;
+
+export { ZUIStepper as Stepper, ZUIStepper as default };
+export type { ConnectorProps, CustomStepperProps, IconStyleProps, StepperLabel };

package/dist/components/Stepper/index.esm.js

@@ -0,0 +1 @@
+import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as t,jsxs as i}from"react/jsx-runtime";import{styled as o,StepConnector as n,stepConnectorClasses as r,Stepper as a,Step as c,StepLabel as l}from"@mui/material";import{r as s}from"../../chunks/lucide-1d5a9cda.esm.js";import"react";var d=o(n)(function(t){var i,o=t.theme,n=t.ownerState,a=n.orientation,c=n.stepperSize,l=void 0===c?40:c,s=n.activeStep,d=void 0===s?0:s,p=n.index,m=void 0===p?0:p,u=n.connectorColorOnComplete,v=void 0===u?"#4caf50":u,h="dark"===o.palette.mode?"#555":"#e0e0e0",f=v;return(i={})["&.".concat(r.alternativeLabel)]={top:l/2,left:"calc(-50% + ".concat(l/2,"px)"),right:"calc(50% + ".concat(l/2,"px)")},i["& .".concat(r.line)]=e(e({border:0,transition:"all 0.3s ease"},"horizontal"===a&&{height:1,width:"100%",backgroundColor:m<d?f:h}),"vertical"===a&&{width:1,minHeight:40,marginLeft:l/2-12,backgroundColor:m<d?f:h}),i}),p=function(e){var i=e.index,o=e.active,n=e.completed,r=e.props,a=r.stepperLabels,c=r.onCompleteIcon,l=r.onActiveIcon,d=r.onActiveColor,p=void 0===d?"#1976d2":d,m=r.onCompleteColor,u=void 0===m?"#4caf50":m,v=r.stepperSize,h=void 0===v?36:v,f=r.activeBorderColor,x=void 0===f?"#1976d2":f,z=a[i],g=(null==z?void 0:z.stepperIcon)||t("span",{children:i+1}),C="#9e9e9e",S="#e0e0e0",b="transparent";return n?(C=u,S=u,b="".concat(u,"20")):o&&(C=p,S=x),t("div",{style:{width:h,height:h,minWidth:h,minHeight:h,borderRadius:"50%",border:"2px solid ".concat(S),display:"flex",alignItems:"center",justifyContent:"center",color:C,backgroundColor:b,transition:"all 0.3s ease",flexShrink:0,position:"relative",zIndex:1},children:n?c||t(s,{size:18,color:u}):o&&l||g})},m=function(o){var n=o.stepperLabels,r=o.activeStep,s=void 0===r?0:r,m=o.orientation,u=void 0===m?"horizontal":m,v=o.alternativeLabel,h=void 0!==v&&v,f=o.styles,x=void 0===f?{}:f,z=o.stepperSize,g=void 0===z?36:z,C="vertical"===u;return t("div",{style:e({width:"100%",display:"flex",justifyContent:C?"flex-start":"center"},x),children:t(a,{activeStep:s,orientation:u,alternativeLabel:!C&&h,connector:t(d,{ownerState:{activeStep:s,orientation:u,connectorColorOnComplete:o.connectorColorOnComplete,stepperSize:g}}),sx:{width:C?"auto":"100%","& .MuiStep-root":{alignItems:C?"flex-start":"center",paddingBottom:C?2:0},"& .MuiStepLabel-iconContainer":{paddingRight:C?2:0},"& .MuiStepLabel-label":{marginTop:!C&&h?1:0}},children:n.map(function(e,n){return t(c,{children:t(l,{StepIconComponent:function(){return t(p,{index:n,active:n===s,completed:n<s,props:o})},children:i("div",{className:"zui:flex zui:flex-col ".concat(C?"zui:items-start":"zui:items-center"," zui:gap-1"),children:[t("span",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:e.name}),e.description&&t("span",{className:"zui:text-xs zui:text-gray-500 ".concat(C?"zui:text-left":"zui:text-center"),children:e.description})]})})},n)})})})};export{m as Stepper,m as default};

package/dist/components/Stepper/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),t=require("react/jsx-runtime"),i=require("@mui/material"),o=require("../../chunks/lucide-937248a9.js");require("react");var n=i.styled(i.StepConnector)(function(t){var o,n=t.theme,r=t.ownerState,a=r.orientation,s=r.stepperSize,c=void 0===s?40:s,l=r.activeStep,p=void 0===l?0:l,d=r.index,u=void 0===d?0:d,v=r.connectorColorOnComplete,x=void 0===v?"#4caf50":v,m="dark"===n.palette.mode?"#555":"#e0e0e0",h=x;return(o={})["&.".concat(i.stepConnectorClasses.alternativeLabel)]={top:c/2,left:"calc(-50% + ".concat(c/2,"px)"),right:"calc(50% + ".concat(c/2,"px)")},o["& .".concat(i.stepConnectorClasses.line)]=e.__assign(e.__assign({border:0,transition:"all 0.3s ease"},"horizontal"===a&&{height:1,width:"100%",backgroundColor:u<p?h:m}),"vertical"===a&&{width:1,minHeight:40,marginLeft:c/2-12,backgroundColor:u<p?h:m}),o}),r=function(e){var i=e.index,n=e.active,r=e.completed,a=e.props,s=a.stepperLabels,c=a.onCompleteIcon,l=a.onActiveIcon,p=a.onActiveColor,d=void 0===p?"#1976d2":p,u=a.onCompleteColor,v=void 0===u?"#4caf50":u,x=a.stepperSize,m=void 0===x?36:x,h=a.activeBorderColor,C=void 0===h?"#1976d2":h,f=s[i],g=(null==f?void 0:f.stepperIcon)||t.jsx("span",{children:i+1}),z="#9e9e9e",S="#e0e0e0",j="transparent";return r?(z=v,S=v,j="".concat(v,"20")):n&&(z=d,S=C),t.jsx("div",{style:{width:m,height:m,minWidth:m,minHeight:m,borderRadius:"50%",border:"2px solid ".concat(S),display:"flex",alignItems:"center",justifyContent:"center",color:z,backgroundColor:j,transition:"all 0.3s ease",flexShrink:0,position:"relative",zIndex:1},children:r?c||t.jsx(o.CircleCheckBig,{size:18,color:v}):n&&l||g})},a=function(o){var a=o.stepperLabels,s=o.activeStep,c=void 0===s?0:s,l=o.orientation,p=void 0===l?"horizontal":l,d=o.alternativeLabel,u=void 0!==d&&d,v=o.styles,x=void 0===v?{}:v,m=o.stepperSize,h=void 0===m?36:m,C="vertical"===p;return t.jsx("div",{style:e.__assign({width:"100%",display:"flex",justifyContent:C?"flex-start":"center"},x),children:t.jsx(i.Stepper,{activeStep:c,orientation:p,alternativeLabel:!C&&u,connector:t.jsx(n,{ownerState:{activeStep:c,orientation:p,connectorColorOnComplete:o.connectorColorOnComplete,stepperSize:h}}),sx:{width:C?"auto":"100%","& .MuiStep-root":{alignItems:C?"flex-start":"center",paddingBottom:C?2:0},"& .MuiStepLabel-iconContainer":{paddingRight:C?2:0},"& .MuiStepLabel-label":{marginTop:!C&&u?1:0}},children:a.map(function(e,n){return t.jsx(i.Step,{children:t.jsx(i.StepLabel,{StepIconComponent:function(){return t.jsx(r,{index:n,active:n===c,completed:n<c,props:o})},children:t.jsxs("div",{className:"zui:flex zui:flex-col ".concat(C?"zui:items-start":"zui:items-center"," zui:gap-1"),children:[t.jsx("span",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:e.name}),e.description&&t.jsx("span",{className:"zui:text-xs zui:text-gray-500 ".concat(C?"zui:text-left":"zui:text-center"),children:e.description})]})})},n)})})})};exports.Stepper=a,exports.default=a;

package/dist/components/Tab/index.esm.js

@@ -1 +1 @@
-import{_ as i,a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as u,jsxs as r}from"react/jsx-runtime";import{createContext as a,useState as t,useContext as n}from"react";import{c as z}from"../../chunks/index-a7c3d9a4.esm.js";import{a as o}from"../../chunks/index-32c3a4e2.esm.js";var l=a(void 0),d=function(){var i=n(l);if(!i)throw new Error("Tab components must be used within TabProvider");return i},s=z("zui:flex zui:gap-1",{variants:{variant:{default:"zui:bg-gray-100 zui:p-1 zui:rounded-lg",pills:"zui:gap-2",outline:"zui:border zui:border-gray-200 zui:rounded-lg zui:p-1",underline:"zui:border-b zui:border-gray-200",ghost:"",bordered:"zui:border zui:border-gray-200 zui:rounded-lg"},orientation:{horizontal:"zui:flex-row",vertical:"zui:flex-col zui:w-fit"},size:{sm:"zui:text-sm",md:"zui:text-base",lg:"zui:text-lg",xl:"zui:text-xl"}},defaultVariants:{variant:"default",orientation:"horizontal",size:"md"}}),c=z("zui:inline-flex zui:items-center zui:justify-center zui:gap-2 zui:font-medium zui:transition-all zui:duration-200 zui:cursor-pointer zui:select-none zui:whitespace-nowrap disabled:zui:cursor-not-allowed disabled:zui:opacity-50",{variants:{variant:{default:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-200/70",pills:"zui:rounded-full zui:px-4 zui:py-2 zui:bg-gray-100 hover:zui:bg-gray-200",outline:"zui:rounded-md zui:px-3 zui:py-1.5 zui:border zui:border-transparent hover:zui:border-gray-300",underline:"zui:px-3 zui:py-2 zui:border-b-2 zui:border-transparent hover:zui:border-gray-300",ghost:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-100",bordered:"zui:px-3 zui:py-1.5 zui:border-r zui:border-gray-200 last:zui:border-r-0 hover:zui:bg-gray-50"},size:{sm:"zui:text-sm zui:px-2 zui:py-1",md:"zui:text-sm zui:px-3 zui:py-1.5",lg:"zui:text-base zui:px-4 zui:py-2",xl:"zui:text-lg zui:px-6 zui:py-3"}},defaultVariants:{variant:"default",size:"md"}}),b=z("",{variants:{variant:{default:"zui:bg-white zui:text-gray-900 zui:shadow-sm",pills:"zui:bg-blue-500 zui:text-white",outline:"zui:border-blue-500 zui:bg-blue-50",underline:"zui:border-blue-500 zui:text-blue-600",ghost:"zui:bg-gray-100 zui:text-gray-900",bordered:"zui:bg-blue-50 zui:text-blue-600"}},defaultVariants:{variant:"default"}}),v=function(i){var e=i.children,r=i.variant,a=void 0===r?"default":r,t=i.size,n=void 0===t?"sm":t,o=z("zui:inline-flex zui:items-center zui:justify-center zui:rounded-full zui:font-medium",{variants:{variant:{default:"zui:bg-gray-100 zui:text-gray-800",secondary:"zui:bg-blue-100 zui:text-blue-800",success:"zui:bg-green-100 zui:text-green-800",warning:"zui:bg-yellow-100 zui:text-yellow-800",error:"zui:bg-red-100 zui:text-red-800"},size:{sm:"zui:px-1.5 zui:py-0.5 zui:text-xs zui:min-w-[1.25rem] zui:h-5",md:"zui:px-2 zui:py-1 zui:text-sm zui:min-w-[1.5rem] zui:h-6",lg:"zui:px-2.5 zui:py-1.5 zui:text-sm zui:min-w-[2rem] zui:h-8"}},defaultVariants:{variant:"default",size:"sm"}});return u("span",{className:o({variant:a,size:n}),children:e})},m={Provider:function(i){var e=i.children,r=i.defaultValue,a=void 0===r?"":r,n=i.value,z=i.onValueChange,o=i.variant,d=void 0===o?"default":o,s=i.size,c=void 0===s?"md":s,b=i.orientation,v=void 0===b?"horizontal":b,m=t(a),g=m[0],p=m[1],f=null!=n?n:g;return u(l.Provider,{value:{activeTab:f,setActiveTab:function(i){void 0===n&&p(i),null==z||z(i)},variant:d,size:c,orientation:v},children:e})},List:function(r){var a=r.children,t=r.className,n=i(r,["children","className"]),z=d(),l=z.variant,c=z.size,b=z.orientation;return u("div",e({className:o(s({variant:l,size:c,orientation:b}),t),role:"tablist"},n,{children:a}))},Trigger:function(a){var t=a.value,n=a.icon,z=a.iconPosition,l=void 0===z?"left":z,s=a.badge,m=a.badgeVariant,g=void 0===m?"default":m,p=a.loading,f=void 0!==p&&p,h=a.children,x=a.className,y=a.disabled,w=i(a,["value","icon","iconPosition","badge","badgeVariant","loading","children","className","disabled"]),N=d(),T=N.activeTab,V=N.setActiveTab,j=N.variant,P=N.size,k=T===t,C=function(){return f?u("div",{className:"zui:animate-spin zui:w-4 zui:h-4 zui:border-2 zui:border-current zui:border-t-transparent zui:rounded-full"}):n?u(n,{className:o("sm"===P?"zui:w-3 zui:h-3":"md"===P?"zui:w-4 zui:h-4":"lg"===P?"zui:w-5 zui:h-5":"zui:w-6 zui:h-6")}):null},A=o(c({variant:j,size:P}),k&&b({variant:j}),x);return r("button",e({className:A,"data-state":k?"active":"inactive",disabled:y||f,onClick:function(){y||f||V(t)},role:"tab","aria-selected":k},w,{children:["left"===l&&C(),u("span",{className:f?"zui:opacity-70":"",children:h}),"right"===l&&C(),void 0!==s?u(v,{variant:g,size:"xl"===P?"lg":"lg"===P?"md":"sm",children:s}):null]}))},Content:function(r){var a=r.value,t=r.children,n=r.forceMount,z=void 0!==n&&n,l=r.className,s=i(r,["value","children","forceMount","className"]),c=d().activeTab===a;return c||z?u("div",e({className:o("zui:mt-4 zui:focus:outline-none",!c&&"zui:hidden",l),role:"tabpanel",hidden:!c},s,{children:t})):null}};export{m as Tab,m as default};
+import{_ as i,a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as u,jsxs as r}from"react/jsx-runtime";import{createContext as a,useState as t,useContext as n}from"react";import{c as z}from"../../chunks/index-3cd5487e.esm.js";import{a as o}from"../../chunks/index-6d90ff6c.esm.js";var l=a(void 0),d=function(){var i=n(l);if(!i)throw new Error("Tab components must be used within TabProvider");return i},s=z("zui:flex zui:gap-1",{variants:{variant:{default:"zui:bg-gray-100 zui:p-1 zui:rounded-lg",pills:"zui:gap-2",outline:"zui:border zui:border-gray-200 zui:rounded-lg zui:p-1",underline:"zui:border-b zui:border-gray-200",ghost:"",bordered:"zui:border zui:border-gray-200 zui:rounded-lg"},orientation:{horizontal:"zui:flex-row",vertical:"zui:flex-col zui:w-fit"},size:{sm:"zui:text-sm",md:"zui:text-base",lg:"zui:text-lg",xl:"zui:text-xl"}},defaultVariants:{variant:"default",orientation:"horizontal",size:"md"}}),c=z("zui:inline-flex zui:items-center zui:justify-center zui:gap-2 zui:font-medium zui:transition-all zui:duration-200 zui:cursor-pointer zui:select-none zui:whitespace-nowrap disabled:zui:cursor-not-allowed disabled:zui:opacity-50",{variants:{variant:{default:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-200/70",pills:"zui:rounded-full zui:px-4 zui:py-2 zui:bg-gray-100 hover:zui:bg-gray-200",outline:"zui:rounded-md zui:px-3 zui:py-1.5 zui:border zui:border-transparent hover:zui:border-gray-300",underline:"zui:px-3 zui:py-2 zui:border-b-2 zui:border-transparent hover:zui:border-gray-300",ghost:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-100",bordered:"zui:px-3 zui:py-1.5 zui:border-r zui:border-gray-200 last:zui:border-r-0 hover:zui:bg-gray-50"},size:{sm:"zui:text-sm zui:px-2 zui:py-1",md:"zui:text-sm zui:px-3 zui:py-1.5",lg:"zui:text-base zui:px-4 zui:py-2",xl:"zui:text-lg zui:px-6 zui:py-3"}},defaultVariants:{variant:"default",size:"md"}}),b=z("",{variants:{variant:{default:"zui:bg-white zui:text-gray-900 zui:shadow-sm",pills:"zui:bg-blue-500 zui:text-white",outline:"zui:border-blue-500 zui:bg-blue-50",underline:"zui:border-blue-500 zui:text-blue-600",ghost:"zui:bg-gray-100 zui:text-gray-900",bordered:"zui:bg-blue-50 zui:text-blue-600"}},defaultVariants:{variant:"default"}}),v=function(i){var e=i.children,r=i.variant,a=void 0===r?"default":r,t=i.size,n=void 0===t?"sm":t,o=z("zui:inline-flex zui:items-center zui:justify-center zui:rounded-full zui:font-medium",{variants:{variant:{default:"zui:bg-gray-100 zui:text-gray-800",secondary:"zui:bg-blue-100 zui:text-blue-800",success:"zui:bg-green-100 zui:text-green-800",warning:"zui:bg-yellow-100 zui:text-yellow-800",error:"zui:bg-red-100 zui:text-red-800"},size:{sm:"zui:px-1.5 zui:py-0.5 zui:text-xs zui:min-w-[1.25rem] zui:h-5",md:"zui:px-2 zui:py-1 zui:text-sm zui:min-w-[1.5rem] zui:h-6",lg:"zui:px-2.5 zui:py-1.5 zui:text-sm zui:min-w-[2rem] zui:h-8"}},defaultVariants:{variant:"default",size:"sm"}});return u("span",{className:o({variant:a,size:n}),children:e})},m={Provider:function(i){var e=i.children,r=i.defaultValue,a=void 0===r?"":r,n=i.value,z=i.onValueChange,o=i.variant,d=void 0===o?"default":o,s=i.size,c=void 0===s?"md":s,b=i.orientation,v=void 0===b?"horizontal":b,m=t(a),g=m[0],p=m[1],f=null!=n?n:g;return u(l.Provider,{value:{activeTab:f,setActiveTab:function(i){void 0===n&&p(i),null==z||z(i)},variant:d,size:c,orientation:v},children:e})},List:function(r){var a=r.children,t=r.className,n=i(r,["children","className"]),z=d(),l=z.variant,c=z.size,b=z.orientation;return u("div",e({className:o(s({variant:l,size:c,orientation:b}),t),role:"tablist"},n,{children:a}))},Trigger:function(a){var t=a.value,n=a.icon,z=a.iconPosition,l=void 0===z?"left":z,s=a.badge,m=a.badgeVariant,g=void 0===m?"default":m,p=a.loading,f=void 0!==p&&p,h=a.children,x=a.className,y=a.disabled,w=i(a,["value","icon","iconPosition","badge","badgeVariant","loading","children","className","disabled"]),N=d(),T=N.activeTab,V=N.setActiveTab,j=N.variant,P=N.size,k=T===t,C=function(){return f?u("div",{className:"zui:animate-spin zui:w-4 zui:h-4 zui:border-2 zui:border-current zui:border-t-transparent zui:rounded-full"}):n?u(n,{className:o("sm"===P?"zui:w-3 zui:h-3":"md"===P?"zui:w-4 zui:h-4":"lg"===P?"zui:w-5 zui:h-5":"zui:w-6 zui:h-6")}):null},A=o(c({variant:j,size:P}),k&&b({variant:j}),x);return r("button",e({className:A,"data-state":k?"active":"inactive",disabled:y||f,onClick:function(){y||f||V(t)},role:"tab","aria-selected":k},w,{children:["left"===l&&C(),u("span",{className:f?"zui:opacity-70":"",children:h}),"right"===l&&C(),void 0!==s?u(v,{variant:g,size:"xl"===P?"lg":"lg"===P?"md":"sm",children:s}):null]}))},Content:function(r){var a=r.value,t=r.children,n=r.forceMount,z=void 0!==n&&n,l=r.className,s=i(r,["value","children","forceMount","className"]),c=d().activeTab===a;return c||z?u("div",e({className:o("zui:mt-4 zui:focus:outline-none",!c&&"zui:hidden",l),role:"tabpanel",hidden:!c},s,{children:t})):null}};export{m as Tab,m as default};

package/dist/components/Tab/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../chunks/tslib.es6-a3dc1f53.js"),e=require("react/jsx-runtime"),u=require("react"),r=require("../../chunks/index-ca2c3710.js"),a=require("../../chunks/index-90b71f01.js"),t=u.createContext(void 0),n=function(){var i=u.useContext(t);if(!i)throw new Error("Tab components must be used within TabProvider");return i},z=r.cva("zui:flex zui:gap-1",{variants:{variant:{default:"zui:bg-gray-100 zui:p-1 zui:rounded-lg",pills:"zui:gap-2",outline:"zui:border zui:border-gray-200 zui:rounded-lg zui:p-1",underline:"zui:border-b zui:border-gray-200",ghost:"",bordered:"zui:border zui:border-gray-200 zui:rounded-lg"},orientation:{horizontal:"zui:flex-row",vertical:"zui:flex-col zui:w-fit"},size:{sm:"zui:text-sm",md:"zui:text-base",lg:"zui:text-lg",xl:"zui:text-xl"}},defaultVariants:{variant:"default",orientation:"horizontal",size:"md"}}),l=r.cva("zui:inline-flex zui:items-center zui:justify-center zui:gap-2 zui:font-medium zui:transition-all zui:duration-200 zui:cursor-pointer zui:select-none zui:whitespace-nowrap disabled:zui:cursor-not-allowed disabled:zui:opacity-50",{variants:{variant:{default:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-200/70",pills:"zui:rounded-full zui:px-4 zui:py-2 zui:bg-gray-100 hover:zui:bg-gray-200",outline:"zui:rounded-md zui:px-3 zui:py-1.5 zui:border zui:border-transparent hover:zui:border-gray-300",underline:"zui:px-3 zui:py-2 zui:border-b-2 zui:border-transparent hover:zui:border-gray-300",ghost:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-100",bordered:"zui:px-3 zui:py-1.5 zui:border-r zui:border-gray-200 last:zui:border-r-0 hover:zui:bg-gray-50"},size:{sm:"zui:text-sm zui:px-2 zui:py-1",md:"zui:text-sm zui:px-3 zui:py-1.5",lg:"zui:text-base zui:px-4 zui:py-2",xl:"zui:text-lg zui:px-6 zui:py-3"}},defaultVariants:{variant:"default",size:"md"}}),s=r.cva("",{variants:{variant:{default:"zui:bg-white zui:text-gray-900 zui:shadow-sm",pills:"zui:bg-blue-500 zui:text-white",outline:"zui:border-blue-500 zui:bg-blue-50",underline:"zui:border-blue-500 zui:text-blue-600",ghost:"zui:bg-gray-100 zui:text-gray-900",bordered:"zui:bg-blue-50 zui:text-blue-600"}},defaultVariants:{variant:"default"}}),d=function(i){var u=i.children,a=i.variant,t=void 0===a?"default":a,n=i.size,z=void 0===n?"sm":n,l=r.cva("zui:inline-flex zui:items-center zui:justify-center zui:rounded-full zui:font-medium",{variants:{variant:{default:"zui:bg-gray-100 zui:text-gray-800",secondary:"zui:bg-blue-100 zui:text-blue-800",success:"zui:bg-green-100 zui:text-green-800",warning:"zui:bg-yellow-100 zui:text-yellow-800",error:"zui:bg-red-100 zui:text-red-800"},size:{sm:"zui:px-1.5 zui:py-0.5 zui:text-xs zui:min-w-[1.25rem] zui:h-5",md:"zui:px-2 zui:py-1 zui:text-sm zui:min-w-[1.5rem] zui:h-6",lg:"zui:px-2.5 zui:py-1.5 zui:text-sm zui:min-w-[2rem] zui:h-8"}},defaultVariants:{variant:"default",size:"sm"}});return e.jsx("span",{className:l({variant:t,size:z}),children:u})},o={Provider:function(i){var r=i.children,a=i.defaultValue,n=void 0===a?"":a,z=i.value,l=i.onValueChange,s=i.variant,d=void 0===s?"default":s,o=i.size,c=void 0===o?"md":o,b=i.orientation,v=void 0===b?"horizontal":b,g=u.useState(n),x=g[0],m=g[1],p=null!=z?z:x;return e.jsx(t.Provider,{value:{activeTab:p,setActiveTab:function(i){void 0===z&&m(i),null==l||l(i)},variant:d,size:c,orientation:v},children:r})},List:function(u){var r=u.children,t=u.className,l=i.__rest(u,["children","className"]),s=n(),d=s.variant,o=s.size,c=s.orientation;return e.jsx("div",i.__assign({className:a.cn(z({variant:d,size:o,orientation:c}),t),role:"tablist"},l,{children:r}))},Trigger:function(u){var r=u.value,t=u.icon,z=u.iconPosition,o=void 0===z?"left":z,c=u.badge,b=u.badgeVariant,v=void 0===b?"default":b,g=u.loading,x=void 0!==g&&g,m=u.children,p=u.className,h=u.disabled,f=i.__rest(u,["value","icon","iconPosition","badge","badgeVariant","loading","children","className","disabled"]),y=n(),w=y.activeTab,j=y.setActiveTab,_=y.variant,N=y.size,T=w===r,V=function(){return x?e.jsx("div",{className:"zui:animate-spin zui:w-4 zui:h-4 zui:border-2 zui:border-current zui:border-t-transparent zui:rounded-full"}):t?e.jsx(t,{className:a.cn("sm"===N?"zui:w-3 zui:h-3":"md"===N?"zui:w-4 zui:h-4":"lg"===N?"zui:w-5 zui:h-5":"zui:w-6 zui:h-6")}):null},P=a.cn(l({variant:_,size:N}),T&&s({variant:_}),p);return e.jsxs("button",i.__assign({className:P,"data-state":T?"active":"inactive",disabled:h||x,onClick:function(){h||x||j(r)},role:"tab","aria-selected":T},f,{children:["left"===o&&V(),e.jsx("span",{className:x?"zui:opacity-70":"",children:m}),"right"===o&&V(),void 0!==c?e.jsx(d,{variant:v,size:"xl"===N?"lg":"lg"===N?"md":"sm",children:c}):null]}))},Content:function(u){var r=u.value,t=u.children,z=u.forceMount,l=void 0!==z&&z,s=u.className,d=i.__rest(u,["value","children","forceMount","className"]),o=n().activeTab===r;return o||l?e.jsx("div",i.__assign({className:a.cn("zui:mt-4 zui:focus:outline-none",!o&&"zui:hidden",s),role:"tabpanel",hidden:!o},d,{children:t})):null}};exports.Tab=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../chunks/tslib.es6-a3dc1f53.js"),e=require("react/jsx-runtime"),u=require("react"),r=require("../../chunks/index-9d477012.js"),a=require("../../chunks/index-4d90f67d.js"),t=u.createContext(void 0),n=function(){var i=u.useContext(t);if(!i)throw new Error("Tab components must be used within TabProvider");return i},z=r.cva("zui:flex zui:gap-1",{variants:{variant:{default:"zui:bg-gray-100 zui:p-1 zui:rounded-lg",pills:"zui:gap-2",outline:"zui:border zui:border-gray-200 zui:rounded-lg zui:p-1",underline:"zui:border-b zui:border-gray-200",ghost:"",bordered:"zui:border zui:border-gray-200 zui:rounded-lg"},orientation:{horizontal:"zui:flex-row",vertical:"zui:flex-col zui:w-fit"},size:{sm:"zui:text-sm",md:"zui:text-base",lg:"zui:text-lg",xl:"zui:text-xl"}},defaultVariants:{variant:"default",orientation:"horizontal",size:"md"}}),l=r.cva("zui:inline-flex zui:items-center zui:justify-center zui:gap-2 zui:font-medium zui:transition-all zui:duration-200 zui:cursor-pointer zui:select-none zui:whitespace-nowrap disabled:zui:cursor-not-allowed disabled:zui:opacity-50",{variants:{variant:{default:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-200/70",pills:"zui:rounded-full zui:px-4 zui:py-2 zui:bg-gray-100 hover:zui:bg-gray-200",outline:"zui:rounded-md zui:px-3 zui:py-1.5 zui:border zui:border-transparent hover:zui:border-gray-300",underline:"zui:px-3 zui:py-2 zui:border-b-2 zui:border-transparent hover:zui:border-gray-300",ghost:"zui:rounded-md zui:px-3 zui:py-1.5 hover:zui:bg-gray-100",bordered:"zui:px-3 zui:py-1.5 zui:border-r zui:border-gray-200 last:zui:border-r-0 hover:zui:bg-gray-50"},size:{sm:"zui:text-sm zui:px-2 zui:py-1",md:"zui:text-sm zui:px-3 zui:py-1.5",lg:"zui:text-base zui:px-4 zui:py-2",xl:"zui:text-lg zui:px-6 zui:py-3"}},defaultVariants:{variant:"default",size:"md"}}),s=r.cva("",{variants:{variant:{default:"zui:bg-white zui:text-gray-900 zui:shadow-sm",pills:"zui:bg-blue-500 zui:text-white",outline:"zui:border-blue-500 zui:bg-blue-50",underline:"zui:border-blue-500 zui:text-blue-600",ghost:"zui:bg-gray-100 zui:text-gray-900",bordered:"zui:bg-blue-50 zui:text-blue-600"}},defaultVariants:{variant:"default"}}),d=function(i){var u=i.children,a=i.variant,t=void 0===a?"default":a,n=i.size,z=void 0===n?"sm":n,l=r.cva("zui:inline-flex zui:items-center zui:justify-center zui:rounded-full zui:font-medium",{variants:{variant:{default:"zui:bg-gray-100 zui:text-gray-800",secondary:"zui:bg-blue-100 zui:text-blue-800",success:"zui:bg-green-100 zui:text-green-800",warning:"zui:bg-yellow-100 zui:text-yellow-800",error:"zui:bg-red-100 zui:text-red-800"},size:{sm:"zui:px-1.5 zui:py-0.5 zui:text-xs zui:min-w-[1.25rem] zui:h-5",md:"zui:px-2 zui:py-1 zui:text-sm zui:min-w-[1.5rem] zui:h-6",lg:"zui:px-2.5 zui:py-1.5 zui:text-sm zui:min-w-[2rem] zui:h-8"}},defaultVariants:{variant:"default",size:"sm"}});return e.jsx("span",{className:l({variant:t,size:z}),children:u})},o={Provider:function(i){var r=i.children,a=i.defaultValue,n=void 0===a?"":a,z=i.value,l=i.onValueChange,s=i.variant,d=void 0===s?"default":s,o=i.size,c=void 0===o?"md":o,b=i.orientation,v=void 0===b?"horizontal":b,g=u.useState(n),x=g[0],m=g[1],p=null!=z?z:x;return e.jsx(t.Provider,{value:{activeTab:p,setActiveTab:function(i){void 0===z&&m(i),null==l||l(i)},variant:d,size:c,orientation:v},children:r})},List:function(u){var r=u.children,t=u.className,l=i.__rest(u,["children","className"]),s=n(),d=s.variant,o=s.size,c=s.orientation;return e.jsx("div",i.__assign({className:a.cn(z({variant:d,size:o,orientation:c}),t),role:"tablist"},l,{children:r}))},Trigger:function(u){var r=u.value,t=u.icon,z=u.iconPosition,o=void 0===z?"left":z,c=u.badge,b=u.badgeVariant,v=void 0===b?"default":b,g=u.loading,x=void 0!==g&&g,m=u.children,p=u.className,h=u.disabled,f=i.__rest(u,["value","icon","iconPosition","badge","badgeVariant","loading","children","className","disabled"]),y=n(),w=y.activeTab,j=y.setActiveTab,_=y.variant,N=y.size,T=w===r,V=function(){return x?e.jsx("div",{className:"zui:animate-spin zui:w-4 zui:h-4 zui:border-2 zui:border-current zui:border-t-transparent zui:rounded-full"}):t?e.jsx(t,{className:a.cn("sm"===N?"zui:w-3 zui:h-3":"md"===N?"zui:w-4 zui:h-4":"lg"===N?"zui:w-5 zui:h-5":"zui:w-6 zui:h-6")}):null},P=a.cn(l({variant:_,size:N}),T&&s({variant:_}),p);return e.jsxs("button",i.__assign({className:P,"data-state":T?"active":"inactive",disabled:h||x,onClick:function(){h||x||j(r)},role:"tab","aria-selected":T},f,{children:["left"===o&&V(),e.jsx("span",{className:x?"zui:opacity-70":"",children:m}),"right"===o&&V(),void 0!==c?e.jsx(d,{variant:v,size:"xl"===N?"lg":"lg"===N?"md":"sm",children:c}):null]}))},Content:function(u){var r=u.value,t=u.children,z=u.forceMount,l=void 0!==z&&z,s=u.className,d=i.__rest(u,["value","children","forceMount","className"]),o=n().activeTab===r;return o||l?e.jsx("div",i.__assign({className:a.cn("zui:mt-4 zui:focus:outline-none",!o&&"zui:hidden",s),role:"tabpanel",hidden:!o},d,{children:t})):null}};exports.Tab=o,exports.default=o;

package/dist/components/Table/index.esm.js

@@ -1 +1 @@
-import{a as i,b as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as n,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as u,useRef as o,useMemo as l,useEffect as a,useCallback as c}from"react";import{A as s,F as d}from"../../chunks/react-virtualized-auto-sizer.esm-8105695c.esm.js";import{Checkbox as z}from"../Checkbox/index.esm.js";import{i as h,C as f,a as m,j as g,A as y,k as x,l as p,c as b}from"../../chunks/lucide-7e7c48b9.esm.js";import"../../chunks/assertThisInitialized-63d8ff5f.esm.js";import"../../chunks/index-32c3a4e2.esm.js";var v=150,w=function(e){var t,r=e.column,u=e.width,o=e.sticky,l=e.stickyPosition,a=o?((t={position:"sticky"})[o]="".concat(l||0,"px"),t.zIndex=25,t.backgroundColor="white",t):{},c="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return n("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(c),style:i({width:"".concat(u,"px"),minWidth:"".concat(u,"px"),maxWidth:"".concat(u,"px")},a),children:n("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},k=function(i){var e=i.leftStickyColumns,r=i.rightStickyColumns,u=i.regularColumns,o=i.selection,l=i.calculateStickyPosition,a=i.rowIndex;return t("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==o?void 0:o.enabled)&&n("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:n("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),e.map(function(i,t){return n(w,{column:i,width:i.width||v,sticky:"left",stickyPosition:l(e,t,"left")},"left-".concat(i.id,"-").concat(a))}),u.map(function(i,e){return n(w,{column:i,width:i.width||v},"regular-".concat(i.id,"-").concat(a))}),r.map(function(i,e){return n(w,{column:i,width:i.width||v,sticky:"right",stickyPosition:l(r,e,"right")},"right-".concat(i.id,"-").concat(a))})]})},C=function(i){var e=i.columns,t=i.leftStickyColumns,r=i.rightStickyColumns,u=i.regularColumns,o=i.selection,l=i.calculateStickyPosition,a=i.totalWidth;return n("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(i,a){return n(k,{columns:e,leftStickyColumns:t,rightStickyColumns:r,regularColumns:u,selection:o,calculateStickyPosition:l,rowIndex:a},"skeleton-row-".concat(a))})})},N=function(y){var x,p,b=y.columns,w=y.data,k=y.loading,N=void 0!==k&&k,P=y.stickyColumns,R=y.pagination,M=y.selection,E=y.sorting,I=y.filtering,L=y.expansion,W=y.virtualization,O=void 0===W?{enabled:!1}:W,A=y.onRowClick;y.bulkActions;var B=y.isRowSelectable,T=y.className,_=void 0===T?"":T;y.variant;var H=u(b),F=H[0],q=H[1],D=u(""),G=D[0];D[1];var J=u(!1),K=J[0];J[1];var Q=o(null),U=o(null),V=o(null),X=l(function(){return F.map(function(e){var n,t,r=e.sticky;return(null===(n=null==P?void 0:P.left)||void 0===n?void 0:n.includes(e.id))?r="left":(null===(t=null==P?void 0:P.right)||void 0===t?void 0:t.includes(e.id))&&(r="right"),i(i({},e),{sticky:r})})},[F,P]),Y=l(function(){return X.filter(function(i){return!i.hidden})},[X]),Z=null!==(x=null==P?void 0:P.left)&&void 0!==x?x:[],$=null!==(p=null==P?void 0:P.right)&&void 0!==p?p:[],ii=Y.filter(function(i){return Z.includes(i.id)}),ei=Y.filter(function(i){return $.includes(i.id)}),ni=Y.filter(function(i){return!Z.includes(i.id)&&!$.includes(i.id)}),ti=l(function(){return ni.reduce(function(i,e){return i+(e.width||v)},0)},[ni]),ri=l(function(){var i=0;return(null==M?void 0:M.enabled)&&(i+=48),Y.forEach(function(e){i+=e.width||v}),Math.max(i,800)},[Y,M]),ui=l(function(){var i=e([],w,!0);return G&&(i=i.filter(function(i){return Object.values(i).some(function(i){return String(i).toLowerCase().includes(G.toLowerCase())})})),(null==I?void 0:I.filters)&&Object.entries(I.filters).forEach(function(e){var n=e[0],t=e[1];t&&(i=i.filter(function(i){return String(i[n]).toLowerCase().includes(String(t).toLowerCase())}))}),(null==E?void 0:E.sortBy)&&i.sort(function(i,e){var n=i[E.sortBy],t=e[E.sortBy];return n<t?"asc"===E.sortOrder?-1:1:n>t?"asc"===E.sortOrder?1:-1:0}),i},[w,G,null==I?void 0:I.filters,E]);a(function(){var i=U.current,e=V.current;if(i&&e){var n=!1,t=!1,r=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))},u=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))};return i.addEventListener("scroll",r),e.addEventListener("scroll",u),function(){i.removeEventListener("scroll",r),e.removeEventListener("scroll",u)}}},[]);var oi=c(function(){if((null==M?void 0:M.enabled)&&ui){var i=ui.filter(function(i){return!B||B(i)}).map(function(i){return i.id});if(i.every(function(i){return M.selectedRows.includes(i)}))M.onSelectionChange(M.selectedRows.filter(function(e){return!i.includes(e)}));else{var n=Array.from(new Set(e(e([],M.selectedRows.filter(function(e){return!i.includes(e)}),!0),i,!0)));M.onSelectionChange(n)}}},[ui,M,B]),li=c(function(i){if(null==M?void 0:M.enabled){var n=M.selectedRows;n.includes(i)?M.onSelectionChange(n.filter(function(e){return e!==i})):M.onSelectionChange(e(e([],n,!0),[i],!1))}},[M]),ai=c(function(i){if(L){var n=L.expandedRows;n.includes(i)?L.onExpansionChange(n.filter(function(e){return e!==i})):L.onExpansionChange(e(e([],n,!0),[i],!1))}},[L]),ci=c(function(e){q(function(n){return n.map(function(n){return n.id===e?i(i({},n),{hidden:!n.hidden}):n})})},[]),si=c(function(i,e,t){var r=e[i.accessor];return i.render?i.render(r,e,t):n("span",{className:"zui:truncate",children:String(r||"")})},[]),di=c(function(i,e,n){var t=0;return"left"===n?((null==M?void 0:M.enabled)&&(t+=48),i.slice(0,e).forEach(function(i){t+=i.width||v})):i.slice(e+1).forEach(function(i){t+=i.width||v}),t},[M]);return t("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(_),children:[K&&!N&&t("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[n("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),b.map(function(i){return t("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[n("input",{type:"checkbox",checked:!i.hidden,onChange:function(){return ci(i.id)},className:"zui:rounded zui:border-gray-300"}),n("span",{className:"zui:text-sm zui:text-gray-700",children:i.header})]},i.id)})]}),t("div",{ref:Q,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[t("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==M?void 0:M.enabled)&&n("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-200 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-2 zui:py-2 zui:flex-shrink-0",children:n(z,{checked:!N&&ui.length>0&&ui.every(function(i){return M.selectedRows.includes(i.id)}),onChange:oi,disabled:N,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),ii.map(function(i,e){return n(S,{column:i,width:i.width||v,sticky:"left",stickyPosition:di(ii,e,"left"),sorting:E,loading:N},i.id)}),n("div",{ref:U,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:n("div",{className:"zui:flex",style:{minWidth:"".concat(ti,"px")},children:ni.map(function(i){return n(S,{column:i,width:i.width||v,sorting:E,loading:N},i.id)})})}),ei.map(function(i,e){return n(S,{column:i,width:i.width||v,sticky:"right",stickyPosition:di(ei,e,"right"),sorting:E,loading:N},i.id)})]}),n("div",{ref:V,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==O?void 0:O.enabled)?n(s,{children:function(i){var e=i.height,t=i.width;return n(d,{height:e,width:t,itemCount:ui.length,itemSize:O.rowHeight||60,overscanCount:O.overscan||5,children:function(i){var e=i.index,t=i.style;return n("div",{style:t,children:n(j,{row:ui[e],rowIndex:e,columns:Y,leftStickyColumns:ii,rightStickyColumns:ei,regularColumns:ni,selection:M,expansion:L,onRowClick:A,onRowSelection:li,onRowExpansion:ai,renderCell:si,calculateStickyPosition:di,isRowSelectable:B})},ui[e].id)}})}}):N?n(C,{columns:Y,leftStickyColumns:ii,rightStickyColumns:ei,regularColumns:ni,selection:M,calculateStickyPosition:di,totalWidth:ri}):0===ui.length?t("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[n("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),n("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):n("div",{style:{minWidth:"".concat(ri,"px")},children:ui.map(function(i,e){return n(j,{row:i,rowIndex:e,columns:Y,leftStickyColumns:ii,rightStickyColumns:ei,regularColumns:ni,selection:M,expansion:L,onRowClick:A,onRowSelection:li,onRowExpansion:ai,renderCell:si,calculateStickyPosition:di,isRowSelectable:B},i.id)})})})]}),R&&t("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[N?"Loading...":function(){Math.max(1,Math.ceil(R.total/R.pageSize));var i=Math.min((R.page-1)*R.pageSize+1,Math.max(0,R.total)),e=Math.min(R.page*R.pageSize,R.total);return"Showing ".concat(0===R.total?0:i,"-").concat(e," of ").concat(R.total," entries")}(),n("div",{className:"zui:flex zui:items-center zui:space-x-2",children:N?n(r,{children:Array.from({length:4},function(i,e){return n("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},e)})}):t(r,{children:[t("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[n("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),n("select",{value:R.pageSize,onChange:function(i){var e=Number(i.target.value);R.onPageSizeChange(e),R.onPageChange(1)},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(i){return n("option",{value:i,children:i},i)})})]}),n("button",{onClick:function(){return R.onPageChange(1)},disabled:1===R.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(h,{size:18})}),n("button",{onClick:function(){return R.onPageChange(Math.max(1,R.page-1))},disabled:1===R.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(f,{size:18})}),n("button",{onClick:function(){return R.onPageChange(Math.min(Math.max(1,Math.ceil(R.total/R.pageSize)),R.page+1))},disabled:R.page>=Math.max(1,Math.ceil(R.total/R.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(m,{size:18})}),n("button",{onClick:function(){return R.onPageChange(Math.max(1,Math.ceil(R.total/R.pageSize)))},disabled:R.page>=Math.max(1,Math.ceil(R.total/R.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(g,{size:18})})]})})]})]})},S=function(e){var r,u=e.column,o=e.width,l=e.sticky,a=e.stickyPosition,c=e.sorting,s=e.loading,d=void 0!==s&&s,z=l?((r={position:"sticky"})[l]="".concat(a||0,"px"),r.zIndex=45,r.backgroundColor="#f9fafb",r):{},h="center"===u.align?"zui:justify-center":"right"===u.align?"zui:justify-end":"zui:justify-start";return n("div",{className:"zui:flex zui:items-center zui:px-2 zui:py-2 zui:text-left zui:text-sm zui:font-medium zui:text-gray-600 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-200 zui:flex-shrink-0 ".concat(h),style:i({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},z),children:t("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[n("span",{className:"zui:truncate zui:flex-1",children:u.header}),u.sortable&&n("button",{onClick:function(){if(u.sortable&&c&&!d){var i="asc";c.sortBy===u.id&&(i="asc"===c.sortOrder?"desc":"asc"),c.onSortChange(u.id,i)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==c?void 0:c.sortBy)!==u.id?n(p,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===c.sortOrder?n(y,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):n(x,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},j=function(i){var e=i.row,u=i.rowIndex,o=i.leftStickyColumns,l=i.rightStickyColumns,a=i.regularColumns,s=i.selection,d=i.expansion,h=i.onRowClick,f=i.onRowSelection,g=i.onRowExpansion,y=i.renderCell,x=i.calculateStickyPosition,p=i.isRowSelectable,w=(null==s?void 0:s.selectedRows.includes(e.id))||!1,k=(null==d?void 0:d.expandedRows.includes(e.id))||!1,C=e._children&&e._children.length>0,N=c(function(){f(e.id)},[e.id,f]),S=c(function(){g(e.id)},[e.id,g]),j=c(function(i,e,r){var u=i.render?i.render(e[i.accessor],e,r):n("span",{className:"zui:truncate",children:String(e[i.accessor]||"")});return t("div",{className:"zui:flex zui:items-center zui:w-full",children:[d&&n("div",{className:"zui:flex-shrink-0 zui:mr-2",children:C?n("button",{onClick:function(i){i.stopPropagation(),S()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:n(k?b:m,{className:"zui:w-4 zui:h-4"})}):n("div",{className:"zui:w-6 zui:h-6"})}),n("div",{className:"zui:flex-1 zui:min-w-0",children:u})]})},[d,C,k,S]);return t(r,{children:[t("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(w?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==h?void 0:h(e)},children:[(null==s?void 0:s.enabled)&&(!p||p(e)?n("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:n(z,{checked:w,onChange:function(i){i.stopPropagation(),N()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):n("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),o.map(function(i,t){return n(P,{column:i,row:e,rowIndex:u,width:i.width||v,sticky:"left",stickyPosition:x(o,t,"left"),renderCell:0===t?j:y},i.id)}),a.map(function(i,t){return n(P,{column:i,row:e,rowIndex:u,width:i.width||v,renderCell:0===o.length&&0===t?j:y},i.id)}),l.map(function(i,t){return n(P,{column:i,row:e,rowIndex:u,width:i.width||v,sticky:"right",stickyPosition:x(l,t,"right"),renderCell:y},i.id)})]}),k&&(null==d?void 0:d.renderExpandedRow)&&n("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:d.renderExpandedRow(e)})]})},P=function(e){var t,r=e.column,u=e.row,o=e.rowIndex,l=e.width,a=e.sticky,c=e.stickyPosition,s=e.renderCell,d=a?((t={position:"sticky"})[a]="".concat(c||0,"px"),t.zIndex=25,t.backgroundColor="inherit",t):{},z="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return n("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(z),style:i({width:"".concat(l,"px"),minWidth:"".concat(l,"px"),maxWidth:"".concat(l,"px")},d),children:n("div",{className:"zui:w-full zui:min-w-0",children:s(r,u,o)})})};export{N as Table,N as default};
+import{a as i,b as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as n,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as u,useRef as o,useMemo as l,useEffect as a,useCallback as c}from"react";import{A as s,F as d}from"../../chunks/react-virtualized-auto-sizer.esm-8105695c.esm.js";import{Checkbox as z}from"../Checkbox/index.esm.js";import{i as h,C as f,a as m,j as g,A as y,k as x,l as p,c as b}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/assertThisInitialized-63d8ff5f.esm.js";import"../../chunks/index-6d90ff6c.esm.js";var v=150,w=function(e){var t,r=e.column,u=e.width,o=e.sticky,l=e.stickyPosition,a=o?((t={position:"sticky"})[o]="".concat(l||0,"px"),t.zIndex=25,t.backgroundColor="white",t):{},c="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return n("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(c),style:i({width:"".concat(u,"px"),minWidth:"".concat(u,"px"),maxWidth:"".concat(u,"px")},a),children:n("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},k=function(i){var e=i.leftStickyColumns,r=i.rightStickyColumns,u=i.regularColumns,o=i.selection,l=i.calculateStickyPosition,a=i.rowIndex;return t("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==o?void 0:o.enabled)&&n("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:n("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),e.map(function(i,t){return n(w,{column:i,width:i.width||v,sticky:"left",stickyPosition:l(e,t,"left")},"left-".concat(i.id,"-").concat(a))}),u.map(function(i,e){return n(w,{column:i,width:i.width||v},"regular-".concat(i.id,"-").concat(a))}),r.map(function(i,e){return n(w,{column:i,width:i.width||v,sticky:"right",stickyPosition:l(r,e,"right")},"right-".concat(i.id,"-").concat(a))})]})},C=function(i){var e=i.columns,t=i.leftStickyColumns,r=i.rightStickyColumns,u=i.regularColumns,o=i.selection,l=i.calculateStickyPosition,a=i.totalWidth;return n("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(i,a){return n(k,{columns:e,leftStickyColumns:t,rightStickyColumns:r,regularColumns:u,selection:o,calculateStickyPosition:l,rowIndex:a},"skeleton-row-".concat(a))})})},N=function(y){var x,p,b=y.columns,w=y.data,k=y.loading,N=void 0!==k&&k,P=y.stickyColumns,R=y.pagination,M=y.selection,E=y.sorting,I=y.filtering,L=y.expansion,W=y.virtualization,O=void 0===W?{enabled:!1}:W,A=y.onRowClick;y.bulkActions;var B=y.isRowSelectable,T=y.className,_=void 0===T?"":T;y.variant;var H=u(b),F=H[0],q=H[1],D=u(""),G=D[0];D[1];var J=u(!1),K=J[0];J[1];var Q=o(null),U=o(null),V=o(null),X=l(function(){return F.map(function(e){var n,t,r=e.sticky;return(null===(n=null==P?void 0:P.left)||void 0===n?void 0:n.includes(e.id))?r="left":(null===(t=null==P?void 0:P.right)||void 0===t?void 0:t.includes(e.id))&&(r="right"),i(i({},e),{sticky:r})})},[F,P]),Y=l(function(){return X.filter(function(i){return!i.hidden})},[X]),Z=null!==(x=null==P?void 0:P.left)&&void 0!==x?x:[],$=null!==(p=null==P?void 0:P.right)&&void 0!==p?p:[],ii=Y.filter(function(i){return Z.includes(i.id)}),ei=Y.filter(function(i){return $.includes(i.id)}),ni=Y.filter(function(i){return!Z.includes(i.id)&&!$.includes(i.id)}),ti=l(function(){return ni.reduce(function(i,e){return i+(e.width||v)},0)},[ni]),ri=l(function(){var i=0;return(null==M?void 0:M.enabled)&&(i+=48),Y.forEach(function(e){i+=e.width||v}),Math.max(i,800)},[Y,M]),ui=l(function(){var i=e([],w,!0);return G&&(i=i.filter(function(i){return Object.values(i).some(function(i){return String(i).toLowerCase().includes(G.toLowerCase())})})),(null==I?void 0:I.filters)&&Object.entries(I.filters).forEach(function(e){var n=e[0],t=e[1];t&&(i=i.filter(function(i){return String(i[n]).toLowerCase().includes(String(t).toLowerCase())}))}),(null==E?void 0:E.sortBy)&&i.sort(function(i,e){var n=i[E.sortBy],t=e[E.sortBy];return n<t?"asc"===E.sortOrder?-1:1:n>t?"asc"===E.sortOrder?1:-1:0}),i},[w,G,null==I?void 0:I.filters,E]);a(function(){var i=U.current,e=V.current;if(i&&e){var n=!1,t=!1,r=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))},u=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))};return i.addEventListener("scroll",r),e.addEventListener("scroll",u),function(){i.removeEventListener("scroll",r),e.removeEventListener("scroll",u)}}},[]);var oi=c(function(){if((null==M?void 0:M.enabled)&&ui){var i=ui.filter(function(i){return!B||B(i)}).map(function(i){return i.id});if(i.every(function(i){return M.selectedRows.includes(i)}))M.onSelectionChange(M.selectedRows.filter(function(e){return!i.includes(e)}));else{var n=Array.from(new Set(e(e([],M.selectedRows.filter(function(e){return!i.includes(e)}),!0),i,!0)));M.onSelectionChange(n)}}},[ui,M,B]),li=c(function(i){if(null==M?void 0:M.enabled){var n=M.selectedRows;n.includes(i)?M.onSelectionChange(n.filter(function(e){return e!==i})):M.onSelectionChange(e(e([],n,!0),[i],!1))}},[M]),ai=c(function(i){if(L){var n=L.expandedRows;n.includes(i)?L.onExpansionChange(n.filter(function(e){return e!==i})):L.onExpansionChange(e(e([],n,!0),[i],!1))}},[L]),ci=c(function(e){q(function(n){return n.map(function(n){return n.id===e?i(i({},n),{hidden:!n.hidden}):n})})},[]),si=c(function(i,e,t){var r=e[i.accessor];return i.render?i.render(r,e,t):n("span",{className:"zui:truncate",children:String(r||"")})},[]),di=c(function(i,e,n){var t=0;return"left"===n?((null==M?void 0:M.enabled)&&(t+=48),i.slice(0,e).forEach(function(i){t+=i.width||v})):i.slice(e+1).forEach(function(i){t+=i.width||v}),t},[M]);return t("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(_),children:[K&&!N&&t("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[n("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),b.map(function(i){return t("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[n("input",{type:"checkbox",checked:!i.hidden,onChange:function(){return ci(i.id)},className:"zui:rounded zui:border-gray-300"}),n("span",{className:"zui:text-sm zui:text-gray-700",children:i.header})]},i.id)})]}),t("div",{ref:Q,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[t("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==M?void 0:M.enabled)&&n("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-200 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-2 zui:py-2 zui:flex-shrink-0",children:n(z,{checked:!N&&ui.length>0&&ui.every(function(i){return M.selectedRows.includes(i.id)}),onChange:oi,disabled:N,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),ii.map(function(i,e){return n(S,{column:i,width:i.width||v,sticky:"left",stickyPosition:di(ii,e,"left"),sorting:E,loading:N},i.id)}),n("div",{ref:U,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:n("div",{className:"zui:flex",style:{minWidth:"".concat(ti,"px")},children:ni.map(function(i){return n(S,{column:i,width:i.width||v,sorting:E,loading:N},i.id)})})}),ei.map(function(i,e){return n(S,{column:i,width:i.width||v,sticky:"right",stickyPosition:di(ei,e,"right"),sorting:E,loading:N},i.id)})]}),n("div",{ref:V,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==O?void 0:O.enabled)?n(s,{children:function(i){var e=i.height,t=i.width;return n(d,{height:e,width:t,itemCount:ui.length,itemSize:O.rowHeight||60,overscanCount:O.overscan||5,children:function(i){var e=i.index,t=i.style;return n("div",{style:t,children:n(j,{row:ui[e],rowIndex:e,columns:Y,leftStickyColumns:ii,rightStickyColumns:ei,regularColumns:ni,selection:M,expansion:L,onRowClick:A,onRowSelection:li,onRowExpansion:ai,renderCell:si,calculateStickyPosition:di,isRowSelectable:B})},ui[e].id)}})}}):N?n(C,{columns:Y,leftStickyColumns:ii,rightStickyColumns:ei,regularColumns:ni,selection:M,calculateStickyPosition:di,totalWidth:ri}):0===ui.length?t("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[n("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),n("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):n("div",{style:{minWidth:"".concat(ri,"px")},children:ui.map(function(i,e){return n(j,{row:i,rowIndex:e,columns:Y,leftStickyColumns:ii,rightStickyColumns:ei,regularColumns:ni,selection:M,expansion:L,onRowClick:A,onRowSelection:li,onRowExpansion:ai,renderCell:si,calculateStickyPosition:di,isRowSelectable:B},i.id)})})})]}),R&&t("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[N?"Loading...":function(){Math.max(1,Math.ceil(R.total/R.pageSize));var i=Math.min((R.page-1)*R.pageSize+1,Math.max(0,R.total)),e=Math.min(R.page*R.pageSize,R.total);return"Showing ".concat(0===R.total?0:i,"-").concat(e," of ").concat(R.total," entries")}(),n("div",{className:"zui:flex zui:items-center zui:space-x-2",children:N?n(r,{children:Array.from({length:4},function(i,e){return n("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},e)})}):t(r,{children:[t("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[n("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),n("select",{value:R.pageSize,onChange:function(i){var e=Number(i.target.value);R.onPageSizeChange(e),R.onPageChange(1)},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(i){return n("option",{value:i,children:i},i)})})]}),n("button",{onClick:function(){return R.onPageChange(1)},disabled:1===R.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(h,{size:18})}),n("button",{onClick:function(){return R.onPageChange(Math.max(1,R.page-1))},disabled:1===R.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(f,{size:18})}),n("button",{onClick:function(){return R.onPageChange(Math.min(Math.max(1,Math.ceil(R.total/R.pageSize)),R.page+1))},disabled:R.page>=Math.max(1,Math.ceil(R.total/R.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(m,{size:18})}),n("button",{onClick:function(){return R.onPageChange(Math.max(1,Math.ceil(R.total/R.pageSize)))},disabled:R.page>=Math.max(1,Math.ceil(R.total/R.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:n(g,{size:18})})]})})]})]})},S=function(e){var r,u=e.column,o=e.width,l=e.sticky,a=e.stickyPosition,c=e.sorting,s=e.loading,d=void 0!==s&&s,z=l?((r={position:"sticky"})[l]="".concat(a||0,"px"),r.zIndex=45,r.backgroundColor="#f9fafb",r):{},h="center"===u.align?"zui:justify-center":"right"===u.align?"zui:justify-end":"zui:justify-start";return n("div",{className:"zui:flex zui:items-center zui:px-2 zui:py-2 zui:text-left zui:text-sm zui:font-medium zui:text-gray-600 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-200 zui:flex-shrink-0 ".concat(h),style:i({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},z),children:t("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[n("span",{className:"zui:truncate zui:flex-1",children:u.header}),u.sortable&&n("button",{onClick:function(){if(u.sortable&&c&&!d){var i="asc";c.sortBy===u.id&&(i="asc"===c.sortOrder?"desc":"asc"),c.onSortChange(u.id,i)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==c?void 0:c.sortBy)!==u.id?n(p,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===c.sortOrder?n(y,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):n(x,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},j=function(i){var e=i.row,u=i.rowIndex,o=i.leftStickyColumns,l=i.rightStickyColumns,a=i.regularColumns,s=i.selection,d=i.expansion,h=i.onRowClick,f=i.onRowSelection,g=i.onRowExpansion,y=i.renderCell,x=i.calculateStickyPosition,p=i.isRowSelectable,w=(null==s?void 0:s.selectedRows.includes(e.id))||!1,k=(null==d?void 0:d.expandedRows.includes(e.id))||!1,C=e._children&&e._children.length>0,N=c(function(){f(e.id)},[e.id,f]),S=c(function(){g(e.id)},[e.id,g]),j=c(function(i,e,r){var u=i.render?i.render(e[i.accessor],e,r):n("span",{className:"zui:truncate",children:String(e[i.accessor]||"")});return t("div",{className:"zui:flex zui:items-center zui:w-full",children:[d&&n("div",{className:"zui:flex-shrink-0 zui:mr-2",children:C?n("button",{onClick:function(i){i.stopPropagation(),S()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:n(k?b:m,{className:"zui:w-4 zui:h-4"})}):n("div",{className:"zui:w-6 zui:h-6"})}),n("div",{className:"zui:flex-1 zui:min-w-0",children:u})]})},[d,C,k,S]);return t(r,{children:[t("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(w?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==h?void 0:h(e)},children:[(null==s?void 0:s.enabled)&&(!p||p(e)?n("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:n(z,{checked:w,onChange:function(i){i.stopPropagation(),N()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):n("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),o.map(function(i,t){return n(P,{column:i,row:e,rowIndex:u,width:i.width||v,sticky:"left",stickyPosition:x(o,t,"left"),renderCell:0===t?j:y},i.id)}),a.map(function(i,t){return n(P,{column:i,row:e,rowIndex:u,width:i.width||v,renderCell:0===o.length&&0===t?j:y},i.id)}),l.map(function(i,t){return n(P,{column:i,row:e,rowIndex:u,width:i.width||v,sticky:"right",stickyPosition:x(l,t,"right"),renderCell:y},i.id)})]}),k&&(null==d?void 0:d.renderExpandedRow)&&n("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:d.renderExpandedRow(e)})]})},P=function(e){var t,r=e.column,u=e.row,o=e.rowIndex,l=e.width,a=e.sticky,c=e.stickyPosition,s=e.renderCell,d=a?((t={position:"sticky"})[a]="".concat(c||0,"px"),t.zIndex=25,t.backgroundColor="inherit",t):{},z="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return n("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(z),style:i({width:"".concat(l,"px"),minWidth:"".concat(l,"px"),maxWidth:"".concat(l,"px")},d),children:n("div",{className:"zui:w-full zui:min-w-0",children:s(r,u,o)})})};export{N as Table,N as default};

package/dist/components/Table/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../chunks/tslib.es6-a3dc1f53.js"),e=require("react/jsx-runtime"),n=require("react"),t=require("../../chunks/react-virtualized-auto-sizer.esm-8e1756a5.js"),r=require("../Checkbox/index.js"),u=require("../../chunks/lucide-3fef2423.js");require("../../chunks/assertThisInitialized-d31798d4.js"),require("../../chunks/index-90b71f01.js");var s=150,o=function(n){var t,r=n.column,u=n.width,s=n.sticky,o=n.stickyPosition,l=s?((t={position:"sticky"})[s]="".concat(o||0,"px"),t.zIndex=25,t.backgroundColor="white",t):{},a="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return e.jsx("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(a),style:i.__assign({width:"".concat(u,"px"),minWidth:"".concat(u,"px"),maxWidth:"".concat(u,"px")},l),children:e.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},l=function(i){var n=i.leftStickyColumns,t=i.rightStickyColumns,r=i.regularColumns,u=i.selection,l=i.calculateStickyPosition,a=i.rowIndex;return e.jsxs("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==u?void 0:u.enabled)&&e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:e.jsx("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),n.map(function(i,t){return e.jsx(o,{column:i,width:i.width||s,sticky:"left",stickyPosition:l(n,t,"left")},"left-".concat(i.id,"-").concat(a))}),r.map(function(i,n){return e.jsx(o,{column:i,width:i.width||s},"regular-".concat(i.id,"-").concat(a))}),t.map(function(i,n){return e.jsx(o,{column:i,width:i.width||s,sticky:"right",stickyPosition:l(t,n,"right")},"right-".concat(i.id,"-").concat(a))})]})},a=function(i){var n=i.columns,t=i.leftStickyColumns,r=i.rightStickyColumns,u=i.regularColumns,s=i.selection,o=i.calculateStickyPosition,a=i.totalWidth;return e.jsx("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(i,a){return e.jsx(l,{columns:n,leftStickyColumns:t,rightStickyColumns:r,regularColumns:u,selection:s,calculateStickyPosition:o,rowIndex:a},"skeleton-row-".concat(a))})})},c=function(o){var l,c,h=o.columns,x=o.data,f=o.loading,g=void 0!==f&&f,m=o.stickyColumns,y=o.pagination,b=o.selection,p=o.sorting,v=o.filtering,w=o.expansion,j=o.virtualization,k=void 0===j?{enabled:!1}:j,C=o.onRowClick;o.bulkActions;var N=o.isRowSelectable,S=o.className,_=void 0===S?"":S;o.variant;var R=n.useState(h),P=R[0],M=R[1],E=n.useState(""),L=E[0];E[1];var A=n.useState(!1),I=A[0];A[1];var W=n.useRef(null),q=n.useRef(null),O=n.useRef(null),B=n.useMemo(function(){return P.map(function(e){var n,t,r=e.sticky;return(null===(n=null==m?void 0:m.left)||void 0===n?void 0:n.includes(e.id))?r="left":(null===(t=null==m?void 0:m.right)||void 0===t?void 0:t.includes(e.id))&&(r="right"),i.__assign(i.__assign({},e),{sticky:r})})},[P,m]),F=n.useMemo(function(){return B.filter(function(i){return!i.hidden})},[B]),T=null!==(l=null==m?void 0:m.left)&&void 0!==l?l:[],D=null!==(c=null==m?void 0:m.right)&&void 0!==c?c:[],H=F.filter(function(i){return T.includes(i.id)}),U=F.filter(function(i){return D.includes(i.id)}),G=F.filter(function(i){return!T.includes(i.id)&&!D.includes(i.id)}),J=n.useMemo(function(){return G.reduce(function(i,e){return i+(e.width||s)},0)},[G]),K=n.useMemo(function(){var i=0;return(null==b?void 0:b.enabled)&&(i+=48),F.forEach(function(e){i+=e.width||s}),Math.max(i,800)},[F,b]),Q=n.useMemo(function(){var e=i.__spreadArray([],x,!0);return L&&(e=e.filter(function(i){return Object.values(i).some(function(i){return String(i).toLowerCase().includes(L.toLowerCase())})})),(null==v?void 0:v.filters)&&Object.entries(v.filters).forEach(function(i){var n=i[0],t=i[1];t&&(e=e.filter(function(i){return String(i[n]).toLowerCase().includes(String(t).toLowerCase())}))}),(null==p?void 0:p.sortBy)&&e.sort(function(i,e){var n=i[p.sortBy],t=e[p.sortBy];return n<t?"asc"===p.sortOrder?-1:1:n>t?"asc"===p.sortOrder?1:-1:0}),e},[x,L,null==v?void 0:v.filters,p]);n.useEffect(function(){var i=q.current,e=O.current;if(i&&e){var n=!1,t=!1,r=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))},u=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))};return i.addEventListener("scroll",r),e.addEventListener("scroll",u),function(){i.removeEventListener("scroll",r),e.removeEventListener("scroll",u)}}},[]);var V=n.useCallback(function(){if((null==b?void 0:b.enabled)&&Q){var e=Q.filter(function(i){return!N||N(i)}).map(function(i){return i.id});if(e.every(function(i){return b.selectedRows.includes(i)}))b.onSelectionChange(b.selectedRows.filter(function(i){return!e.includes(i)}));else{var n=Array.from(new Set(i.__spreadArray(i.__spreadArray([],b.selectedRows.filter(function(i){return!e.includes(i)}),!0),e,!0)));b.onSelectionChange(n)}}},[Q,b,N]),X=n.useCallback(function(e){if(null==b?void 0:b.enabled){var n=b.selectedRows;n.includes(e)?b.onSelectionChange(n.filter(function(i){return i!==e})):b.onSelectionChange(i.__spreadArray(i.__spreadArray([],n,!0),[e],!1))}},[b]),Y=n.useCallback(function(e){if(w){var n=w.expandedRows;n.includes(e)?w.onExpansionChange(n.filter(function(i){return i!==e})):w.onExpansionChange(i.__spreadArray(i.__spreadArray([],n,!0),[e],!1))}},[w]),Z=n.useCallback(function(e){M(function(n){return n.map(function(n){return n.id===e?i.__assign(i.__assign({},n),{hidden:!n.hidden}):n})})},[]),$=n.useCallback(function(i,n,t){var r=n[i.accessor];return i.render?i.render(r,n,t):e.jsx("span",{className:"zui:truncate",children:String(r||"")})},[]),ii=n.useCallback(function(i,e,n){var t=0;return"left"===n?((null==b?void 0:b.enabled)&&(t+=48),i.slice(0,e).forEach(function(i){t+=i.width||s})):i.slice(e+1).forEach(function(i){t+=i.width||s}),t},[b]);return e.jsxs("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(_),children:[I&&!g&&e.jsxs("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[e.jsx("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),h.map(function(i){return e.jsxs("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[e.jsx("input",{type:"checkbox",checked:!i.hidden,onChange:function(){return Z(i.id)},className:"zui:rounded zui:border-gray-300"}),e.jsx("span",{className:"zui:text-sm zui:text-gray-700",children:i.header})]},i.id)})]}),e.jsxs("div",{ref:W,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[e.jsxs("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==b?void 0:b.enabled)&&e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-200 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-2 zui:py-2 zui:flex-shrink-0",children:e.jsx(r.Checkbox,{checked:!g&&Q.length>0&&Q.every(function(i){return b.selectedRows.includes(i.id)}),onChange:V,disabled:g,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),H.map(function(i,n){return e.jsx(d,{column:i,width:i.width||s,sticky:"left",stickyPosition:ii(H,n,"left"),sorting:p,loading:g},i.id)}),e.jsx("div",{ref:q,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e.jsx("div",{className:"zui:flex",style:{minWidth:"".concat(J,"px")},children:G.map(function(i){return e.jsx(d,{column:i,width:i.width||s,sorting:p,loading:g},i.id)})})}),U.map(function(i,n){return e.jsx(d,{column:i,width:i.width||s,sticky:"right",stickyPosition:ii(U,n,"right"),sorting:p,loading:g},i.id)})]}),e.jsx("div",{ref:O,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==k?void 0:k.enabled)?e.jsx(t.AutoSizer,{children:function(i){var n=i.height,r=i.width;return e.jsx(t.FixedSizeList,{height:n,width:r,itemCount:Q.length,itemSize:k.rowHeight||60,overscanCount:k.overscan||5,children:function(i){var n=i.index,t=i.style;return e.jsx("div",{style:t,children:e.jsx(z,{row:Q[n],rowIndex:n,columns:F,leftStickyColumns:H,rightStickyColumns:U,regularColumns:G,selection:b,expansion:w,onRowClick:C,onRowSelection:X,onRowExpansion:Y,renderCell:$,calculateStickyPosition:ii,isRowSelectable:N})},Q[n].id)}})}}):g?e.jsx(a,{columns:F,leftStickyColumns:H,rightStickyColumns:U,regularColumns:G,selection:b,calculateStickyPosition:ii,totalWidth:K}):0===Q.length?e.jsxs("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[e.jsx("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),e.jsx("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):e.jsx("div",{style:{minWidth:"".concat(K,"px")},children:Q.map(function(i,n){return e.jsx(z,{row:i,rowIndex:n,columns:F,leftStickyColumns:H,rightStickyColumns:U,regularColumns:G,selection:b,expansion:w,onRowClick:C,onRowSelection:X,onRowExpansion:Y,renderCell:$,calculateStickyPosition:ii,isRowSelectable:N},i.id)})})})]}),y&&e.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[g?"Loading...":function(){Math.max(1,Math.ceil(y.total/y.pageSize));var i=Math.min((y.page-1)*y.pageSize+1,Math.max(0,y.total)),e=Math.min(y.page*y.pageSize,y.total);return"Showing ".concat(0===y.total?0:i,"-").concat(e," of ").concat(y.total," entries")}(),e.jsx("div",{className:"zui:flex zui:items-center zui:space-x-2",children:g?e.jsx(e.Fragment,{children:Array.from({length:4},function(i,n){return e.jsx("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},n)})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[e.jsx("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),e.jsx("select",{value:y.pageSize,onChange:function(i){var e=Number(i.target.value);y.onPageSizeChange(e),y.onPageChange(1)},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(i){return e.jsx("option",{value:i,children:i},i)})})]}),e.jsx("button",{onClick:function(){return y.onPageChange(1)},disabled:1===y.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronFirst,{size:18})}),e.jsx("button",{onClick:function(){return y.onPageChange(Math.max(1,y.page-1))},disabled:1===y.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronLeft,{size:18})}),e.jsx("button",{onClick:function(){return y.onPageChange(Math.min(Math.max(1,Math.ceil(y.total/y.pageSize)),y.page+1))},disabled:y.page>=Math.max(1,Math.ceil(y.total/y.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronRight,{size:18})}),e.jsx("button",{onClick:function(){return y.onPageChange(Math.max(1,Math.ceil(y.total/y.pageSize)))},disabled:y.page>=Math.max(1,Math.ceil(y.total/y.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronLast,{size:18})})]})})]})]})},d=function(n){var t,r=n.column,s=n.width,o=n.sticky,l=n.stickyPosition,a=n.sorting,c=n.loading,d=void 0!==c&&c,z=o?((t={position:"sticky"})[o]="".concat(l||0,"px"),t.zIndex=45,t.backgroundColor="#f9fafb",t):{},h="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return e.jsx("div",{className:"zui:flex zui:items-center zui:px-2 zui:py-2 zui:text-left zui:text-sm zui:font-medium zui:text-gray-600 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-200 zui:flex-shrink-0 ".concat(h),style:i.__assign({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},z),children:e.jsxs("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[e.jsx("span",{className:"zui:truncate zui:flex-1",children:r.header}),r.sortable&&e.jsx("button",{onClick:function(){if(r.sortable&&a&&!d){var i="asc";a.sortBy===r.id&&(i="asc"===a.sortOrder?"desc":"asc"),a.onSortChange(r.id,i)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==a?void 0:a.sortBy)!==r.id?e.jsx(u.ArrowUpDown,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===a.sortOrder?e.jsx(u.ArrowUp,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):e.jsx(u.ArrowDown,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},z=function(i){var t=i.row,o=i.rowIndex,l=i.leftStickyColumns,a=i.rightStickyColumns,c=i.regularColumns,d=i.selection,z=i.expansion,x=i.onRowClick,f=i.onRowSelection,g=i.onRowExpansion,m=i.renderCell,y=i.calculateStickyPosition,b=i.isRowSelectable,p=(null==d?void 0:d.selectedRows.includes(t.id))||!1,v=(null==z?void 0:z.expandedRows.includes(t.id))||!1,w=t._children&&t._children.length>0,j=n.useCallback(function(){f(t.id)},[t.id,f]),k=n.useCallback(function(){g(t.id)},[t.id,g]),C=n.useCallback(function(i,n,t){var r=i.render?i.render(n[i.accessor],n,t):e.jsx("span",{className:"zui:truncate",children:String(n[i.accessor]||"")});return e.jsxs("div",{className:"zui:flex zui:items-center zui:w-full",children:[z&&e.jsx("div",{className:"zui:flex-shrink-0 zui:mr-2",children:w?e.jsx("button",{onClick:function(i){i.stopPropagation(),k()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:v?e.jsx(u.ChevronDown,{className:"zui:w-4 zui:h-4"}):e.jsx(u.ChevronRight,{className:"zui:w-4 zui:h-4"})}):e.jsx("div",{className:"zui:w-6 zui:h-6"})}),e.jsx("div",{className:"zui:flex-1 zui:min-w-0",children:r})]})},[z,w,v,k]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(p?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==x?void 0:x(t)},children:[(null==d?void 0:d.enabled)&&(!b||b(t)?e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:e.jsx(r.Checkbox,{checked:p,onChange:function(i){i.stopPropagation(),j()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),l.map(function(i,n){return e.jsx(h,{column:i,row:t,rowIndex:o,width:i.width||s,sticky:"left",stickyPosition:y(l,n,"left"),renderCell:0===n?C:m},i.id)}),c.map(function(i,n){return e.jsx(h,{column:i,row:t,rowIndex:o,width:i.width||s,renderCell:0===l.length&&0===n?C:m},i.id)}),a.map(function(i,n){return e.jsx(h,{column:i,row:t,rowIndex:o,width:i.width||s,sticky:"right",stickyPosition:y(a,n,"right"),renderCell:m},i.id)})]}),v&&(null==z?void 0:z.renderExpandedRow)&&e.jsx("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:z.renderExpandedRow(t)})]})},h=function(n){var t,r=n.column,u=n.row,s=n.rowIndex,o=n.width,l=n.sticky,a=n.stickyPosition,c=n.renderCell,d=l?((t={position:"sticky"})[l]="".concat(a||0,"px"),t.zIndex=25,t.backgroundColor="inherit",t):{},z="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return e.jsx("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(z),style:i.__assign({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},d),children:e.jsx("div",{className:"zui:w-full zui:min-w-0",children:c(r,u,s)})})};exports.Table=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../chunks/tslib.es6-a3dc1f53.js"),e=require("react/jsx-runtime"),n=require("react"),t=require("../../chunks/react-virtualized-auto-sizer.esm-8e1756a5.js"),r=require("../Checkbox/index.js"),u=require("../../chunks/lucide-937248a9.js");require("../../chunks/assertThisInitialized-d31798d4.js"),require("../../chunks/index-4d90f67d.js");var s=150,o=function(n){var t,r=n.column,u=n.width,s=n.sticky,o=n.stickyPosition,l=s?((t={position:"sticky"})[s]="".concat(o||0,"px"),t.zIndex=25,t.backgroundColor="white",t):{},a="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return e.jsx("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(a),style:i.__assign({width:"".concat(u,"px"),minWidth:"".concat(u,"px"),maxWidth:"".concat(u,"px")},l),children:e.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},l=function(i){var n=i.leftStickyColumns,t=i.rightStickyColumns,r=i.regularColumns,u=i.selection,l=i.calculateStickyPosition,a=i.rowIndex;return e.jsxs("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==u?void 0:u.enabled)&&e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:e.jsx("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),n.map(function(i,t){return e.jsx(o,{column:i,width:i.width||s,sticky:"left",stickyPosition:l(n,t,"left")},"left-".concat(i.id,"-").concat(a))}),r.map(function(i,n){return e.jsx(o,{column:i,width:i.width||s},"regular-".concat(i.id,"-").concat(a))}),t.map(function(i,n){return e.jsx(o,{column:i,width:i.width||s,sticky:"right",stickyPosition:l(t,n,"right")},"right-".concat(i.id,"-").concat(a))})]})},a=function(i){var n=i.columns,t=i.leftStickyColumns,r=i.rightStickyColumns,u=i.regularColumns,s=i.selection,o=i.calculateStickyPosition,a=i.totalWidth;return e.jsx("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(i,a){return e.jsx(l,{columns:n,leftStickyColumns:t,rightStickyColumns:r,regularColumns:u,selection:s,calculateStickyPosition:o,rowIndex:a},"skeleton-row-".concat(a))})})},c=function(o){var l,c,h=o.columns,x=o.data,f=o.loading,g=void 0!==f&&f,m=o.stickyColumns,y=o.pagination,b=o.selection,p=o.sorting,v=o.filtering,w=o.expansion,j=o.virtualization,k=void 0===j?{enabled:!1}:j,C=o.onRowClick;o.bulkActions;var N=o.isRowSelectable,S=o.className,_=void 0===S?"":S;o.variant;var R=n.useState(h),P=R[0],M=R[1],E=n.useState(""),L=E[0];E[1];var A=n.useState(!1),I=A[0];A[1];var W=n.useRef(null),q=n.useRef(null),O=n.useRef(null),B=n.useMemo(function(){return P.map(function(e){var n,t,r=e.sticky;return(null===(n=null==m?void 0:m.left)||void 0===n?void 0:n.includes(e.id))?r="left":(null===(t=null==m?void 0:m.right)||void 0===t?void 0:t.includes(e.id))&&(r="right"),i.__assign(i.__assign({},e),{sticky:r})})},[P,m]),F=n.useMemo(function(){return B.filter(function(i){return!i.hidden})},[B]),T=null!==(l=null==m?void 0:m.left)&&void 0!==l?l:[],D=null!==(c=null==m?void 0:m.right)&&void 0!==c?c:[],H=F.filter(function(i){return T.includes(i.id)}),U=F.filter(function(i){return D.includes(i.id)}),G=F.filter(function(i){return!T.includes(i.id)&&!D.includes(i.id)}),J=n.useMemo(function(){return G.reduce(function(i,e){return i+(e.width||s)},0)},[G]),K=n.useMemo(function(){var i=0;return(null==b?void 0:b.enabled)&&(i+=48),F.forEach(function(e){i+=e.width||s}),Math.max(i,800)},[F,b]),Q=n.useMemo(function(){var e=i.__spreadArray([],x,!0);return L&&(e=e.filter(function(i){return Object.values(i).some(function(i){return String(i).toLowerCase().includes(L.toLowerCase())})})),(null==v?void 0:v.filters)&&Object.entries(v.filters).forEach(function(i){var n=i[0],t=i[1];t&&(e=e.filter(function(i){return String(i[n]).toLowerCase().includes(String(t).toLowerCase())}))}),(null==p?void 0:p.sortBy)&&e.sort(function(i,e){var n=i[p.sortBy],t=e[p.sortBy];return n<t?"asc"===p.sortOrder?-1:1:n>t?"asc"===p.sortOrder?1:-1:0}),e},[x,L,null==v?void 0:v.filters,p]);n.useEffect(function(){var i=q.current,e=O.current;if(i&&e){var n=!1,t=!1,r=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))},u=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))};return i.addEventListener("scroll",r),e.addEventListener("scroll",u),function(){i.removeEventListener("scroll",r),e.removeEventListener("scroll",u)}}},[]);var V=n.useCallback(function(){if((null==b?void 0:b.enabled)&&Q){var e=Q.filter(function(i){return!N||N(i)}).map(function(i){return i.id});if(e.every(function(i){return b.selectedRows.includes(i)}))b.onSelectionChange(b.selectedRows.filter(function(i){return!e.includes(i)}));else{var n=Array.from(new Set(i.__spreadArray(i.__spreadArray([],b.selectedRows.filter(function(i){return!e.includes(i)}),!0),e,!0)));b.onSelectionChange(n)}}},[Q,b,N]),X=n.useCallback(function(e){if(null==b?void 0:b.enabled){var n=b.selectedRows;n.includes(e)?b.onSelectionChange(n.filter(function(i){return i!==e})):b.onSelectionChange(i.__spreadArray(i.__spreadArray([],n,!0),[e],!1))}},[b]),Y=n.useCallback(function(e){if(w){var n=w.expandedRows;n.includes(e)?w.onExpansionChange(n.filter(function(i){return i!==e})):w.onExpansionChange(i.__spreadArray(i.__spreadArray([],n,!0),[e],!1))}},[w]),Z=n.useCallback(function(e){M(function(n){return n.map(function(n){return n.id===e?i.__assign(i.__assign({},n),{hidden:!n.hidden}):n})})},[]),$=n.useCallback(function(i,n,t){var r=n[i.accessor];return i.render?i.render(r,n,t):e.jsx("span",{className:"zui:truncate",children:String(r||"")})},[]),ii=n.useCallback(function(i,e,n){var t=0;return"left"===n?((null==b?void 0:b.enabled)&&(t+=48),i.slice(0,e).forEach(function(i){t+=i.width||s})):i.slice(e+1).forEach(function(i){t+=i.width||s}),t},[b]);return e.jsxs("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(_),children:[I&&!g&&e.jsxs("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[e.jsx("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),h.map(function(i){return e.jsxs("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[e.jsx("input",{type:"checkbox",checked:!i.hidden,onChange:function(){return Z(i.id)},className:"zui:rounded zui:border-gray-300"}),e.jsx("span",{className:"zui:text-sm zui:text-gray-700",children:i.header})]},i.id)})]}),e.jsxs("div",{ref:W,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[e.jsxs("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==b?void 0:b.enabled)&&e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-200 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-2 zui:py-2 zui:flex-shrink-0",children:e.jsx(r.Checkbox,{checked:!g&&Q.length>0&&Q.every(function(i){return b.selectedRows.includes(i.id)}),onChange:V,disabled:g,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),H.map(function(i,n){return e.jsx(d,{column:i,width:i.width||s,sticky:"left",stickyPosition:ii(H,n,"left"),sorting:p,loading:g},i.id)}),e.jsx("div",{ref:q,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e.jsx("div",{className:"zui:flex",style:{minWidth:"".concat(J,"px")},children:G.map(function(i){return e.jsx(d,{column:i,width:i.width||s,sorting:p,loading:g},i.id)})})}),U.map(function(i,n){return e.jsx(d,{column:i,width:i.width||s,sticky:"right",stickyPosition:ii(U,n,"right"),sorting:p,loading:g},i.id)})]}),e.jsx("div",{ref:O,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==k?void 0:k.enabled)?e.jsx(t.AutoSizer,{children:function(i){var n=i.height,r=i.width;return e.jsx(t.FixedSizeList,{height:n,width:r,itemCount:Q.length,itemSize:k.rowHeight||60,overscanCount:k.overscan||5,children:function(i){var n=i.index,t=i.style;return e.jsx("div",{style:t,children:e.jsx(z,{row:Q[n],rowIndex:n,columns:F,leftStickyColumns:H,rightStickyColumns:U,regularColumns:G,selection:b,expansion:w,onRowClick:C,onRowSelection:X,onRowExpansion:Y,renderCell:$,calculateStickyPosition:ii,isRowSelectable:N})},Q[n].id)}})}}):g?e.jsx(a,{columns:F,leftStickyColumns:H,rightStickyColumns:U,regularColumns:G,selection:b,calculateStickyPosition:ii,totalWidth:K}):0===Q.length?e.jsxs("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[e.jsx("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),e.jsx("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):e.jsx("div",{style:{minWidth:"".concat(K,"px")},children:Q.map(function(i,n){return e.jsx(z,{row:i,rowIndex:n,columns:F,leftStickyColumns:H,rightStickyColumns:U,regularColumns:G,selection:b,expansion:w,onRowClick:C,onRowSelection:X,onRowExpansion:Y,renderCell:$,calculateStickyPosition:ii,isRowSelectable:N},i.id)})})})]}),y&&e.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[g?"Loading...":function(){Math.max(1,Math.ceil(y.total/y.pageSize));var i=Math.min((y.page-1)*y.pageSize+1,Math.max(0,y.total)),e=Math.min(y.page*y.pageSize,y.total);return"Showing ".concat(0===y.total?0:i,"-").concat(e," of ").concat(y.total," entries")}(),e.jsx("div",{className:"zui:flex zui:items-center zui:space-x-2",children:g?e.jsx(e.Fragment,{children:Array.from({length:4},function(i,n){return e.jsx("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},n)})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[e.jsx("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),e.jsx("select",{value:y.pageSize,onChange:function(i){var e=Number(i.target.value);y.onPageSizeChange(e),y.onPageChange(1)},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(i){return e.jsx("option",{value:i,children:i},i)})})]}),e.jsx("button",{onClick:function(){return y.onPageChange(1)},disabled:1===y.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronFirst,{size:18})}),e.jsx("button",{onClick:function(){return y.onPageChange(Math.max(1,y.page-1))},disabled:1===y.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronLeft,{size:18})}),e.jsx("button",{onClick:function(){return y.onPageChange(Math.min(Math.max(1,Math.ceil(y.total/y.pageSize)),y.page+1))},disabled:y.page>=Math.max(1,Math.ceil(y.total/y.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronRight,{size:18})}),e.jsx("button",{onClick:function(){return y.onPageChange(Math.max(1,Math.ceil(y.total/y.pageSize)))},disabled:y.page>=Math.max(1,Math.ceil(y.total/y.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:e.jsx(u.ChevronLast,{size:18})})]})})]})]})},d=function(n){var t,r=n.column,s=n.width,o=n.sticky,l=n.stickyPosition,a=n.sorting,c=n.loading,d=void 0!==c&&c,z=o?((t={position:"sticky"})[o]="".concat(l||0,"px"),t.zIndex=45,t.backgroundColor="#f9fafb",t):{},h="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return e.jsx("div",{className:"zui:flex zui:items-center zui:px-2 zui:py-2 zui:text-left zui:text-sm zui:font-medium zui:text-gray-600 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-200 zui:flex-shrink-0 ".concat(h),style:i.__assign({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},z),children:e.jsxs("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[e.jsx("span",{className:"zui:truncate zui:flex-1",children:r.header}),r.sortable&&e.jsx("button",{onClick:function(){if(r.sortable&&a&&!d){var i="asc";a.sortBy===r.id&&(i="asc"===a.sortOrder?"desc":"asc"),a.onSortChange(r.id,i)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==a?void 0:a.sortBy)!==r.id?e.jsx(u.ArrowUpDown,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===a.sortOrder?e.jsx(u.ArrowUp,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):e.jsx(u.ArrowDown,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},z=function(i){var t=i.row,o=i.rowIndex,l=i.leftStickyColumns,a=i.rightStickyColumns,c=i.regularColumns,d=i.selection,z=i.expansion,x=i.onRowClick,f=i.onRowSelection,g=i.onRowExpansion,m=i.renderCell,y=i.calculateStickyPosition,b=i.isRowSelectable,p=(null==d?void 0:d.selectedRows.includes(t.id))||!1,v=(null==z?void 0:z.expandedRows.includes(t.id))||!1,w=t._children&&t._children.length>0,j=n.useCallback(function(){f(t.id)},[t.id,f]),k=n.useCallback(function(){g(t.id)},[t.id,g]),C=n.useCallback(function(i,n,t){var r=i.render?i.render(n[i.accessor],n,t):e.jsx("span",{className:"zui:truncate",children:String(n[i.accessor]||"")});return e.jsxs("div",{className:"zui:flex zui:items-center zui:w-full",children:[z&&e.jsx("div",{className:"zui:flex-shrink-0 zui:mr-2",children:w?e.jsx("button",{onClick:function(i){i.stopPropagation(),k()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:v?e.jsx(u.ChevronDown,{className:"zui:w-4 zui:h-4"}):e.jsx(u.ChevronRight,{className:"zui:w-4 zui:h-4"})}):e.jsx("div",{className:"zui:w-6 zui:h-6"})}),e.jsx("div",{className:"zui:flex-1 zui:min-w-0",children:r})]})},[z,w,v,k]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(p?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==x?void 0:x(t)},children:[(null==d?void 0:d.enabled)&&(!b||b(t)?e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:e.jsx(r.Checkbox,{checked:p,onChange:function(i){i.stopPropagation(),j()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):e.jsx("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),l.map(function(i,n){return e.jsx(h,{column:i,row:t,rowIndex:o,width:i.width||s,sticky:"left",stickyPosition:y(l,n,"left"),renderCell:0===n?C:m},i.id)}),c.map(function(i,n){return e.jsx(h,{column:i,row:t,rowIndex:o,width:i.width||s,renderCell:0===l.length&&0===n?C:m},i.id)}),a.map(function(i,n){return e.jsx(h,{column:i,row:t,rowIndex:o,width:i.width||s,sticky:"right",stickyPosition:y(a,n,"right"),renderCell:m},i.id)})]}),v&&(null==z?void 0:z.renderExpandedRow)&&e.jsx("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:z.renderExpandedRow(t)})]})},h=function(n){var t,r=n.column,u=n.row,s=n.rowIndex,o=n.width,l=n.sticky,a=n.stickyPosition,c=n.renderCell,d=l?((t={position:"sticky"})[l]="".concat(a||0,"px"),t.zIndex=25,t.backgroundColor="inherit",t):{},z="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return e.jsx("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(z),style:i.__assign({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},d),children:e.jsx("div",{className:"zui:w-full zui:min-w-0",children:c(r,u,s)})})};exports.Table=c,exports.default=c;

package/dist/components/TimePicker/index.esm.js

@@ -1 +1 @@
-import{_ as e,a as t}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as i,jsx as n}from"react/jsx-runtime";import*as r from"react";import u from"@mui/material/Popover";import{c as o,g as s}from"../../chunks/_commonjsHelpers-02d3be64.esm.js";import{a}from"../../chunks/index-32c3a4e2.esm.js";import{X as l,m as c}from"../../chunks/lucide-7e7c48b9.esm.js";var d={exports:{}},f=s(d.exports=function(){var e=1e3,t=6e4,i=36e5,n="millisecond",r="second",u="minute",o="hour",s="day",a="week",l="month",c="quarter",d="year",f="date",h="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,z=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,v={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}},p=function(e,t,i){var n=String(e);return!n||n.length>=t?e:""+Array(t+1-n.length).join(i)+e},g={s:p,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),n=Math.floor(i/60),r=i%60;return(t<=0?"+":"-")+p(n,2,"0")+":"+p(r,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var n=12*(i.year()-t.year())+(i.month()-t.month()),r=t.clone().add(n,l),u=i-r<0,o=t.clone().add(n+(u?-1:1),l);return+(-(n+(i-r)/(u?r-o:o-r))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:d,w:a,d:s,D:f,h:o,m:u,s:r,ms:n,Q:c}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},b="en",x={};x[b]=v;var y="$isDayjsObject",w=function(e){return e instanceof S||!(!e||!e[y])},M=function e(t,i,n){var r;if(!t)return b;if("string"==typeof t){var u=t.toLowerCase();x[u]&&(r=u),i&&(x[u]=i,r=u);var o=t.split("-");if(!r&&o.length>1)return e(o[0])}else{var s=t.name;x[s]=t,r=s}return!n&&r&&(b=r),r||!n&&b},$=function(e,t){if(w(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},D=g;D.l=M,D.i=w,D.w=function(e,t){return $(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function v(e){this.$L=M(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[y]=!0}var p=v.prototype;return p.parse=function(e){this.$d=function(e){var t=e.date,i=e.utc;if(null===t)return new Date(NaN);if(D.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var n=t.match(m);if(n){var r=n[2]-1||0,u=(n[7]||"0").substring(0,3);return i?new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,u)):new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,u)}}return new Date(t)}(e),this.init()},p.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},p.$utils=function(){return D},p.isValid=function(){return!(this.$d.toString()===h)},p.isSame=function(e,t){var i=$(e);return this.startOf(t)<=i&&i<=this.endOf(t)},p.isAfter=function(e,t){return $(e)<this.startOf(t)},p.isBefore=function(e,t){return this.endOf(t)<$(e)},p.$g=function(e,t,i){return D.u(e)?this[t]:this.set(i,e)},p.unix=function(){return Math.floor(this.valueOf()/1e3)},p.valueOf=function(){return this.$d.getTime()},p.startOf=function(e,t){var i=this,n=!!D.u(t)||t,c=D.p(e),h=function(e,t){var r=D.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return n?r:r.endOf(s)},m=function(e,t){return D.w(i.toDate()[e].apply(i.toDate("s"),(n?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},z=this.$W,v=this.$M,p=this.$D,g="set"+(this.$u?"UTC":"");switch(c){case d:return n?h(1,0):h(31,11);case l:return n?h(1,v):h(0,v+1);case a:var b=this.$locale().weekStart||0,x=(z<b?z+7:z)-b;return h(n?p-x:p+(6-x),v);case s:case f:return m(g+"Hours",0);case o:return m(g+"Minutes",1);case u:return m(g+"Seconds",2);case r:return m(g+"Milliseconds",3);default:return this.clone()}},p.endOf=function(e){return this.startOf(e,!1)},p.$set=function(e,t){var i,a=D.p(e),c="set"+(this.$u?"UTC":""),h=(i={},i[s]=c+"Date",i[f]=c+"Date",i[l]=c+"Month",i[d]=c+"FullYear",i[o]=c+"Hours",i[u]=c+"Minutes",i[r]=c+"Seconds",i[n]=c+"Milliseconds",i)[a],m=a===s?this.$D+(t-this.$W):t;if(a===l||a===d){var z=this.clone().set(f,1);z.$d[h](m),z.init(),this.$d=z.set(f,Math.min(this.$D,z.daysInMonth())).$d}else h&&this.$d[h](m);return this.init(),this},p.set=function(e,t){return this.clone().$set(e,t)},p.get=function(e){return this[D.p(e)]()},p.add=function(n,c){var f,h=this;n=Number(n);var m=D.p(c),z=function(e){var t=$(h);return D.w(t.date(t.date()+Math.round(e*n)),h)};if(m===l)return this.set(l,this.$M+n);if(m===d)return this.set(d,this.$y+n);if(m===s)return z(1);if(m===a)return z(7);var v=(f={},f[u]=t,f[o]=i,f[r]=e,f)[m]||1,p=this.$d.getTime()+n*v;return D.w(p,this)},p.subtract=function(e,t){return this.add(-1*e,t)},p.format=function(e){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||h;var n=e||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),u=this.$H,o=this.$m,s=this.$M,a=i.weekdays,l=i.months,c=i.meridiem,d=function(e,i,r,u){return e&&(e[i]||e(t,n))||r[i].slice(0,u)},f=function(e){return D.s(u%12||12,e,"0")},m=c||function(e,t,i){var n=e<12?"AM":"PM";return i?n.toLowerCase():n};return n.replace(z,function(e,n){return n||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return D.s(t.$y,4,"0");case"M":return s+1;case"MM":return D.s(s+1,2,"0");case"MMM":return d(i.monthsShort,s,l,3);case"MMMM":return d(l,s);case"D":return t.$D;case"DD":return D.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return d(i.weekdaysMin,t.$W,a,2);case"ddd":return d(i.weekdaysShort,t.$W,a,3);case"dddd":return a[t.$W];case"H":return String(u);case"HH":return D.s(u,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(u,o,!0);case"A":return m(u,o,!1);case"m":return String(o);case"mm":return D.s(o,2,"0");case"s":return String(t.$s);case"ss":return D.s(t.$s,2,"0");case"SSS":return D.s(t.$ms,3,"0");case"Z":return r}return null}(e)||r.replace(":","")})},p.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},p.diff=function(n,f,h){var m,z=this,v=D.p(f),p=$(n),g=(p.utcOffset()-this.utcOffset())*t,b=this-p,x=function(){return D.m(z,p)};switch(v){case d:m=x()/12;break;case l:m=x();break;case c:m=x()/3;break;case a:m=(b-g)/6048e5;break;case s:m=(b-g)/864e5;break;case o:m=b/i;break;case u:m=b/t;break;case r:m=b/e;break;default:m=b}return h?m:D.a(m)},p.daysInMonth=function(){return this.endOf(l).$D},p.$locale=function(){return x[this.$L]},p.locale=function(e,t){if(!e)return this.$L;var i=this.clone(),n=M(e,t,!0);return n&&(i.$L=n),i},p.clone=function(){return D.w(this.$d,this)},p.toDate=function(){return new Date(this.valueOf())},p.toJSON=function(){return this.isValid()?this.toISOString():null},p.toISOString=function(){return this.$d.toISOString()},p.toString=function(){return this.$d.toUTCString()},v}(),k=S.prototype;return $.prototype=k,[["$ms",n],["$s",r],["$m",u],["$H",o],["$W",s],["$M",l],["$y",d],["$D",f]].forEach(function(e){k[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),$.extend=function(e,t){return e.$i||(e(t,S,$),e.$i=!0),$},$.locale=M,$.isDayjs=w,$.unix=function(e){return $(1e3*e)},$.en=x[b],$.Ls=x,$.p={},$}()),h={exports:{}},m=s(h.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,n=/\d\d/,r=/\d\d?/,u=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)},a=function(e){return function(t){this[e]=+t}},l=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),i=60*t[1]+(+t[2]||0);return 0===i?0:"+"===t[0]?-i:i}(e)}],c=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var i,n=o.meridiem;if(n){for(var r=1;r<=24;r+=1)if(e.indexOf(n(r,0,t))>-1){i=r>12;break}}else i=e===(t?"pm":"PM");return i},f={A:[u,function(e){this.afternoon=d(e,!1)}],a:[u,function(e){this.afternoon=d(e,!0)}],Q:[i,function(e){this.month=3*(e-1)+1}],S:[i,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[u,function(e){var t=o.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],w:[r,a("week")],ww:[n,a("week")],M:[r,a("month")],MM:[n,a("month")],MMM:[u,function(e){var t=c("months"),i=(c("monthsShort")||t.map(function(e){return e.slice(0,3)})).indexOf(e)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[u,function(e){var t=c("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\d{4}/,a("year")],Z:l,ZZ:l};function h(i){var n,r;n=i,r=o&&o.formats;for(var u=(i=n.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,n){var u=n&&n.toUpperCase();return i||r[n]||e[n]||r[u].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),s=u.length,a=0;a<s;a+=1){var l=u[a],c=f[l],d=c&&c[0],h=c&&c[1];u[a]=h?{regex:d,parser:h}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},i=0,n=0;i<s;i+=1){var r=u[i];if("string"==typeof r)n+=r.length;else{var o=r.regex,a=r.parser,l=e.slice(n),c=o.exec(l)[0];a.call(t,c),e=e.replace(c,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var i=e.hours;t?i<12&&(e.hours+=12):12===i&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,i){i.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var n=t.prototype,r=n.parse;n.parse=function(e){var t=e.date,n=e.utc,u=e.args;this.$u=n;var s=u[1];if("string"==typeof s){var a=!0===u[2],l=!0===u[3],c=a||l,d=u[2];l&&(d=u[2]),o=this.$locale(),!a&&d&&(o=i.Ls[d]),this.$d=function(e,t,i,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=h(t)(e),u=r.year,o=r.month,s=r.day,a=r.hours,l=r.minutes,c=r.seconds,d=r.milliseconds,f=r.zone,m=r.week,z=new Date,v=s||(u||o?1:z.getDate()),p=u||z.getFullYear(),g=0;u&&!o||(g=o>0?o-1:z.getMonth());var b,x=a||0,y=l||0,w=c||0,M=d||0;return f?new Date(Date.UTC(p,g,v,x,y,w,M+60*f.offset*1e3)):i?new Date(Date.UTC(p,g,v,x,y,w,M)):(b=new Date(p,g,v,x,y,w,M),m&&(b=n(b).week(m).toDate()),b)}catch(e){return new Date("")}}(t,s,n,i),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),c&&t!=this.format(s)&&(this.$d=new Date("")),o={}}else if(s instanceof Array)for(var f=s.length,m=1;m<=f;m+=1){u[1]=s[m-1];var z=i.apply(this,u);if(z.isValid()){this.$d=z.$d,this.$L=z.$L,this.init();break}m===f&&(this.$d=new Date(""))}else r.call(this,e)}}}());f.extend(m);var z={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},v={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},p={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},g={xs:"zui:min-w-[10rem]",sm:"zui:min-w-[12rem]",md:"zui:min-w-[12rem]",lg:"zui:min-w-[14rem]"},b=function(e){return"contained"===e?"zui:bg-muted":"zui:bg-background"};function x(e){return e<10?"0".concat(e):"".concat(e)}function y(e,t,i){void 0===i&&(i=0);for(var n=[],r=i;r<=t;r+=e)n.push(r);return n}var w=r.forwardRef(function(o,s){var d,h,m,w=o.label,M=o.floatingLabel,$=void 0!==M&&M,D=o.description,S=o.error,k=o.size,Y=void 0===k?"md":k,N=o.variant,L=void 0===N?"outlined":N,T=o.focusOutline,O=void 0===T||T,C=o.className,H=o.value,A=o.defaultValue,_=void 0===A?null:A,P=o.onChange,j=o.format,E=void 0===j?"HH:mm":j,Z=o.use12Hours,F=o.hourStep,U=void 0===F?1:F,W=o.minuteStep,R=void 0===W?1:W,V=o.secondStep,I=void 0===V?1:V,q=o.needConfirm,K=void 0===q||q,B=o.showNow,J=void 0===B||B,Q=o.okText,X=void 0===Q?"OK":Q,G=o.closeText,ee=void 0===G?"Close":G,te=o.nowText,ie=void 0===te?"Now":te,ne=o.amText,re=void 0===ne?"AM":ne,ue=o.pmText,oe=void 0===ue?"PM":ue,se=o.hourLabel,ae=void 0===se?"Hour":se,le=o.minuteLabel,ce=void 0===le?"Minute":le,de=o.secondLabel,fe=void 0===de?"Second":de,he=o.disabledHours,me=o.disabledMinutes,ze=o.disabledSeconds,ve=o.disabled,pe=o.placeholder,ge=o.required,be=o.allowClear,xe=void 0===be||be,ye=o.id,we=e(o,["label","floatingLabel","description","error","size","variant","focusOutline","className","value","defaultValue","onChange","format","use12Hours","hourStep","minuteStep","secondStep","needConfirm","showNow","okText","closeText","nowText","amText","pmText","hourLabel","minuteLabel","secondLabel","disabledHours","disabledMinutes","disabledSeconds","disabled","placeholder","required","allowClear","id"]),Me=ye||function(e){void 0===e&&(e="timepicker");var t=r.useRef();return t.current||(t.current="".concat(e,"-").concat(Math.random().toString(36).slice(2,9))),t.current}("timepicker"),$e=(h=E,"boolean"==typeof(m=Z)?m:/(^|[^H])h/.test(h)||/(\sa\b|\sA\b|a\b|A\b)/.test(h)),De=function(e){return/\bss\b/.test(e)}(E),Se=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-90 zui:text-gray-900 zui:bg-gray-50 zui:border zui:border-gray-300":""}}(ve||!1),ke=r.useRef(void 0!==H).current,Ye=r.useState(_),Ne=Ye[0],Le=Ye[1],Te=ke?null!=H?H:null:null!=Ne?Ne:null,Oe=Te?Te.format(E):"",Ce=r.useState(Oe),He=Ce[0],Ae=Ce[1],_e=r.useState(!1);_e[0];var Pe=_e[1];r.useEffect(function(){Ae(Oe)},[Oe]);var je=r.useState(null),Ee=je[0],Ze=je[1],Fe=Boolean(Ee),Ue=r.useRef(null),We=r.useRef(!1);function Re(e,t){var i;Ze(e&&null!==(i=null!=t?t:Ue.current)&&void 0!==i?i:null)}function Ve(){We.current=!0,Re(!1),K&&(Ae(Oe),Ke(Te)),Promise.resolve().then(function(){We.current=!1})}r.useEffect(function(){function e(e){"Escape"===e.key&&(e.stopPropagation(),e.preventDefault(),Fe&&Ze(null))}return Fe&&document.addEventListener("keydown",e,!0),function(){return document.removeEventListener("keydown",e,!0)}},[Fe]);var Ie=r.useState(Te),qe=Ie[0],Ke=Ie[1];r.useEffect(function(){Fe&&(Ke(Te),Ae(Oe))},[Fe,Te,Oe]);var Be=r.useMemo(function(){return $e?y(U,12,1):y(U,23,0)},[$e,U]),Je=r.useMemo(function(){return y(R,59,0)},[R]),Qe=r.useMemo(function(){return y(I,59,0)},[I]);function Xe(e){var t=e?e.format(E):"";null==P||P(e,t),ke||Le(e)}function Ge(e,t,i,n){var r;if(!(null==he?void 0:he($e?e%12||12:e))&&!((null==me?void 0:me(t))||De&&(null==ze?void 0:ze(i)))){var u=$e?function(e,t){return t?"am"===t?12===e?0:e:12===e?12:e+12:e}(e,n):e,o=(null!==(r=null!=qe?qe:Te)&&void 0!==r?r:f()).hour(u).minute(t).second(De?i:0).millisecond(0);Ke(o),Ae(o.format(E)),K||Xe(o)}}var et=qe?qe.format(E):"",tt=Fe&&""!==et.trim()?et:Oe;var it=r.useRef(null),nt=r.useRef(null),rt=r.useRef(null);function ut(e,t){var i=e.current;if(i){var n=Array.from(i.querySelectorAll('button[role="option"]:not([aria-disabled="true"])'));if(0!==n.length){var r=n.findIndex(function(e){return e===document.activeElement});n[r<0?0:Math.max(0,Math.min(n.length-1,r+t))].focus()}}}function ot(e,t){"ArrowDown"===e.key?(e.preventDefault(),ut(t,1)):"ArrowUp"===e.key&&(e.preventDefault(),ut(t,-1))}var st="lg"===Y?18:16,at=w||"Time picker",lt=Boolean(tt)&&!ve&&!!xe,ct=null!==(d=null!=qe?qe:Te)&&void 0!==d?d:null,dt=ct?ct.hour():$e?12:0,ft=ct?ct.minute():0,ht=ct?ct.second():0,mt=dt>=12?"pm":"am",zt=dt%12==0?12:dt%12;return i("div",{className:a("zui:w-full",Se.container,g[Y],C),children:[!$&&w&&i("label",{htmlFor:Me,className:a("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",Se.label),children:[w,ge&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:a("zui:relative zui:w-full zui:rounded-sm zui:border zui:bg-background zui:text-sm zui:transition-colors",O&&"zui:focus-within:ring-1 zui:focus-within:ring-ring zui:focus-within:ring-offset-1","outlined"===L&&"zui:border-input","contained"===L&&"zui:bg-muted zui:border-transparent",Se.input,S&&"zui:border-destructive",S&&O&&"zui:focus-within:ring-destructive"),children:[$&&w&&i("label",{htmlFor:Me,className:a("zui:absolute zui:left-3 zui:top-0 zui:-translate-y-1/2 zui:px-1 zui:text-xs zui:pointer-events-none zui:transition-colors zui:z-10",b(L),Se.label),children:[w,ge&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),n("input",t({id:Me,ref:function(e){"function"==typeof s?s(e):s&&(s.current=e),Ue.current=e},value:tt,onChange:function(e){var t;Ae(null!==(t=e.target.value)&&void 0!==t?t:"")},onBlur:function(){Pe(!1);var e=(null!=He?He:"").trim();if(K){if(!e)return Ke(null),void Ae(Oe);(t=f(e,E,!0)).isValid()?Ke(t.millisecond(0)):(Ae(Oe),Ke(Te))}else{if(!e)return void Xe(null);var t;(t=f(e,E,!0)).isValid()?Xe(t.millisecond(0)):Ae(Oe)}},onFocus:function(e){Pe(!0),ve||We.current||Re(!0,Ue.current||e.currentTarget)},onClick:function(e){ve||We.current||Re(!0,Ue.current||e.currentTarget)},placeholder:null!=pe?pe:$e?De?"h:mm:ss a":"h:mm a":De?"HH:mm:ss":"HH:mm","aria-label":at,disabled:ve,required:ge,className:a("zui:peer zui:block zui:w-full zui:bg-transparent zui:outline-none zui:px-3 zui:disabled:cursor-not-allowed zui:disabled:opacity-50",z[Y],v[Y],lt?"zui:pr-20":"zui:pr-10")},we)),lt?n("button",{type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),Ke(null),Ae(""),Xe(null),We.current=!0,Re(!1),Promise.resolve().then(function(){We.current=!1})},className:a("zui:absolute zui:inset-y-0 zui:right-9 zui:flex zui:items-center zui:text-muted-foreground hover:zui:text-gray-700 focus:zui:outline-none",p[Y]),"aria-label":"Clear time",children:n(l,{size:st})}):null,n("button",{type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),function(e){ve||Re(!Fe,e.currentTarget)}(e)},className:a("zui:absolute zui:inset-y-0 zui:right-0 zui:flex zui:items-center zui:text-muted-foreground hover:zui:text-gray-700 disabled:zui:opacity-50",p[Y]),disabled:ve,"aria-label":"Toggle time panel",children:n(c,{size:st})})]}),i("div",{className:"zui:flex zui:flex-row zui:justify-between",children:[D&&!S&&!ve&&n("p",{className:"zui:text-xs zui:text-muted-foreground",children:D}),S&&n("p",{className:"zui:text-xs zui:text-destructive",children:S})]}),n(u,{open:Fe,anchorEl:Ee,onClose:function(e,t){"backdropClick"!==t&&"escapeKeyDown"!==t&&Ve()},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{className:a("zui:rounded-sm zui:border zui:border-gray-200 zui:shadow-lg zui:bg-white zui:p-2","zui:w-[22rem] sm:zui:w-[24rem]")}},children:i("div",{className:"zui:flex zui:flex-col zui:gap-2",children:[i("div",{className:"zui:grid zui:grid-cols-3 zui:gap-2 zui:text-xs zui:text-gray-500 zui:sticky zui:top-0 zui:bg-white zui:z-10",children:[n("div",{className:"zui:text-center",children:ae}),n("div",{className:"zui:text-center",children:ce}),n("div",{className:"zui:text-center",children:De?fe:$e?"AM/PM":""})]}),i("div",{className:"zui:grid zui:grid-cols-3 zui:gap-2",children:[n("div",{ref:it,onKeyDown:function(e){return ot(e,it)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select hour",children:Be.map(function(e){var t,i=$e?zt===e:dt===e,r=null!==(t=null==he?void 0:he($e?e%12||12:e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ge(e,ft,ht,$e?mt:void 0)},className:a("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:x(e)},e)})}),n("div",{ref:nt,onKeyDown:function(e){return ot(e,nt)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select minute",children:Je.map(function(e){var t,i=ft===e,r=null!==(t=null==me?void 0:me(e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ge($e?zt:dt,e,ht,$e?mt:void 0)},className:a("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:x(e)},e)})}),De?n("div",{ref:rt,onKeyDown:function(e){return ot(e,rt)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select second",children:Qe.map(function(e){var t,i=ht===e,r=null!==(t=null==ze?void 0:ze(e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ge($e?zt:dt,ft,e,$e?mt:void 0)},className:a("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:x(e)},e)})}):$e?n("div",{className:"zui:flex zui:flex-col zui:gap-1",role:"listbox","aria-label":"Select AM/PM",children:["am","pm"].map(function(e){var t=mt===e;return n("button",{type:"button",role:"option","aria-selected":t,onClick:function(){Ge(zt||12,ft,ht,e)},className:a("zui:flex-1 zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",t&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium"),"aria-pressed":t,children:"am"===e?re:oe},e)})}):null]}),i("div",{className:"zui:flex zui:items-center zui:justify-between zui:pt-1",children:[J?n("button",{type:"button",onClick:function(){var e=f(),t=e.second(De?e.second():0).millisecond(0);Ke(t),Ae(t.format(E)),Xe(t),We.current=!0,Re(!1),Promise.resolve().then(function(){We.current=!1})},className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:ie}):n("span",{}),i("div",{className:"zui:flex zui:gap-2",children:[n("button",{type:"button",onClick:Ve,className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded-sm zui:px-2 zui:py-1",children:ee}),K&&n("button",{type:"button",onClick:function(){Xe(null!=qe?qe:null),We.current=!0,Re(!1),Promise.resolve().then(function(){We.current=!1})},className:"zui:text-white zui:bg-blue-600 hover:zui:bg-blue-700 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded-sm zui:px-3 zui:py-1",children:X})]})]})]})})]})});export{w as TimePicker,w as default};
+import{_ as e,a as t}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as i,jsx as n}from"react/jsx-runtime";import*as r from"react";import u from"@mui/material/Popover";import{c as o,g as s}from"../../chunks/_commonjsHelpers-02d3be64.esm.js";import{a}from"../../chunks/index-6d90ff6c.esm.js";import{X as l,m as c}from"../../chunks/lucide-1d5a9cda.esm.js";var d={exports:{}},f=s(d.exports=function(){var e=1e3,t=6e4,i=36e5,n="millisecond",r="second",u="minute",o="hour",s="day",a="week",l="month",c="quarter",d="year",f="date",h="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,z=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,v={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}},p=function(e,t,i){var n=String(e);return!n||n.length>=t?e:""+Array(t+1-n.length).join(i)+e},g={s:p,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),n=Math.floor(i/60),r=i%60;return(t<=0?"+":"-")+p(n,2,"0")+":"+p(r,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var n=12*(i.year()-t.year())+(i.month()-t.month()),r=t.clone().add(n,l),u=i-r<0,o=t.clone().add(n+(u?-1:1),l);return+(-(n+(i-r)/(u?r-o:o-r))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:d,w:a,d:s,D:f,h:o,m:u,s:r,ms:n,Q:c}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},b="en",x={};x[b]=v;var y="$isDayjsObject",w=function(e){return e instanceof S||!(!e||!e[y])},M=function e(t,i,n){var r;if(!t)return b;if("string"==typeof t){var u=t.toLowerCase();x[u]&&(r=u),i&&(x[u]=i,r=u);var o=t.split("-");if(!r&&o.length>1)return e(o[0])}else{var s=t.name;x[s]=t,r=s}return!n&&r&&(b=r),r||!n&&b},$=function(e,t){if(w(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},D=g;D.l=M,D.i=w,D.w=function(e,t){return $(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function v(e){this.$L=M(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[y]=!0}var p=v.prototype;return p.parse=function(e){this.$d=function(e){var t=e.date,i=e.utc;if(null===t)return new Date(NaN);if(D.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var n=t.match(m);if(n){var r=n[2]-1||0,u=(n[7]||"0").substring(0,3);return i?new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,u)):new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,u)}}return new Date(t)}(e),this.init()},p.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},p.$utils=function(){return D},p.isValid=function(){return!(this.$d.toString()===h)},p.isSame=function(e,t){var i=$(e);return this.startOf(t)<=i&&i<=this.endOf(t)},p.isAfter=function(e,t){return $(e)<this.startOf(t)},p.isBefore=function(e,t){return this.endOf(t)<$(e)},p.$g=function(e,t,i){return D.u(e)?this[t]:this.set(i,e)},p.unix=function(){return Math.floor(this.valueOf()/1e3)},p.valueOf=function(){return this.$d.getTime()},p.startOf=function(e,t){var i=this,n=!!D.u(t)||t,c=D.p(e),h=function(e,t){var r=D.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return n?r:r.endOf(s)},m=function(e,t){return D.w(i.toDate()[e].apply(i.toDate("s"),(n?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},z=this.$W,v=this.$M,p=this.$D,g="set"+(this.$u?"UTC":"");switch(c){case d:return n?h(1,0):h(31,11);case l:return n?h(1,v):h(0,v+1);case a:var b=this.$locale().weekStart||0,x=(z<b?z+7:z)-b;return h(n?p-x:p+(6-x),v);case s:case f:return m(g+"Hours",0);case o:return m(g+"Minutes",1);case u:return m(g+"Seconds",2);case r:return m(g+"Milliseconds",3);default:return this.clone()}},p.endOf=function(e){return this.startOf(e,!1)},p.$set=function(e,t){var i,a=D.p(e),c="set"+(this.$u?"UTC":""),h=(i={},i[s]=c+"Date",i[f]=c+"Date",i[l]=c+"Month",i[d]=c+"FullYear",i[o]=c+"Hours",i[u]=c+"Minutes",i[r]=c+"Seconds",i[n]=c+"Milliseconds",i)[a],m=a===s?this.$D+(t-this.$W):t;if(a===l||a===d){var z=this.clone().set(f,1);z.$d[h](m),z.init(),this.$d=z.set(f,Math.min(this.$D,z.daysInMonth())).$d}else h&&this.$d[h](m);return this.init(),this},p.set=function(e,t){return this.clone().$set(e,t)},p.get=function(e){return this[D.p(e)]()},p.add=function(n,c){var f,h=this;n=Number(n);var m=D.p(c),z=function(e){var t=$(h);return D.w(t.date(t.date()+Math.round(e*n)),h)};if(m===l)return this.set(l,this.$M+n);if(m===d)return this.set(d,this.$y+n);if(m===s)return z(1);if(m===a)return z(7);var v=(f={},f[u]=t,f[o]=i,f[r]=e,f)[m]||1,p=this.$d.getTime()+n*v;return D.w(p,this)},p.subtract=function(e,t){return this.add(-1*e,t)},p.format=function(e){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||h;var n=e||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),u=this.$H,o=this.$m,s=this.$M,a=i.weekdays,l=i.months,c=i.meridiem,d=function(e,i,r,u){return e&&(e[i]||e(t,n))||r[i].slice(0,u)},f=function(e){return D.s(u%12||12,e,"0")},m=c||function(e,t,i){var n=e<12?"AM":"PM";return i?n.toLowerCase():n};return n.replace(z,function(e,n){return n||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return D.s(t.$y,4,"0");case"M":return s+1;case"MM":return D.s(s+1,2,"0");case"MMM":return d(i.monthsShort,s,l,3);case"MMMM":return d(l,s);case"D":return t.$D;case"DD":return D.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return d(i.weekdaysMin,t.$W,a,2);case"ddd":return d(i.weekdaysShort,t.$W,a,3);case"dddd":return a[t.$W];case"H":return String(u);case"HH":return D.s(u,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(u,o,!0);case"A":return m(u,o,!1);case"m":return String(o);case"mm":return D.s(o,2,"0");case"s":return String(t.$s);case"ss":return D.s(t.$s,2,"0");case"SSS":return D.s(t.$ms,3,"0");case"Z":return r}return null}(e)||r.replace(":","")})},p.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},p.diff=function(n,f,h){var m,z=this,v=D.p(f),p=$(n),g=(p.utcOffset()-this.utcOffset())*t,b=this-p,x=function(){return D.m(z,p)};switch(v){case d:m=x()/12;break;case l:m=x();break;case c:m=x()/3;break;case a:m=(b-g)/6048e5;break;case s:m=(b-g)/864e5;break;case o:m=b/i;break;case u:m=b/t;break;case r:m=b/e;break;default:m=b}return h?m:D.a(m)},p.daysInMonth=function(){return this.endOf(l).$D},p.$locale=function(){return x[this.$L]},p.locale=function(e,t){if(!e)return this.$L;var i=this.clone(),n=M(e,t,!0);return n&&(i.$L=n),i},p.clone=function(){return D.w(this.$d,this)},p.toDate=function(){return new Date(this.valueOf())},p.toJSON=function(){return this.isValid()?this.toISOString():null},p.toISOString=function(){return this.$d.toISOString()},p.toString=function(){return this.$d.toUTCString()},v}(),k=S.prototype;return $.prototype=k,[["$ms",n],["$s",r],["$m",u],["$H",o],["$W",s],["$M",l],["$y",d],["$D",f]].forEach(function(e){k[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),$.extend=function(e,t){return e.$i||(e(t,S,$),e.$i=!0),$},$.locale=M,$.isDayjs=w,$.unix=function(e){return $(1e3*e)},$.en=x[b],$.Ls=x,$.p={},$}()),h={exports:{}},m=s(h.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,n=/\d\d/,r=/\d\d?/,u=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)},a=function(e){return function(t){this[e]=+t}},l=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),i=60*t[1]+(+t[2]||0);return 0===i?0:"+"===t[0]?-i:i}(e)}],c=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var i,n=o.meridiem;if(n){for(var r=1;r<=24;r+=1)if(e.indexOf(n(r,0,t))>-1){i=r>12;break}}else i=e===(t?"pm":"PM");return i},f={A:[u,function(e){this.afternoon=d(e,!1)}],a:[u,function(e){this.afternoon=d(e,!0)}],Q:[i,function(e){this.month=3*(e-1)+1}],S:[i,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[u,function(e){var t=o.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],w:[r,a("week")],ww:[n,a("week")],M:[r,a("month")],MM:[n,a("month")],MMM:[u,function(e){var t=c("months"),i=(c("monthsShort")||t.map(function(e){return e.slice(0,3)})).indexOf(e)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[u,function(e){var t=c("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\d{4}/,a("year")],Z:l,ZZ:l};function h(i){var n,r;n=i,r=o&&o.formats;for(var u=(i=n.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,n){var u=n&&n.toUpperCase();return i||r[n]||e[n]||r[u].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),s=u.length,a=0;a<s;a+=1){var l=u[a],c=f[l],d=c&&c[0],h=c&&c[1];u[a]=h?{regex:d,parser:h}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},i=0,n=0;i<s;i+=1){var r=u[i];if("string"==typeof r)n+=r.length;else{var o=r.regex,a=r.parser,l=e.slice(n),c=o.exec(l)[0];a.call(t,c),e=e.replace(c,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var i=e.hours;t?i<12&&(e.hours+=12):12===i&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,i){i.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var n=t.prototype,r=n.parse;n.parse=function(e){var t=e.date,n=e.utc,u=e.args;this.$u=n;var s=u[1];if("string"==typeof s){var a=!0===u[2],l=!0===u[3],c=a||l,d=u[2];l&&(d=u[2]),o=this.$locale(),!a&&d&&(o=i.Ls[d]),this.$d=function(e,t,i,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=h(t)(e),u=r.year,o=r.month,s=r.day,a=r.hours,l=r.minutes,c=r.seconds,d=r.milliseconds,f=r.zone,m=r.week,z=new Date,v=s||(u||o?1:z.getDate()),p=u||z.getFullYear(),g=0;u&&!o||(g=o>0?o-1:z.getMonth());var b,x=a||0,y=l||0,w=c||0,M=d||0;return f?new Date(Date.UTC(p,g,v,x,y,w,M+60*f.offset*1e3)):i?new Date(Date.UTC(p,g,v,x,y,w,M)):(b=new Date(p,g,v,x,y,w,M),m&&(b=n(b).week(m).toDate()),b)}catch(e){return new Date("")}}(t,s,n,i),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),c&&t!=this.format(s)&&(this.$d=new Date("")),o={}}else if(s instanceof Array)for(var f=s.length,m=1;m<=f;m+=1){u[1]=s[m-1];var z=i.apply(this,u);if(z.isValid()){this.$d=z.$d,this.$L=z.$L,this.init();break}m===f&&(this.$d=new Date(""))}else r.call(this,e)}}}());f.extend(m);var z={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},v={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},p={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},g={xs:"zui:min-w-[10rem]",sm:"zui:min-w-[12rem]",md:"zui:min-w-[12rem]",lg:"zui:min-w-[14rem]"},b=function(e){return"contained"===e?"zui:bg-muted":"zui:bg-background"};function x(e){return e<10?"0".concat(e):"".concat(e)}function y(e,t,i){void 0===i&&(i=0);for(var n=[],r=i;r<=t;r+=e)n.push(r);return n}var w=r.forwardRef(function(o,s){var d,h,m,w=o.label,M=o.floatingLabel,$=void 0!==M&&M,D=o.description,S=o.error,k=o.size,Y=void 0===k?"md":k,N=o.variant,L=void 0===N?"outlined":N,T=o.focusOutline,O=void 0===T||T,C=o.className,H=o.value,A=o.defaultValue,_=void 0===A?null:A,P=o.onChange,j=o.format,E=void 0===j?"HH:mm":j,Z=o.use12Hours,F=o.hourStep,U=void 0===F?1:F,W=o.minuteStep,R=void 0===W?1:W,V=o.secondStep,I=void 0===V?1:V,q=o.needConfirm,K=void 0===q||q,B=o.showNow,J=void 0===B||B,Q=o.okText,X=void 0===Q?"OK":Q,G=o.closeText,ee=void 0===G?"Close":G,te=o.nowText,ie=void 0===te?"Now":te,ne=o.amText,re=void 0===ne?"AM":ne,ue=o.pmText,oe=void 0===ue?"PM":ue,se=o.hourLabel,ae=void 0===se?"Hour":se,le=o.minuteLabel,ce=void 0===le?"Minute":le,de=o.secondLabel,fe=void 0===de?"Second":de,he=o.disabledHours,me=o.disabledMinutes,ze=o.disabledSeconds,ve=o.disabled,pe=o.placeholder,ge=o.required,be=o.allowClear,xe=void 0===be||be,ye=o.id,we=e(o,["label","floatingLabel","description","error","size","variant","focusOutline","className","value","defaultValue","onChange","format","use12Hours","hourStep","minuteStep","secondStep","needConfirm","showNow","okText","closeText","nowText","amText","pmText","hourLabel","minuteLabel","secondLabel","disabledHours","disabledMinutes","disabledSeconds","disabled","placeholder","required","allowClear","id"]),Me=ye||function(e){void 0===e&&(e="timepicker");var t=r.useRef();return t.current||(t.current="".concat(e,"-").concat(Math.random().toString(36).slice(2,9))),t.current}("timepicker"),$e=(h=E,"boolean"==typeof(m=Z)?m:/(^|[^H])h/.test(h)||/(\sa\b|\sA\b|a\b|A\b)/.test(h)),De=function(e){return/\bss\b/.test(e)}(E),Se=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-90 zui:text-gray-900 zui:bg-gray-50 zui:border zui:border-gray-300":""}}(ve||!1),ke=r.useRef(void 0!==H).current,Ye=r.useState(_),Ne=Ye[0],Le=Ye[1],Te=ke?null!=H?H:null:null!=Ne?Ne:null,Oe=Te?Te.format(E):"",Ce=r.useState(Oe),He=Ce[0],Ae=Ce[1],_e=r.useState(!1);_e[0];var Pe=_e[1];r.useEffect(function(){Ae(Oe)},[Oe]);var je=r.useState(null),Ee=je[0],Ze=je[1],Fe=Boolean(Ee),Ue=r.useRef(null),We=r.useRef(!1);function Re(e,t){var i;Ze(e&&null!==(i=null!=t?t:Ue.current)&&void 0!==i?i:null)}function Ve(){We.current=!0,Re(!1),K&&(Ae(Oe),Ke(Te)),Promise.resolve().then(function(){We.current=!1})}r.useEffect(function(){function e(e){"Escape"===e.key&&(e.stopPropagation(),e.preventDefault(),Fe&&Ze(null))}return Fe&&document.addEventListener("keydown",e,!0),function(){return document.removeEventListener("keydown",e,!0)}},[Fe]);var Ie=r.useState(Te),qe=Ie[0],Ke=Ie[1];r.useEffect(function(){Fe&&(Ke(Te),Ae(Oe))},[Fe,Te,Oe]);var Be=r.useMemo(function(){return $e?y(U,12,1):y(U,23,0)},[$e,U]),Je=r.useMemo(function(){return y(R,59,0)},[R]),Qe=r.useMemo(function(){return y(I,59,0)},[I]);function Xe(e){var t=e?e.format(E):"";null==P||P(e,t),ke||Le(e)}function Ge(e,t,i,n){var r;if(!(null==he?void 0:he($e?e%12||12:e))&&!((null==me?void 0:me(t))||De&&(null==ze?void 0:ze(i)))){var u=$e?function(e,t){return t?"am"===t?12===e?0:e:12===e?12:e+12:e}(e,n):e,o=(null!==(r=null!=qe?qe:Te)&&void 0!==r?r:f()).hour(u).minute(t).second(De?i:0).millisecond(0);Ke(o),Ae(o.format(E)),K||Xe(o)}}var et=qe?qe.format(E):"",tt=Fe&&""!==et.trim()?et:Oe;var it=r.useRef(null),nt=r.useRef(null),rt=r.useRef(null);function ut(e,t){var i=e.current;if(i){var n=Array.from(i.querySelectorAll('button[role="option"]:not([aria-disabled="true"])'));if(0!==n.length){var r=n.findIndex(function(e){return e===document.activeElement});n[r<0?0:Math.max(0,Math.min(n.length-1,r+t))].focus()}}}function ot(e,t){"ArrowDown"===e.key?(e.preventDefault(),ut(t,1)):"ArrowUp"===e.key&&(e.preventDefault(),ut(t,-1))}var st="lg"===Y?18:16,at=w||"Time picker",lt=Boolean(tt)&&!ve&&!!xe,ct=null!==(d=null!=qe?qe:Te)&&void 0!==d?d:null,dt=ct?ct.hour():$e?12:0,ft=ct?ct.minute():0,ht=ct?ct.second():0,mt=dt>=12?"pm":"am",zt=dt%12==0?12:dt%12;return i("div",{className:a("zui:w-full",Se.container,g[Y],C),children:[!$&&w&&i("label",{htmlFor:Me,className:a("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",Se.label),children:[w,ge&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:a("zui:relative zui:w-full zui:rounded-sm zui:border zui:bg-background zui:text-sm zui:transition-colors",O&&"zui:focus-within:ring-1 zui:focus-within:ring-ring zui:focus-within:ring-offset-1","outlined"===L&&"zui:border-input","contained"===L&&"zui:bg-muted zui:border-transparent",Se.input,S&&"zui:border-destructive",S&&O&&"zui:focus-within:ring-destructive"),children:[$&&w&&i("label",{htmlFor:Me,className:a("zui:absolute zui:left-3 zui:top-0 zui:-translate-y-1/2 zui:px-1 zui:text-xs zui:pointer-events-none zui:transition-colors zui:z-10",b(L),Se.label),children:[w,ge&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),n("input",t({id:Me,ref:function(e){"function"==typeof s?s(e):s&&(s.current=e),Ue.current=e},value:tt,onChange:function(e){var t;Ae(null!==(t=e.target.value)&&void 0!==t?t:"")},onBlur:function(){Pe(!1);var e=(null!=He?He:"").trim();if(K){if(!e)return Ke(null),void Ae(Oe);(t=f(e,E,!0)).isValid()?Ke(t.millisecond(0)):(Ae(Oe),Ke(Te))}else{if(!e)return void Xe(null);var t;(t=f(e,E,!0)).isValid()?Xe(t.millisecond(0)):Ae(Oe)}},onFocus:function(e){Pe(!0),ve||We.current||Re(!0,Ue.current||e.currentTarget)},onClick:function(e){ve||We.current||Re(!0,Ue.current||e.currentTarget)},placeholder:null!=pe?pe:$e?De?"h:mm:ss a":"h:mm a":De?"HH:mm:ss":"HH:mm","aria-label":at,disabled:ve,required:ge,className:a("zui:peer zui:block zui:w-full zui:bg-transparent zui:outline-none zui:px-3 zui:disabled:cursor-not-allowed zui:disabled:opacity-50",z[Y],v[Y],lt?"zui:pr-20":"zui:pr-10")},we)),lt?n("button",{type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),Ke(null),Ae(""),Xe(null),We.current=!0,Re(!1),Promise.resolve().then(function(){We.current=!1})},className:a("zui:absolute zui:inset-y-0 zui:right-9 zui:flex zui:items-center zui:text-muted-foreground hover:zui:text-gray-700 focus:zui:outline-none",p[Y]),"aria-label":"Clear time",children:n(l,{size:st})}):null,n("button",{type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),function(e){ve||Re(!Fe,e.currentTarget)}(e)},className:a("zui:absolute zui:inset-y-0 zui:right-0 zui:flex zui:items-center zui:text-muted-foreground hover:zui:text-gray-700 disabled:zui:opacity-50",p[Y]),disabled:ve,"aria-label":"Toggle time panel",children:n(c,{size:st})})]}),i("div",{className:"zui:flex zui:flex-row zui:justify-between",children:[D&&!S&&!ve&&n("p",{className:"zui:text-xs zui:text-muted-foreground",children:D}),S&&n("p",{className:"zui:text-xs zui:text-destructive",children:S})]}),n(u,{open:Fe,anchorEl:Ee,onClose:function(e,t){"backdropClick"!==t&&"escapeKeyDown"!==t&&Ve()},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{className:a("zui:rounded-sm zui:border zui:border-gray-200 zui:shadow-lg zui:bg-white zui:p-2","zui:w-[22rem] sm:zui:w-[24rem]")}},children:i("div",{className:"zui:flex zui:flex-col zui:gap-2",children:[i("div",{className:"zui:grid zui:grid-cols-3 zui:gap-2 zui:text-xs zui:text-gray-500 zui:sticky zui:top-0 zui:bg-white zui:z-10",children:[n("div",{className:"zui:text-center",children:ae}),n("div",{className:"zui:text-center",children:ce}),n("div",{className:"zui:text-center",children:De?fe:$e?"AM/PM":""})]}),i("div",{className:"zui:grid zui:grid-cols-3 zui:gap-2",children:[n("div",{ref:it,onKeyDown:function(e){return ot(e,it)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select hour",children:Be.map(function(e){var t,i=$e?zt===e:dt===e,r=null!==(t=null==he?void 0:he($e?e%12||12:e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ge(e,ft,ht,$e?mt:void 0)},className:a("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:x(e)},e)})}),n("div",{ref:nt,onKeyDown:function(e){return ot(e,nt)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select minute",children:Je.map(function(e){var t,i=ft===e,r=null!==(t=null==me?void 0:me(e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ge($e?zt:dt,e,ht,$e?mt:void 0)},className:a("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:x(e)},e)})}),De?n("div",{ref:rt,onKeyDown:function(e){return ot(e,rt)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select second",children:Qe.map(function(e){var t,i=ht===e,r=null!==(t=null==ze?void 0:ze(e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ge($e?zt:dt,ft,e,$e?mt:void 0)},className:a("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:x(e)},e)})}):$e?n("div",{className:"zui:flex zui:flex-col zui:gap-1",role:"listbox","aria-label":"Select AM/PM",children:["am","pm"].map(function(e){var t=mt===e;return n("button",{type:"button",role:"option","aria-selected":t,onClick:function(){Ge(zt||12,ft,ht,e)},className:a("zui:flex-1 zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",t&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium"),"aria-pressed":t,children:"am"===e?re:oe},e)})}):null]}),i("div",{className:"zui:flex zui:items-center zui:justify-between zui:pt-1",children:[J?n("button",{type:"button",onClick:function(){var e=f(),t=e.second(De?e.second():0).millisecond(0);Ke(t),Ae(t.format(E)),Xe(t),We.current=!0,Re(!1),Promise.resolve().then(function(){We.current=!1})},className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:ie}):n("span",{}),i("div",{className:"zui:flex zui:gap-2",children:[n("button",{type:"button",onClick:Ve,className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded-sm zui:px-2 zui:py-1",children:ee}),K&&n("button",{type:"button",onClick:function(){Xe(null!=qe?qe:null),We.current=!0,Re(!1),Promise.resolve().then(function(){We.current=!1})},className:"zui:text-white zui:bg-blue-600 hover:zui:bg-blue-700 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded-sm zui:px-3 zui:py-1",children:X})]})]})]})})]})});export{w as TimePicker,w as default};