@unizap/uniui 1.0.23 → 1.0.24

package/dist/components/List/{ListItem.d.ts → ListItem/ListItem.d.ts}

@@ -1,4 +1,4 @@
-import { ListItemProps } from './List.types';
+import { ListItemProps } from '../List.types';
 
 declare const ListItem: ({ children, secondaryAction, className }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/dist/components/List/ListItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ListItem';

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

@@ -1,2 +1 @@
 export { default } from './List';
-export { default as ListItem } from './ListItem';

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export { default as ProfileImageShowcase } from './ProfileImageShowcase';
 export { default as Stepper } from './Stepper';
 export { default as Table } from './Table';
 export { default as List } from './List';
+export { default as ListItem } from './List/ListItem';
 export { default as TextInput } from './TextInput';
 export { default as Skeleton } from './Skeleton';
 export { default as TextArea } from './TextArea';

package/dist/uniui.js

@@ -5919,7 +5919,10 @@ const ei = {
       )
     ] })
   ] }) });
-}, Bl = ({ children: e, className: n = "" }) => /* @__PURE__ */ s.jsx("ul", { className: `divide-y divide-color-gray-200 rounded-md bg-color-white shadow-sm border border-color-gray-200 ${n}`, children: e }), ql = ({
+}, Bl = ({ children: e, className: n = "" }) => /* @__PURE__ */ s.jsx("ul", { className: `divide-y divide-color-gray-200 rounded-md bg-color-white shadow-sm border border-color-gray-200 ${n}`, children: e }), ql = ({ children: e, secondaryAction: n, className: t = "" }) => /* @__PURE__ */ s.jsxs("li", { className: `flex items-center justify-between overflow-hidden px-4 py-3 hover:bg-color-gray-50 transition ${t}`, children: [
+  /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: e }),
+  n && /* @__PURE__ */ s.jsx("div", { className: "ml-4", children: n })
+] }), Gl = ({
   animation: e = "pulse",
   variant: n = "rectangular",
   width: t,
@@ -5989,7 +5992,7 @@ const ei = {
             }
           ` })
   ] }) });
-}, Gl = ({
+}, Wl = ({
   label: e,
   error: n,
   className: t = "",
@@ -6037,7 +6040,7 @@ function oi(e) {
   }, []);
   return { schedule: i, flush: a, cancel: l, last: t };
 }
-const Wl = Zr(function({
+const Ul = Zr(function({
   /** controlled */
   value: n,
   /** uncontrolled */
@@ -6333,7 +6336,7 @@ const Wl = Zr(function({
     ] }),
     p && /* @__PURE__ */ s.jsx("div", { className: "ml-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem] text-right", children: m ? /* @__PURE__ */ s.jsx("div", { className: "range-max", children: /* @__PURE__ */ s.jsx("div", { children: D }) }) : /* @__PURE__ */ s.jsx("span", { children: y }) })
   ] }) });
-}), Ul = ({
+}), Yl = ({
   open: e = !1,
   message: n,
   autoHideDuration: t = 4e3,
@@ -6415,7 +6418,7 @@ const Wl = Zr(function({
       }
     )
   ] }) : null;
-}, Yl = ({
+}, Zl = ({
   variant: e = "linear",
   value: n = 0,
   color: t = "blue",
@@ -6515,7 +6518,7 @@ const Wl = Zr(function({
   small: "w-4 h-4",
   medium: "w-6 h-6",
   large: "w-8 h-8"
-}, Zl = ({
+}, Kl = ({
   value: e,
   onChange: n,
   readOnly: t = !1,
@@ -6584,7 +6587,7 @@ const Wl = Zr(function({
     k,
     d && f !== null ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: p[f] || f }) : g ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: p[e] || e }) : null
   ] });
-}, Kl = ({
+}, Xl = ({
   children: e,
   width: n = "100%",
   height: t = "auto",
@@ -6773,7 +6776,7 @@ const Wl = Zr(function({
       ]
     }
   );
-}, Xl = ({
+}, Jl = ({
   title: e,
   description: n,
   actionLabel: t,
@@ -6806,7 +6809,7 @@ const Wl = Zr(function({
       i
     ]
   }
-), Jl = ({
+), Ql = ({
   initialState: e = !1,
   onToggle: n,
   disabled: t = !1,
@@ -6869,7 +6872,7 @@ const Wl = Zr(function({
   small: "px-2 py-1 text-sm",
   medium: "px-4 py-2 text-base",
   large: "px-6 py-3 text-lg"
-}, Ql = ({
+}, es = ({
   value: e,
   onChange: n,
   options: t,
@@ -6977,7 +6980,7 @@ const Wl = Zr(function({
     /* @__PURE__ */ s.jsx("div", { children: c }),
     f && /* @__PURE__ */ s.jsx("div", { className: "absolute w-full h-full top-0 left-0 flex items-center justify-center bg-color-white bg-opacity-50", children: f })
   ] });
-}, es = ({
+}, ts = ({
   orientation: e = "horizontal",
   variant: n = "fullWidth",
   children: t,
@@ -7014,7 +7017,7 @@ const Wl = Zr(function({
       ${n === "inset" ? o ? "pl-4" : "pt-4" : ""} ${a}`
     }
   );
