chesai-ui 0.16.15 → 0.16.17

package/dist/components/index.d.ts

@@ -97,3 +97,4 @@ export * from './virtual-list';
 export * from './swipeable';
 export * from './website-studio';
 export * from './playlist-studio';
+export * from './reverse-infinite-scroll';

package/dist/components/reverse-infinite-scroll/index.mjs

@@ -0,0 +1,107 @@
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
+import { forwardRef as z, useRef as p, useState as D, useEffect as a, useImperativeHandle as q, useLayoutEffect as T } from "react";
+import { clsx as A } from "clsx";
+import { LoadingIndicator as C } from "../loadingIndicator/index.mjs";
+const F = z(
+  ({
+    children: m,
+    onLoadOlder: x,
+    hasMore: g,
+    isLoading: u,
+    loader: R,
+    autoScrollThreshold: f = 120,
+    loadThreshold: v = 50,
+    onAtBottomChange: w,
+    behavior: b = "instant",
+    className: y,
+    viewportClassName: I,
+    ...N
+  }, L) => {
+    const n = p(null), h = p(null), e = p({
+      previousScrollHeight: 0,
+      previousScrollTop: 0,
+      isAtBottom: !0,
+      isLoadingOlder: !1
+    }), [G, H] = D(!0);
+    a(() => {
+      e.current.isLoadingOlder = u;
+    }, [u]);
+    const O = (t) => {
+      const { scrollTop: r, scrollHeight: o, clientHeight: c } = t;
+      return o - c - r <= f;
+    }, S = (t) => {
+      const r = n.current;
+      if (!r) return;
+      const o = r.scrollHeight - r.clientHeight;
+      r.scrollTo({
+        top: o,
+        behavior: t || b
+      }), e.current.isAtBottom = !0, d(!0);
+    }, d = (t) => {
+      e.current.isAtBottom !== t && (e.current.isAtBottom = t, H(t), w?.(t));
+    };
+    q(L, () => ({
+      scrollToBottom: (t) => S(t),
+      getHTMLElement: () => n.current,
+      isAtBottom: () => e.current.isAtBottom
+    }));
+    const j = (t) => {
+      const r = t.currentTarget, { scrollTop: o, scrollHeight: c } = r;
+      e.current.previousScrollTop = o, e.current.previousScrollHeight = c;
+      const l = O(r);
+      d(l), o <= v && g && !e.current.isLoadingOlder && (e.current.isLoadingOlder = !0, x());
+    };
+    return T(() => {
+      const t = n.current;
+      t && (e.current.previousScrollHeight = t.scrollHeight, e.current.previousScrollTop = t.scrollTop);
+    }), T(() => {
+      const t = n.current;
+      if (!t) return;
+      const { previousScrollHeight: r, previousScrollTop: o, isAtBottom: c } = e.current, l = t.scrollHeight, s = l - r;
+      s > 0 && o <= v + 10 ? t.scrollTop = o + s : c && (t.scrollTop = l - t.clientHeight);
+    }, [m]), a(() => {
+      const t = n.current, r = h.current;
+      if (!t || !r) return;
+      const o = new ResizeObserver(() => {
+        const { previousScrollHeight: c, previousScrollTop: l, isAtBottom: s } = e.current, E = c - t.clientHeight - l <= f;
+        if (s || E) {
+          const B = t.scrollHeight - t.clientHeight;
+          t.scrollTop = B, e.current.previousScrollHeight = t.scrollHeight, e.current.previousScrollTop = B, e.current.isAtBottom = !0, H(!0);
+        }
+      });
+      return o.observe(r), () => o.disconnect();
+    }, [f]), a(() => {
+      S("instant");
+    }, []), /* @__PURE__ */ i(
+      "div",
+      {
+        ref: n,
+        onScroll: j,
+        className: A(
+          "flex flex-col overflow-y-auto h-full w-full outline-none",
+          I
+        ),
+        style: {
+          overflowAnchor: "none"
+          // Override browser anchoring to allow custom precision offsets
+        },
+        ...N,
+        children: /* @__PURE__ */ k(
+          "div",
+          {
+            ref: h,
+            className: A("flex flex-col w-full", y),
+            children: [
+              g && /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-center py-4 min-h-[48px]", children: u ? R || /* @__PURE__ */ i(C, { variant: "material-morph-background" }) : /* @__PURE__ */ i("div", { className: "h-px bg-transparent w-full" }) }),
+              m
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = "ReverseInfiniteScroll";
+export {
+  F as ReverseInfiniteScroll
+};

package/dist/index.mjs

@@ -5,9 +5,9 @@ import { default as p } from "./components/device/index.mjs";
 import { default as i } from "./components/material3-carousel/Carousel.mjs";
 import { default as l } from "./components/material3-carousel/CarouselItem.mjs";
 import { Popover as u, PopoverAnchor as f, PopoverArrow as d, PopoverClose as s, PopoverContent as S, PopoverPortal as c, PopoverTrigger as C } from "./components/popover/index.mjs";
-import { Accordion as T } from "./components/accordion/index.mjs";
+import { Accordion as I } from "./components/accordion/index.mjs";
 import { Alert as D, AlertAction as g, AlertContent as P, AlertDescription as h, AlertIcon as F, AlertTitle as B } from "./components/alert/index.mjs";
-import { AppBar as A, useAppBarContext as R } from "./components/appbar/index.mjs";
+import { AppBar as R, useAppBarContext as A } from "./components/appbar/index.mjs";
 import { Avatar as y } from "./components/avatar/index.mjs";
 import { AvatarGroup as G } from "./components/avatar/AvatarGroup.mjs";
 import { Badge as V } from "./components/badge/index.mjs";
@@ -22,12 +22,12 @@ import { Card as no, CardGroup as lo, cardVariants as xo } from "./components/ca
 import { AreaChart as fo } from "./components/charts/area-chart.mjs";
 import { BarChart as So } from "./components/charts/bar-chart.mjs";
 import { LineChart as Co } from "./components/charts/line-chart.mjs";
-import { PieChart as To } from "./components/charts/pie-chart.mjs";
+import { PieChart as Io } from "./components/charts/pie-chart.mjs";
 import { Checkbox as Do } from "./components/checkbox/index.mjs";
 import { Chip as Po } from "./components/chip/index.mjs";
 import { CodeEditor as Fo } from "./components/code-editor/index.mjs";
 import { ColorPicker as Mo } from "./components/color-picker/index.mjs";
-import { Combobox as Ro } from "./components/combobox/index.mjs";
+import { Combobox as Ao } from "./components/combobox/index.mjs";
 import { Command as yo, CommandDialog as vo, CommandEmpty as Go, CommandFooter as Lo, CommandGroup as Vo, CommandInput as ko, CommandItem as Eo, CommandList as No, CommandSeparator as Ho, CommandShortcut as Oo } from "./components/command/index.mjs";
 import { ContextMenu as Qo } from "./components/context-menu/index.mjs";
 import { DataDisplay as Wo } from "./components/data-display/index.mjs";
@@ -43,11 +43,11 @@ import { DateInputGroup as ur } from "./components/date-input/date-input-group.m
 import { DateInputSegment as dr } from "./components/date-input/date-input-segment.mjs";
 import { DateInputField as Sr } from "./components/date-input/date-input-field.mjs";
 import { useDateInput as Cr } from "./components/date-input/use-date-input.mjs";
-import { useTimeInput as Tr } from "./components/date-input/use-time-input.mjs";
+import { useTimeInput as Ir } from "./components/date-input/use-time-input.mjs";
 import { formatDuration as Dr, parseDuration as gr, useDurationInput as Pr } from "./components/date-input/use-duration-input.mjs";
 import { DateInput as Fr } from "./components/date-input/date-input.mjs";
 import { TimeInput as Mr } from "./components/date-input/time-input.mjs";
-import { DurationInput as Rr } from "./components/date-input/duration-input.mjs";
+import { DurationInput as Ar } from "./components/date-input/duration-input.mjs";
 import { DurationInputField as yr } from "./components/date-input/duration-input-field.mjs";
 import { DurationInputSegment as Gr } from "./components/date-input/duration-input-segment.mjs";
 import { Calendar as Vr } from "./components/date-picker/calendar.mjs";
@@ -58,10 +58,10 @@ import { Divider as Yr } from "./components/divider/index.mjs";
 import { DropdownMenu as $r, DropdownMenuCheckboxItem as oe, DropdownMenuContent as re, DropdownMenuGroup as ee, DropdownMenuItem as te, DropdownMenuLabel as ae, DropdownMenuPortal as pe, DropdownMenuRadioGroup as me, DropdownMenuRadioItem as ie, DropdownMenuSeparator as ne, DropdownMenuShortcut as le, DropdownMenuSub as xe, DropdownMenuSubContent as ue, DropdownMenuSubTrigger as fe, DropdownMenuTrigger as de } from "./components/dropdown-menu/index.mjs";
 import { Dropzone as Se, VirtualDropzone as ce } from "./components/dropzone/index.mjs";
 import { ElasticScrollArea as be } from "./components/elastic-scroll-area/index.mjs";
-import { EmptyState as Ie } from "./components/empty-state/index.mjs";
+import { EmptyState as Te } from "./components/empty-state/index.mjs";
 import { FAB as ge } from "./components/fab/index.mjs";
 import { FABMenu as he, useFABMenu as Fe } from "./components/fab-menu/index.mjs";
-import { Field as Me, FieldDescription as Ae, FieldError as Re, FieldGroup as we, FieldLabel as ye, useField as ve } from "./components/field/index.mjs";
+import { Field as Me, FieldDescription as Re, FieldError as Ae, FieldGroup as we, FieldLabel as ye, useField as ve } from "./components/field/index.mjs";
 import { FloatingPanel as Le, useFloatingPanel as Ve } from "./components/floating-panel/index.mjs";
 import { RecurrenceDialog as Ee } from "./components/full-calendar/recurrence-dialog.mjs";
 import { RecurrenceSelect as He } from "./components/full-calendar/recurrence-select.mjs";
@@ -73,9 +73,9 @@ import { inputWrapperVariants as $e } from "./components/input/input-styles.mjs"
 import { Input as rt } from "./components/input/index.mjs";
 import { InputGroup as tt, InputGroupAddon as at, InputGroupInput as pt, InputGroupText as mt, InputGroupTextarea as it } from "./components/input-group/index.mjs";
 import { InstallCommand as lt } from "./components/install-command/index.mjs";
-import { Item as ut, ItemActions as ft, ItemContent as dt, ItemDescription as st, ItemExpandedContent as St, ItemFooter as ct, ItemGroup as Ct, ItemHeader as bt, ItemMedia as Tt, ItemSeparator as It, ItemTitle as Dt, useItem as gt } from "./components/item/index.mjs";
+import { Item as ut, ItemActions as ft, ItemContent as dt, ItemDescription as st, ItemExpandedContent as St, ItemFooter as ct, ItemGroup as Ct, ItemHeader as bt, ItemMedia as It, ItemSeparator as Tt, ItemTitle as Dt, useItem as gt } from "./components/item/index.mjs";
 import { Kbd as ht } from "./components/kbd/index.mjs";
-import { DismissibleContext as Bt, LayoutRouter as Mt, useLayoutRouter as At } from "./components/layout-router/index.mjs";
+import { DismissibleContext as Bt, LayoutRouter as Mt, useLayoutRouter as Rt } from "./components/layout-router/index.mjs";
 import { LayoutDirectionToggle as wt } from "./components/layout-toggle/index.mjs";
 import { Flex as vt, FlexItem as Gt } from "./components/layouts/flex.mjs";
 import { Grid as Vt, GridItem as kt } from "./components/layouts/grid.mjs";
@@ -94,11 +94,11 @@ import { MultiSelect as ia } from "./components/multi-select/index.mjs";
 import { NavigationMenu as la, navigationMenuTriggerStyle as xa } from "./components/navigation-menu/index.mjs";
 import { NavigationRail as fa, useNavigationRail as da } from "./components/navigation-rail/index.mjs";
 import { NumberInput as Sa } from "./components/number-input/index.mjs";
-import { InputOTP as Ca, InputOTPGroup as ba, InputOTPSeparator as Ta, InputOTPSlot as Ia } from "./components/otp-field/index.mjs";
+import { InputOTP as Ca, InputOTPGroup as ba, InputOTPSeparator as Ia, InputOTPSlot as Ta } from "./components/otp-field/index.mjs";
 import { CircularProgress as ga } from "./components/progress/circular-progress.mjs";
 import { LinearProgress as ha } from "./components/progress/linear-progress.mjs";
 import { PullToRefresh as Ba } from "./components/pull-to-refresh/index.mjs";
-import { QRCode as Aa, QRCodeCanvas as Ra, QRCodeContent as wa, QRCodeToolbar as ya } from "./components/qr-code/index.mjs";
+import { QRCode as Ra, QRCodeCanvas as Aa, QRCodeContent as wa, QRCodeToolbar as ya } from "./components/qr-code/index.mjs";
 import { Radio as Ga, RadioGroup as La, RadioGroupItem as Va } from "./components/radio-group/index.mjs";
 import { Resizable as Ea, useResizableState as Na } from "./components/resizable/index.mjs";
 import { SearchView as Oa } from "./components/search-view/index.mjs";
@@ -109,8 +109,8 @@ import { ShallowPage as Za, ShallowRoute as $a, ShallowRouter as op, ShallowSwit
 import { SHAPE_PATHS as pp } from "./components/shape/paths.mjs";
 import { ShapedBadge as ip, ShapedButton as np, ShapedContainer as lp, ShapedIcon as xp, ShapedIconButton as up, ShapedImage as fp } from "./components/shape/shaped-components.mjs";
 import { Shape as sp } from "./components/shape/index.mjs";
-import { Sheet as cp, SheetClose as Cp, SheetContent as bp, SheetDescription as Tp, SheetFooter as Ip, SheetGrabber as Dp, SheetHeader as gp, SheetTitle as Pp, SheetTrigger as hp } from "./components/sheet/index.mjs";
-import { Sidebar as Bp, SidebarProvider as Mp, useSidebar as Ap } from "./components/sidebar/index.mjs";
+import { Sheet as cp, SheetClose as Cp, SheetContent as bp, SheetDescription as Ip, SheetFooter as Tp, SheetGrabber as Dp, SheetHeader as gp, SheetTitle as Pp, SheetTrigger as hp } from "./components/sheet/index.mjs";
+import { Sidebar as Bp, SidebarProvider as Mp, useSidebar as Rp } from "./components/sidebar/index.mjs";
 import { Skeleton as wp } from "./components/skeleton/index.mjs";
 import { BarLineSlider as vp } from "./components/slider/bar-line-slider.mjs";
 import { Slider as Lp } from "./components/slider/index.mjs";
@@ -125,11 +125,11 @@ import { Taskbar as um } from "./components/taskbar/index.mjs";
 import { Textarea as dm } from "./components/textarea/index.mjs";
 import { FontPicker as Sm } from "./components/theme-controls/FontPicker.mjs";
 import { Timeline as Cm } from "./components/timeline/index.mjs";
-import { TimePicker as Tm } from "./components/time-picker/index.mjs";
+import { TimePicker as Im } from "./components/time-picker/index.mjs";
 import { toast as Dm } from "sonner";
 import { Toaster as Pm } from "./components/toast/index.mjs";
 import { Toolbar as Fm } from "./components/toolbar/index.mjs";
-import { Tooltip as Mm, TooltipProvider as Am, TooltipTrigger as Rm, useTooltip as wm } from "./components/tooltip/index.mjs";
+import { Tooltip as Mm, TooltipProvider as Rm, TooltipTrigger as Am, useTooltip as wm } from "./components/tooltip/index.mjs";
 import { Typography as vm } from "./components/typography/index.mjs";
 import { VideoPlayer as Lm } from "./components/video-player/index.mjs";
 import { useViewTransition as km } from "./components/view-transition/use-view-transition.mjs";
@@ -146,31 +146,32 @@ import { PlaylistPlayer as ti } from "./components/playlist-studio/player.mjs";
 import { PreloadContext as pi, usePreload as mi } from "./components/playlist-studio/preload-context.mjs";
 import { PlaylistAudio as ni, PlaylistHtml as li, PlaylistImage as xi, PlaylistVideo as ui, defaultPlaylistRegistry as fi } from "./components/playlist-studio/elements.mjs";
 import { PlaylistStudio as si } from "./components/playlist-studio/index.mjs";
-import { ActionSheetProvider as ci, useActionSheet as Ci } from "./context/ActionSheetProvider.mjs";
-import { ChesaiProvider as Ti } from "./context/ChesaiProvider.mjs";
-import { DialogProvider as Di, useDialog as gi } from "./context/DialogProvider.mjs";
-import { LayoutProvider as hi, useLayout as Fi } from "./context/layout-context.mjs";
-import { ThemeProvider as Mi, useTheme as Ai, useThemeTransition as Ri } from "./context/ThemeProvider.mjs";
-import { useCalendar as yi } from "./hooks/use-calender.mjs";
-import { useTimePicker as Gi } from "./hooks/use-time-picker.mjs";
-import { useAppBar as Vi } from "./hooks/useAppBar.mjs";
-import { useCapacitorBackButton as Ei } from "./hooks/useCapacitorBackButton.mjs";
-import { useFlubber as Hi } from "./hooks/useFlubber.mjs";
-import { useMaterialRipple as zi } from "./hooks/useMaterialRipple.mjs";
-import { useWindowSizeClass as Ki } from "./hooks/useWindowSizeClass.mjs";
-import { PRESET_FONTS as _i, loadGoogleFont as ji } from "./utils/font-loader.mjs";
-import { CSS_MAPPING as Ji, applyThemeVariables as Ui, clearThemeVariables as Xi } from "./utils/theme-generator.mjs";
-import { chesaiColors as Zi } from "./utils/tailwind-preset.mjs";
+import { ReverseInfiniteScroll as ci } from "./components/reverse-infinite-scroll/index.mjs";
+import { ActionSheetProvider as bi, useActionSheet as Ii } from "./context/ActionSheetProvider.mjs";
+import { ChesaiProvider as Di } from "./context/ChesaiProvider.mjs";
+import { DialogProvider as Pi, useDialog as hi } from "./context/DialogProvider.mjs";
+import { LayoutProvider as Bi, useLayout as Mi } from "./context/layout-context.mjs";
+import { ThemeProvider as Ai, useTheme as wi, useThemeTransition as yi } from "./context/ThemeProvider.mjs";
+import { useCalendar as Gi } from "./hooks/use-calender.mjs";
+import { useTimePicker as Vi } from "./hooks/use-time-picker.mjs";
+import { useAppBar as Ei } from "./hooks/useAppBar.mjs";
+import { useCapacitorBackButton as Hi } from "./hooks/useCapacitorBackButton.mjs";
+import { useFlubber as zi } from "./hooks/useFlubber.mjs";
+import { useMaterialRipple as Ki } from "./hooks/useMaterialRipple.mjs";
+import { useWindowSizeClass as _i } from "./hooks/useWindowSizeClass.mjs";
+import { PRESET_FONTS as qi, loadGoogleFont as Ji } from "./utils/font-loader.mjs";
+import { CSS_MAPPING as Xi, applyThemeVariables as Yi, clearThemeVariables as Zi } from "./utils/theme-generator.mjs";
+import { chesaiColors as on } from "./utils/tailwind-preset.mjs";
 export {
-  T as Accordion,
-  ci as ActionSheetProvider,
+  I as Accordion,
+  bi as ActionSheetProvider,
   D as Alert,
   g as AlertAction,
   P as AlertContent,
   h as AlertDescription,
   F as AlertIcon,
   B as AlertTitle,
-  A as AppBar,
+  R as AppBar,
   fo as AreaChart,
   y as Avatar,
   G as AvatarGroup,
@@ -189,7 +190,7 @@ export {
   ro as BreadcrumbSeparator,
   to as Button,
   mo as ButtonGroup,
-  Ji as CSS_MAPPING,
+  Xi as CSS_MAPPING,
   Vr as Calendar,
   no as Card,
   lo as CardGroup,
@@ -197,12 +198,12 @@ export {
   l as CarouselItem,
   Do as Checkbox,
   Zt as ChesaiMap,
-  Ti as ChesaiProvider,
+  Di as ChesaiProvider,
   Po as Chip,
   ga as CircularProgress,
   Fo as CodeEditor,
   Mo as ColorPicker,
-  Ro as Combobox,
+  Ao as Combobox,
   yo as Command,
   vo as CommandDialog,
   Go as CommandEmpty,
@@ -235,7 +236,7 @@ export {
   _r as DialogDescription,
   jr as DialogFooter,
   qr as DialogHeader,
-  Di as DialogProvider,
+  Pi as DialogProvider,
   Jr as DialogTitle,
   Ur as DialogTrigger,
   Bt as DismissibleContext,
@@ -256,16 +257,16 @@ export {
   fe as DropdownMenuSubTrigger,
   de as DropdownMenuTrigger,
   Se as Dropzone,
-  Rr as DurationInput,
+  Ar as DurationInput,
   yr as DurationInputField,
   Gr as DurationInputSegment,
   be as ElasticScrollArea,
-  Ie as EmptyState,
+  Te as EmptyState,
   ge as FAB,
   he as FABMenu,
   Me as Field,
-  Ae as FieldDescription,
-  Re as FieldError,
+  Re as FieldDescription,
+  Ae as FieldError,
   we as FieldGroup,
   ye as FieldLabel,
   vt as Flex,
@@ -288,8 +289,8 @@ export {
   it as InputGroupTextarea,
   Ca as InputOTP,
   ba as InputOTPGroup,
-  Ta as InputOTPSeparator,
-  Ia as InputOTPSlot,
+  Ia as InputOTPSeparator,
+  Ta as InputOTPSlot,
   lt as InstallCommand,
   ut as Item,
   ft as ItemActions,
@@ -299,14 +300,14 @@ export {
   ct as ItemFooter,
   Ct as ItemGroup,
   bt as ItemHeader,
-  Tt as ItemMedia,
-  It as ItemSeparator,
+  It as ItemMedia,
+  Tt as ItemSeparator,
   Dt as ItemTitle,
   E as Kanban,
   N as KanbanBoard,
   ht as Kbd,
   wt as LayoutDirectionToggle,
-  hi as LayoutProvider,
+  Bi as LayoutProvider,
   Mt as LayoutRouter,
   jt as LexicalEditor,
   Co as LineChart,
@@ -321,8 +322,8 @@ export {
   la as NavigationMenu,
   fa as NavigationRail,
   Sa as NumberInput,
-  _i as PRESET_FONTS,
-  To as PieChart,
+  qi as PRESET_FONTS,
+  Io as PieChart,
   ni as PlaylistAudio,
   li as PlaylistHtml,
   xi as PlaylistImage,
@@ -340,8 +341,8 @@ export {
   Ke as PrintHeader,
   We as PrintPagesLayout,
   Ba as PullToRefresh,
-  Aa as QRCode,
-  Ra as QRCodeCanvas,
+  Ra as QRCode,
+  Aa as QRCodeCanvas,
   wa as QRCodeContent,
   ya as QRCodeToolbar,
   Ga as Radio,
@@ -350,6 +351,7 @@ export {
   Ee as RecurrenceDialog,
   He as RecurrenceSelect,
   Ea as Resizable,
+  ci as ReverseInfiniteScroll,
   pp as SHAPE_PATHS,
   Um as ScriptAndStyleInjector,
   Oa as SearchView,
@@ -373,8 +375,8 @@ export {
   cp as Sheet,
   Cp as SheetClose,
   bp as SheetContent,
-  Tp as SheetDescription,
-  Ip as SheetFooter,
+  Ip as SheetDescription,
+  Tp as SheetFooter,
   Dp as SheetGrabber,
   gp as SheetHeader,
   Pp as SheetTitle,
@@ -397,15 +399,15 @@ export {
   nm as Tabs,
   um as Taskbar,
   dm as Textarea,
-  Mi as ThemeProvider,
+  Ai as ThemeProvider,
   Mr as TimeInput,
-  Tm as TimePicker,
+  Im as TimePicker,
   Cm as Timeline,
   Pm as Toaster,
   Fm as Toolbar,
   Mm as Tooltip,
-  Am as TooltipProvider,
-  Rm as TooltipTrigger,
+  Rm as TooltipProvider,
+  Am as TooltipTrigger,
   Om as TransitionLink,
   vm as Typography,
   Lm as VideoPlayer,
@@ -416,11 +418,11 @@ export {
   Wt as VirtualMasonry,
   $m as WebsiteStudio,
   or as advancedFilterFn,
-  Ui as applyThemeVariables,
+  Yi as applyThemeVariables,
   ao as buttonVariants,
   xo as cardVariants,
-  Zi as chesaiColors,
-  Xi as clearThemeVariables,
+  on as chesaiColors,
+  Zi as clearThemeVariables,
   zp as createStackNavigator,
   ir as dateInputSlots,
   nr as dateInputStyles,
@@ -430,7 +432,7 @@ export {
   lr as getDateInputSlotClassNames,
   qe as iconButtonVariants,
   $e as inputWrapperVariants,
-  ji as loadGoogleFont,
+  Ji as loadGoogleFont,
   xa as navigationMenuTriggerStyle,
   rr as numericFilterFn,
   gr as parseDuration,
@@ -440,25 +442,25 @@ export {
   am as thVariants,
   Dm as toast,
   pm as trVariants,
-  Ci as useActionSheet,
-  Vi as useAppBar,
-  R as useAppBarContext,
-  yi as useCalendar,
-  Ei as useCapacitorBackButton,
+  Ii as useActionSheet,
+  Ei as useAppBar,
+  A as useAppBarContext,
+  Gi as useCalendar,
+  Hi as useCapacitorBackButton,
   Cr as useDateInput,
-  gi as useDialog,
+  hi as useDialog,
   Pr as useDurationInput,
   Qp as useExternalStackState,
   Fe as useFABMenu,
   ve as useField,
   Ve as useFloatingPanel,
-  Hi as useFlubber,
+  zi as useFlubber,
   Nm as useGlobalViewTransitions,
   gt as useItem,
-  Fi as useLayout,
-  At as useLayoutRouter,
+  Mi as useLayout,
+  Rt as useLayoutRouter,
   ra as useMap,
-  zi as useMaterialRipple,
+  Ki as useMaterialRipple,
   Kp as useNavigation,
   da as useNavigationRail,
   ri as usePlayhead,
@@ -468,18 +470,18 @@ export {
   ep as useRouter,
   tp as useRouterOptions,
   Ja as useSelectContext,
-  Ap as useSidebar,
+  Rp as useSidebar,
   W as useSortableItem,
   Ym as useStudioStore,
   _m as useSwipeable,
   mm as useTableContext,
   lm as useTabs,
   Np as useTanStackRouterAdapter,
-  Ai as useTheme,
-  Ri as useThemeTransition,
-  Tr as useTimeInput,
-  Gi as useTimePicker,
+  wi as useTheme,
+  yi as useThemeTransition,
+  Ir as useTimeInput,
+  Vi as useTimePicker,
   wm as useTooltip,
   km as useViewTransition,
-  Ki as useWindowSizeClass
+  _i as useWindowSizeClass
 };

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "chesai-ui",
   "private": false,
-  "version": "0.16.15",
+  "version": "0.16.17",
+  "packageManager": "pnpm@10.12.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/ayhamdev/chesai-ui"
@@ -24,6 +25,19 @@
   "engines": {
     "node": ">=22"
   },
+  "scripts": {
+    "dev": "bunx storybook dev -p 8000",
+    "build": "storybook build",
+    "build:lib": "tsc && vite build",
+    "build:docs": "npx ts-node  ./scripts/generate-llm.ts",
+    "lint": "npx @biomejs/biome lint --write ./src",
+    "format": "npx @biomejs/biome check --write --organize-imports-enabled=true ./src",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "gen:context": "bun run ./scripts/context.ts",
+    "git:diff-merge": "git diff --unified=2000 $(git merge-base main HEAD)...HEAD",
+    "git:diff": "git diff --unified=2000 > git-changes.txt"
+  },
   "dependencies": {
     "@capacitor/app": "^8.0.0",
     "@capacitor/core": "^8.0.1",
@@ -155,18 +169,5 @@
       "biome lint --write --no-errors-on-unmatched --files-ignore-unknown=true",
       "biome format --write --no-errors-on-unmatched"
     ]
-  },
-  "scripts": {
-    "dev": "bunx storybook dev -p 8000",
-    "build": "storybook build",
-    "build:lib": "tsc && vite build",
-    "build:docs": "npx ts-node  ./scripts/generate-llm.ts",
-    "lint": "npx @biomejs/biome lint --write ./src",
-    "format": "npx @biomejs/biome check --write --organize-imports-enabled=true ./src",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "gen:context": "bun run ./scripts/context.ts",
-    "git:diff-merge": "git diff --unified=2000 $(git merge-base main HEAD)...HEAD",
-    "git:diff": "git diff --unified=2000 > git-changes.txt"
   }
-}
+}