@manafishrov/ui 1.5.1 → 1.5.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "@manafishrov/ui",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "Styled component library for Manafish interfaces ",
   "license": "AGPL-3.0-or-later",
   "repository": {
@@ -238,9 +238,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@ark-ui/solid": "5.34.1",
-    "@fontsource-variable/google-sans-code": "5.2.3",
-    "@fontsource-variable/google-sans-flex": "5.2.1",
+    "@ark-ui/solid": "5.36.2",
+    "@fontsource-variable/google-sans-code": "5.2.4",
+    "@fontsource-variable/google-sans-flex": "5.2.3",
     "@fontsource/chakra-petch": "5.2.7",
     "@fontsource/rajdhani": "5.2.7",
     "tailwind-merge": "3.5.0",
@@ -252,8 +252,8 @@
     "@semantic-release/github": "12.0.6",
     "@semantic-release/release-notes-generator": "14.1.0",
     "semantic-release": "25.0.3",
-    "unplugin-dts": "1.0.0-beta.6",
-    "tw-animate-css": "1.4.0"
+    "tw-animate-css": "1.4.0",
+    "unplugin-dts": "1.0.0"
   },
   "peerDependencies": {
     "@iconify-json/material-symbols": "^1.2.9",

package/src/Theme.tsx

@@ -90,7 +90,12 @@ export const ThemeProvider: Component<ThemeProviderProps> = (props) => {
     return current === Theme.system ? systemTheme() : current;
   };
 
-  onMount(() => createSystemThemeListener(setSystemTheme));
+  onMount(() => {
+    const cleanup = createSystemThemeListener((nextTheme) => {
+      setSystemTheme(nextTheme);
+    });
+    onCleanup(cleanup);
+  });
 
   createEffect(
     on(

package/src/components/Button.tsx

@@ -4,9 +4,10 @@ import { type VariantProps, cn, tv } from 'tailwind-variants';
 import { Separator } from '@/components/Separator';
 import { Spinner } from '@/components/Spinner';
 
-export type ButtonProps = Omit<ComponentProps<'button'>, 'size'> &
+export type ButtonProps = Omit<ComponentProps<'button'>, 'size' | 'disabled'> &
   VariantProps<typeof buttonVariants> & {
-    loading?: boolean;
+    loading?: boolean | undefined;
+    disabled?: boolean | undefined;
   };
 
 export const buttonVariants = tv({
@@ -47,11 +48,18 @@ export const buttonVariants = tv({
 export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 
 export const Button: Component<ButtonProps> = (props) => {
-  const [local, others] = splitProps(props, ['class', 'size', 'variant', 'loading', 'children']);
+  const [local, others] = splitProps(props, [
+    'class',
+    'size',
+    'variant',
+    'loading',
+    'disabled',
+    'children',
+  ]);
   return (
     <button
       class={buttonVariants({ class: local.class, size: local.size, variant: local.variant })}
-      disabled={local.loading}
+      disabled={local.loading === true || local.disabled === true}
       data-loading={local.loading}
       data-slot='button'
       {...others}

package/src/components/HoverCard.tsx

@@ -25,10 +25,10 @@ export const HoverCardContent: Component<HoverCardPrimitive.ContentProps> = (pro
       class={cn(
         'p-4 text-sm shadow-md w-64 relative isolate z-50 origin-(--transform-origin) transform-gpu rounded-lg border border-border bg-popover text-popover-foreground duration-100 will-change-transform outline-none [--arrow-background:var(--popover)]',
         "after:pointer-events-none after:absolute after:z-[60] after:rounded-full after:content-['']",
-        'data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover',
-        'data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover',
-        'data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:right-0 data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover',
-        'data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:left-0 data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover',
+        'data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover',
+        'data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover',
+        'data-[placement^=left]:after:right-0 data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover',
+        'data-[placement^=right]:after:left-0 data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover',
         'data-[state=open]:animate-in data-[state=open]:fade-in-0',
         'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
         'data-[side=bottom]:slide-in-from-top-2',

package/src/components/InputGroup.tsx

@@ -30,7 +30,7 @@ export const InputGroup: Component<ComponentProps<'div'>> = (props) => {
 };
 
 export const inputGroupAddonVariants = tv({
-  base: "gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center text-muted-foreground select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]",
+  base: "gap-2 py-1.5 text-sm font-medium [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)]",
   variants: {
     align: {
       'inline-start': 'pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]',

package/src/components/Item.tsx

@@ -32,7 +32,7 @@ export const ItemSeparator: Component<ComponentProps<typeof Separator>> = (props
 };
 
 export const itemVariants = tv({
-  base: 'text-sm group/item flex w-full flex-wrap items-center rounded-lg border outline-none transition-colors duration-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted',
+  base: 'text-sm group/item flex w-full flex-wrap items-center rounded-lg border transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted',
   variants: {
     variant: {
       default: 'border-transparent',
@@ -67,7 +67,7 @@ export const Item: Component<ItemProps> = (props) => {
 };
 
 export const itemMediaVariants = tv({
-  base: 'gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none',
+  base: 'gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 flex shrink-0 items-center justify-center group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none',
   variants: {
     variant: {
       default: 'bg-transparent',
@@ -101,7 +101,7 @@ export const ItemContent: Component<ComponentProps<'div'>> = (props) => {
     <div
       data-slot='item-content'
       class={cn(
-        'gap-1 [&+[data-slot=item-content]]:flex-none group-data-[size=xs]/item:gap-0 flex flex-1 flex-col',
+        'gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none',
         local.class,
       )}
       {...others}

package/src/components/Kbd.tsx

@@ -7,7 +7,7 @@ export const Kbd: Component<ComponentProps<'kbd'>> = (props) => {
     <kbd
       data-slot='kbd'
       class={cn(
-        "h-5 min-w-5 gap-1 px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
+        "h-5 min-w-5 gap-1 px-1 text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted font-sans text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
         local.class,
       )}
       {...others}

package/src/components/Popover.tsx

@@ -26,12 +26,12 @@ export const PopoverContent: Component<PopoverPrimitive.ContentProps> = (props)
     <PopoverPrimitive.Content
       data-slot='popover-content'
       class={cn(
-        'relative isolate p-2.5 text-sm shadow-md w-72 z-50 origin-(--transform-origin) transform-gpu will-change-transform rounded-lg border border-foreground/10 bg-popover text-popover-foreground duration-100 outline-none [--arrow-background:var(--popover)]',
+        'p-2.5 text-sm shadow-md w-72 relative isolate z-50 origin-(--transform-origin) transform-gpu rounded-lg border border-foreground/10 bg-popover text-popover-foreground duration-100 will-change-transform outline-none [--arrow-background:var(--popover)]',
         "after:pointer-events-none after:absolute after:z-[60] after:rounded-full after:content-['']",
-        'data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover',
-        'data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover',
-        'data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:right-0 data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover',
-        'data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:left-0 data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover',
+        'data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover',
+        'data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover',
+        'data-[placement^=left]:after:right-0 data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover',
+        'data-[placement^=right]:after:left-0 data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover',
         'data-[state=open]:animate-in data-[state=open]:fade-in-0',
         'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
         'data-[side=bottom]:slide-in-from-top-2',

package/src/components/Select.tsx

@@ -185,13 +185,9 @@ export const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props
   );
 };
 
-const callEventHandler = <
-  TElement,
-  THandlerEvent extends Event,
-  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },
->(
+const callEventHandler = <TElement, THandlerEvent extends Event>(
   handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,
-  event: TEvent,
+  event: THandlerEvent & { currentTarget: TElement; target: Element },
 ): void => {
   if (typeof handler === 'function') {
     handler(event);

package/src/components/Splitter.tsx

@@ -29,10 +29,10 @@ export const SplitterResizeTrigger: Component<SplitterResizeTriggerProps> = (pro
       data-slot='splitter-resize-trigger'
       class={cn(
         'relative flex w-px items-center justify-center bg-border ring-offset-background',
-        "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 after:content-['']",
+        "after:inset-y-0 after:w-1 after:absolute after:left-1/2 after:-translate-x-1/2 after:content-['']",
         'focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden',
         'data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full',
-        'data-[orientation=vertical]:after:top-1/2 data-[orientation=vertical]:after:left-0',
+        'data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:top-1/2',
         'data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full',
         'data-[orientation=vertical]:after:translate-x-0 data-[orientation=vertical]:after:-translate-y-1/2',
         '[&[data-orientation=vertical]>div]:rotate-90',

package/src/components/Switch.tsx

@@ -38,7 +38,7 @@ export const SwitchControl: Component<SwitchPrimitive.ControlProps> = (props) =>
         'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50',
         'data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80',
         'data-[disabled=true]:opacity-50',
-        'data-[readonly=true]:data-[focus-visible]:ring-0 group-data-[readonly=true]/switch:group-has-focus-visible/switch:ring-0',
+        'group-data-[readonly=true]/switch:group-has-focus-visible/switch:ring-0 data-[readonly=true]:data-[focus-visible]:ring-0',
         'group-data-[size=default]/switch:h-5 group-data-[size=default]/switch:w-9 px-px',
         'group-data-[size=sm]/switch:h-4 group-data-[size=sm]/switch:w-7 px-px',
         local.class,

package/src/components/Toggle.tsx

@@ -4,7 +4,7 @@ import { createContext, useContext, type Component, type JSX, splitProps } from
 import { cn, tv, type VariantProps } from 'tailwind-variants';
 
 export const toggleVariants = tv({
-  base: 'gap-1 text-sm font-medium [&_svg:not([class*="size-"])]:size-4 group/toggle inline-flex items-center justify-center rounded-lg whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-destructive/20 data-pressed:bg-muted data-[state=on]:bg-muted dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0',
+  base: 'gap-1 text-sm font-medium [&_svg:not([class*="size-"])]:size-4 group/toggle inline-flex items-center justify-center rounded-lg whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-muted data-[invalid=true]:border-destructive data-[invalid=true]:ring-destructive/20 data-[state=on]:bg-muted dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0',
   variants: {
     variant: {
       default: 'bg-transparent',

package/src/components/Typography.tsx

@@ -68,7 +68,7 @@ export const InlineCode: Component<ComponentProps<'code'>> = (props) => {
   return (
     <code
       class={cn(
-        'rounded font-mono text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem]',
+        'rounded text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem] font-mono',
         local.class,
       )}
       {...others}

package/src/components/form/SwitchField.tsx

@@ -31,7 +31,7 @@ export const SwitchField: Component<SwitchFieldProps> = (props) => {
         <Switch
           checked={field().state.value}
           onCheckedChange={(details) => {
-            field().handleChange(Boolean(details.checked));
+            field().handleChange(details.checked);
           }}
           onBlur={() => {
             field().handleBlur();

package/src/components/marquee/Marquee.tsx

@@ -34,7 +34,7 @@ export const MarqueeEdge: Component<MarqueePrimitive.EdgeProps> = (props) => {
   return (
     <MarqueePrimitive.Edge
       class={cn(
-        'pointer-events-none inset-y-0 absolute z-10 w-16 bg-linear-to-r from-background from-0% to-transparent to-100%',
+        'inset-y-0 w-16 pointer-events-none absolute z-10 bg-linear-to-r from-background from-0% to-transparent to-100%',
         local.class,
       )}
       {...others}

package/src/components/sidebar/SidebarMenu.tsx

@@ -154,10 +154,12 @@ export const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {
     >
       <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>
         <TooltipTrigger
-          {...buttonDataProps()}
-          {...others}
           asChild={(triggerProps) =>
-            renderSidebarMenuButton(local.asChild, triggerProps(), local.children)
+            renderSidebarMenuButton(
+              local.asChild,
+              { ...triggerProps(), ...buttonDataProps(), ...others },
+              local.children,
+            )
           }
         />
         <Portal>

package/src/components/sidebar/SidebarProvider.tsx

@@ -70,13 +70,19 @@ const useSidebarState = (
 
   return {
     isMobile,
-    setMobileDisabled,
+    setMobileDisabled: (value) => {
+      setMobileDisabled(value);
+    },
     openMobile,
-    setOpenMobile,
+    setOpenMobile: (value) => {
+      setOpenMobile(value);
+    },
     open,
     setOpen,
     side,
-    setSide,
+    setSide: (value) => {
+      setSide(value);
+    },
   };
 };
 const useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {

package/dist/node_modules/.bun/@ark-ui_solid@5.34.1_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.js

@@ -1,8 +0,0 @@
-import { createAnatomy as e } from "../../../../../../@zag-js_anatomy@1.35.3/node_modules/@zag-js/anatomy/dist/create-anatomy.js";
-//#region ../../node_modules/.bun/@ark-ui+solid@5.34.1+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.jsx
-var t = e("toggle", ["root", "indicator"]);
-t.build();
-//#endregion
-export { t as toggleAnatomy };
-
-//# sourceMappingURL=24WXBTEA.js.map

package/dist/node_modules/.bun/@ark-ui_solid@5.34.1_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"24WXBTEA.js","names":["createAnatomy","toggleAnatomy","parts","build"],"sources":["../../../../../../../../../../../node_modules/.bun/@ark-ui+solid@5.34.1+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.jsx"],"sourcesContent":["// src/components/toggle/toggle.anatomy.ts\nimport { createAnatomy } from \"@zag-js/anatomy\";\nvar toggleAnatomy = createAnatomy(\"toggle\", [\"root\", \"indicator\"]);\nvar parts = toggleAnatomy.build();\n\nexport {\n  toggleAnatomy\n};\n"],"x_google_ignoreList":[0],"mappings":";;AAEA,IAAIC,IAAgBD,EAAc,UAAU,CAAC,QAAQ,YAAY,CAAC;AACtDC,EAAcE,OAAO"}

package/dist/node_modules/.bun/@ark-ui_solid@5.34.1_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js

@@ -1,44 +0,0 @@
-import { formatNumber as e } from "../../../../../../@zag-js_i18n-utils@1.35.3/node_modules/@zag-js/i18n-utils/dist/format-number.js";
-import { formatBytes as t } from "../../../../../../@zag-js_i18n-utils@1.35.3/node_modules/@zag-js/i18n-utils/dist/format-bytes.js";
-import { formatRelativeTime as n } from "../../../../../../@zag-js_i18n-utils@1.35.3/node_modules/@zag-js/i18n-utils/dist/format-relative-time.js";
-import { formatTime as r } from "../../../../../../@zag-js_i18n-utils@1.35.3/node_modules/@zag-js/i18n-utils/dist/format-time.js";
-import { useLocaleContext as i } from "./HOPBYFHD.js";
-import { __export as a } from "./7IUG3E2V.js";
-import { memo as o } from "solid-js/web";
-import { createMemo as s } from "solid-js";
-//#region ../../node_modules/.bun/@ark-ui+solid@5.34.1+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.jsx
-var c = (e) => {
-	let n = i();
-	return o(s(() => {
-		let { value: r, ...i } = e;
-		return t(r, n().locale, i);
-	}));
-}, l = (t) => {
-	let n = i();
-	return o(s(() => {
-		let { value: r, ...i } = t;
-		return e(r, n().locale, i);
-	}));
-}, u = (e) => {
-	let t = i();
-	return o(s(() => {
-		let { value: r, ...i } = e;
-		return n(r, t().locale, i);
-	}));
-}, d = (e) => {
-	let t = i();
-	return o(s(() => {
-		let { value: n, ...i } = e;
-		return r(n, t().locale, i);
-	}));
-}, f = {};
-a(f, {
-	Byte: () => c,
-	Number: () => l,
-	RelativeTime: () => u,
-	Time: () => d
-});
-//#endregion
-export { f as format_exports };
-
-//# sourceMappingURL=262SJY3P.js.map

package/dist/node_modules/.bun/@ark-ui_solid@5.34.1_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"262SJY3P.js","names":["useLocaleContext","__export","formatBytes","createMemo","FormatByte","props","ctx","text","value","intlOptions","locale","_$memo","formatNumber","createMemo2","FormatNumber","formatRelativeTime","createMemo3","FormatRelativeTime","formatTime","createMemo4","FormatTime","format_exports","Byte","Number","RelativeTime","Time"],"sources":["../../../../../../../../../../../node_modules/.bun/@ark-ui+solid@5.34.1+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.jsx"],"sourcesContent":["import {\n  useLocaleContext\n} from \"./HOPBYFHD.jsx\";\nimport {\n  __export\n} from \"./7IUG3E2V.jsx\";\n\n// src/components/format/format-byte.tsx\nimport { formatBytes } from \"@zag-js/i18n-utils\";\nimport { createMemo } from \"solid-js\";\nvar FormatByte = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo(() => {\n    const { value, ...intlOptions } = props;\n    return formatBytes(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format-number.tsx\nimport { formatNumber } from \"@zag-js/i18n-utils\";\nimport { createMemo as createMemo2 } from \"solid-js\";\nvar FormatNumber = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo2(() => {\n    const { value, ...intlOptions } = props;\n    return formatNumber(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format-relative-time.tsx\nimport { formatRelativeTime } from \"@zag-js/i18n-utils\";\nimport { createMemo as createMemo3 } from \"solid-js\";\nvar FormatRelativeTime = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo3(() => {\n    const { value, ...intlOptions } = props;\n    return formatRelativeTime(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format-time.tsx\nimport { formatTime } from \"@zag-js/i18n-utils\";\nimport { createMemo as createMemo4 } from \"solid-js\";\nvar FormatTime = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo4(() => {\n    const { value, ...intlOptions } = props;\n    return formatTime(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format.ts\nvar format_exports = {};\n__export(format_exports, {\n  Byte: () => FormatByte,\n  Number: () => FormatNumber,\n  RelativeTime: () => FormatRelativeTime,\n  Time: () => FormatTime\n});\n\nexport {\n  FormatByte,\n  FormatNumber,\n  FormatRelativeTime,\n  FormatTime,\n  format_exports\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAUA,IAAII,KAAcC,MAAU;CAC1B,IAAMC,IAAMN,GAAkB;AAK9B,QAAAW,EAJaR,QAAiB;EAC5B,IAAM,EAAEK,UAAO,GAAGC,MAAgBJ;AAClC,SAAOH,EAAYM,GAAOF,GAAK,CAACI,QAAQD,EAAY;GACpD,CACY;GAMZK,KAAgBT,MAAU;CAC5B,IAAMC,IAAMN,GAAkB;AAK9B,QAAAW,EAJaE,QAAkB;EAC7B,IAAM,EAAEL,UAAO,GAAGC,MAAgBJ;AAClC,SAAOO,EAAaJ,GAAOF,GAAK,CAACI,QAAQD,EAAY;GACrD,CACY;GAMZQ,KAAsBZ,MAAU;CAClC,IAAMC,IAAMN,GAAkB;AAK9B,QAAAW,EAJaK,QAAkB;EAC7B,IAAM,EAAER,UAAO,GAAGC,MAAgBJ;AAClC,SAAOU,EAAmBP,GAAOF,GAAK,CAACI,QAAQD,EAAY;GAC3D,CACY;GAMZW,KAAcf,MAAU;CAC1B,IAAMC,IAAMN,GAAkB;AAK9B,QAAAW,EAJaQ,QAAkB;EAC7B,IAAM,EAAEX,UAAO,GAAGC,MAAgBJ;AAClC,SAAOa,EAAWV,GAAOF,GAAK,CAACI,QAAQD,EAAY;GACnD,CACY;GAIZY,IAAiB,EAAE;AACvBpB,EAASoB,GAAgB;CACvBC,YAAYlB;CACZmB,cAAcT;CACdU,oBAAoBP;CACpBQ,YAAYL;CACb,CAAC"}