-}, ts = ({
+}, ns = ({
   name: e,
   options: n,
   selectedValue: t,
@@ -7055,7 +7058,7 @@ const Wl = Zr(function({
     },
     d
   );
-}) }), ns = ({
+}) }), rs = ({
   label: e,
   value: n,
   onChange: t,
@@ -7096,7 +7099,7 @@ const Wl = Zr(function({
       /* @__PURE__ */ s.jsx("span", { className: `absolute right-3 text-sm top-1/2 -translate-y-1/2 ${i ? "opacity-60" : ""}`, children: /* @__PURE__ */ s.jsx("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }) }) })
     ] })
   ] });
-}, rs = ({
+}, os = ({
   content: e,
   children: n,
   position: t = "top"
@@ -7245,7 +7248,7 @@ const si = {
     ) : null;
   }
 );
-function os({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
+function as({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
   const [o, a] = K(!1), [i, l] = K({ top: 0, left: 0 }), [c, u] = K(!1), d = se(null), g = se(null), p = (v) => {
     v.stopPropagation(), a((m) => !m), u(!1);
   };
@@ -7385,7 +7388,7 @@ const di = ({
     ),
     document.body
   );
-}, as = ({
+}, is = ({
   title: e,
   content: n,
   expandIcon: t,
@@ -7441,7 +7444,7 @@ const di = ({
   danger: "bg-color-red-500",
   warning: "bg-color-yellow-500",
   dark: "bg-color-gray-700"
-}, is = ({
+}, ls = ({
   message: e,
   variant: n = "info",
   onClose: t,
@@ -7488,7 +7491,7 @@ const di = ({
       ]
     }
   ) : null;
-}, ls = ({
+}, ss = ({
   children: e,
   count: n,
   showDot: t = !1,
@@ -8799,7 +8802,7 @@ function El(e, { relative: n } = {}) {
   let a = Fe(t.currentLocation.pathname, r) || t.currentLocation.pathname, i = Fe(t.nextLocation.pathname, r) || t.nextLocation.pathname;
   return gt(o.pathname, i) != null || gt(o.pathname, a) != null;
 }
-const ss = ({
+const cs = ({
   variant: e = "fixed",
   activeTab: n,
   navItems: t,
@@ -8825,7 +8828,7 @@ const ss = ({
       c.label
     );
   }) });
-}, cs = ({ items: e, separator: n = "/", className: t = "" }) => /* @__PURE__ */ s.jsx("nav", { className: `text-sm text-color-gray-600 ${t}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center space-x-1", children: e.map((r, o) => /* @__PURE__ */ s.jsxs("li", { className: "flex items-center", children: [
+}, us = ({ items: e, separator: n = "/", className: t = "" }) => /* @__PURE__ */ s.jsx("nav", { className: `text-sm text-color-gray-600 ${t}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center space-x-1", children: e.map((r, o) => /* @__PURE__ */ s.jsxs("li", { className: "flex items-center", children: [
   r.href ? /* @__PURE__ */ s.jsx(
     "a",
     {
@@ -8835,7 +8838,7 @@ const ss = ({
     }
   ) : /* @__PURE__ */ s.jsx("span", { className: "text-color-gray-500 font-medium", children: r.label }),
   o < e.length - 1 && /* @__PURE__ */ s.jsx("span", { className: "mx-2 text-color-gray-400", children: n })
-] }, o)) }) }), er = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], Pl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], us = ({
+] }, o)) }) }), er = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], Pl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ds = ({
   mode: e = "single",
   type: n = "inline",
   showTime: t = !1,
@@ -9060,7 +9063,7 @@ const ss = ({
     ),
     n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ci, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
   ] });
-}, ds = ({
+}, ps = ({
   tabs: e,
   activeKey: n,
   onChange: t,
@@ -9107,7 +9110,7 @@ const ss = ({
       ]
     }
   );
-}, ps = ({
+}, fs = ({
   stats: e = [],
   className: n = ""
 }) => /* @__PURE__ */ s.jsx(ii, { className: `w-full  ${n}`, children: /* @__PURE__ */ s.jsx("div", { className: "grid grid-columns-1 sm:grid-columns-1 md:grid-columns-2 lg:grid-columns-4 gap-4  justify-items-center", children: e.map((t, r) => /* @__PURE__ */ s.jsxs(
@@ -9131,7 +9134,7 @@ const ss = ({
   },
   r
 )) }) });
-function fs({
+function ms({
   items: e = [],
   logoJSX: n,
   position: t,
@@ -9193,52 +9196,53 @@ function fs({
   ) });
 }
 export {
-  as as Accordion,
-  os as ActionMenu,
-  is as Alert,
+  is as Accordion,
+  as as ActionMenu,
+  ls as Alert,
   hr as Avatar,
-  ls as Badge,
-  ss as BottomNavigation,
-  cs as Breadcrumbs,
+  ss as Badge,
+  cs as BottomNavigation,
+  us as Breadcrumbs,
   Gt as Button,
   ve as COLOR_MAP,
   ii as Card,
   Nl as CardWrapper,
-  Kl as Carousel,
+  Xl as Carousel,
   Dl as Checkbox,
-  ps as DashboardStatBoxes,
-  us as DatePicker,
+  fs as DashboardStatBoxes,
+  ds as DatePicker,
   ci as Dialog,
-  es as Divider,
+  ts as Divider,
   di as Drawer,
   zl as Dropdown,
   Tl as DropzoneUploader,
-  Xl as EmptyState,
+  Jl as EmptyState,
   je as IconButton,
   Bl as List,
+  ql as ListItem,
   oa as Menu,
   sa as OtpInput,
   ri as Pagination,
   da as PasswordInput,
   Ol as Pill,
   Il as ProfileImageShowcase,
-  Yl as Progress,
+  Zl as Progress,
   qt as RANGE_COLOR_MAP,
-  ts as RadioGroup,
-  Zl as Rating,
-  ns as Select,
-  fs as Sidebar,
-  ql as Skeleton,
-  Wl as Slider,
-  Ul as Snackbar,
+  ns as RadioGroup,
+  Kl as Rating,
+  rs as Select,
+  ms as Sidebar,
+  Gl as Skeleton,
+  Ul as Slider,
+  Yl as Snackbar,
   Vl as Stepper,
   Hl as Table,
-  ds as Tabs,
-  Gl as TextArea,
+  ps as Tabs,
+  Wl as TextArea,
   vr as TextInput,
-  Ql as ToggleButton,
-  Jl as ToggleSwitch,
-  rs as Tooltip,
+  es as ToggleButton,
+  Ql as ToggleSwitch,
+  os as Tooltip,
   ni as Typography,
   Fl as extendColorMap,
   Al as extendRangeColorMap