@epoch32/visage 1.1.5 → 1.3.0

package/dist/{index-b5wc752a.js → index-dvq5f3s8.js}

@@ -1,4 +1,5 @@
 import {
+  computed2,
   onCleanup2,
   createContext2,
   useContext2,
@@ -198,6 +199,346 @@ var Accordion2 = Object.assign(AccordionRoot, {
   Trigger: AccordionTrigger2,
   Content: AccordionContent2
 });
+// src/ui/bottom-bar/action.tsx
+function BottomBarAction2(props) {
+  const {
+    as: Tag = "button",
+    icon,
+    label,
+    disabled,
+    onClick,
+    children,
+    class: className,
+    style,
+    ...rest
+  } = props;
+  const defaultActionStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "44px",
+    height: "44px",
+    minWidth: "44px",
+    minHeight: "44px",
+    borderRadius: "50%",
+    background: "linear-gradient(135deg, #ec4899 0%, #a855f7 100%)",
+    color: "#ffffff",
+    border: "none",
+    boxShadow: "0 4px 14px rgba(236, 72, 153, 0.45)",
+    cursor: "pointer",
+    outline: "none",
+    userSelect: "none",
+    WebkitTapHighlightColor: "transparent",
+    transition: "transform 0.15s ease, box-shadow 0.15s ease",
+    boxSizing: "border-box"
+  };
+  const combinedStyle = style ? { ...defaultActionStyle, ...style } : defaultActionStyle;
+  return /* @__PURE__ */ jsx2(Tag, {
+    type: Tag === "button" ? "button" : undefined,
+    role: "button",
+    "aria-label": label ?? "Primary action",
+    disabled,
+    class: `visage-bottom-bar-action ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    onClick,
+    ...rest,
+    children: children !== undefined ? typeof children === "function" ? children() : children : typeof icon === "function" ? icon() : icon
+  });
+}
+
+// src/ui/bottom-bar/badge.tsx
+function BottomBarBadge2(props) {
+  const { as: Tag = "span", count, children, class: className, style, ...rest } = props;
+  const displayContent = computed2(() => {
+    if (children !== undefined) {
+      return typeof children === "function" ? children() : children;
+    }
+    if (count !== undefined) {
+      return typeof count === "function" ? count() : count;
+    }
+    return "";
+  });
+  const defaultBadgeStyle = {
+    position: "absolute",
+    top: "3px",
+    right: "8px",
+    minWidth: "16px",
+    height: "16px",
+    padding: "0 4px",
+    borderRadius: "9999px",
+    backgroundColor: "#ef4444",
+    color: "#ffffff",
+    fontSize: "9px",
+    fontWeight: 700,
+    lineHeight: "16px",
+    textAlign: "center",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxShadow: "0 0 0 1.5px rgba(18, 18, 24, 0.9)",
+    pointerEvents: "none",
+    boxSizing: "border-box"
+  };
+  const combinedStyle = style ? { ...defaultBadgeStyle, ...style } : defaultBadgeStyle;
+  return /* @__PURE__ */ jsx2(Tag, {
+    class: `visage-bottom-bar-badge ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    ...rest,
+    children: displayContent
+  });
+}
+
+// src/ui/bottom-bar/context.ts
+var BottomBarContext = createContext2(null);
+function useBottomBarContext2() {
+  return useContext2(BottomBarContext);
+}
+
+// src/ui/bottom-bar/item.tsx
+function BottomBarItem2(props) {
+  const ctx = useBottomBarContext2();
+  const isSelected = computed2(() => ctx ? ctx.value() === props.value : false);
+  const handleClick = (e) => {
+    const isDisabled = typeof props.disabled === "function" ? props.disabled() : Boolean(props.disabled);
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
+    if (ctx) {
+      ctx.setValue(props.value);
+    }
+    if (props.onClick) {
+      props.onClick(e);
+    }
+  };
+  const {
+    as: Tag = "button",
+    value,
+    icon,
+    label,
+    badge,
+    disabled,
+    onClick: _oc,
+    children,
+    class: className,
+    style,
+    ...rest
+  } = props;
+  const defaultItemStyle = {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    minWidth: "52px",
+    minHeight: "44px",
+    padding: "6px 8px",
+    borderRadius: "16px",
+    border: "none",
+    background: () => isSelected() ? "rgba(255, 255, 255, 0.08)" : "transparent",
+    color: () => isSelected() ? "#ec4899" : "rgba(255, 255, 255, 0.65)",
+    cursor: "pointer",
+    outline: "none",
+    userSelect: "none",
+    WebkitTapHighlightColor: "transparent",
+    transition: "color 0.15s ease, background-color 0.15s ease, transform 0.1s ease",
+    boxSizing: "border-box"
+  };
+  const combinedStyle = style ? { ...defaultItemStyle, ...style } : defaultItemStyle;
+  return /* @__PURE__ */ jsxs2(Tag, {
+    type: Tag === "button" ? "button" : undefined,
+    role: "tab",
+    id: ctx ? `${ctx.baseId}-item-${value}` : undefined,
+    "aria-selected": () => isSelected(),
+    "data-state": () => isSelected() ? "active" : "inactive",
+    "data-value": value,
+    disabled,
+    class: `visage-bottom-bar-item ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    onClick: handleClick,
+    ...rest,
+    children: [
+      badge !== undefined ? typeof badge === "function" || typeof badge === "string" || typeof badge === "number" ? /* @__PURE__ */ jsx2(BottomBarBadge2, {
+        count: badge
+      }) : badge : null,
+      children !== undefined ? typeof children === "function" ? children() : children : null,
+      icon ? /* @__PURE__ */ jsx2("span", {
+        class: "visage-bottom-bar-icon",
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: "18px"
+        },
+        children: typeof icon === "function" ? icon() : icon
+      }) : null,
+      label ? /* @__PURE__ */ jsx2("span", {
+        class: "visage-bottom-bar-label",
+        style: {
+          fontSize: "10px",
+          fontWeight: 500,
+          lineHeight: 1.2,
+          marginTop: "3px",
+          letterSpacing: "0.01em"
+        },
+        children: typeof label === "function" ? label() : label
+      }) : null
+    ]
+  });
+}
+
+// src/ui/bottom-bar/root.tsx
+function BottomBarRoot2(props) {
+  const [value, setValue] = createControllableSignal2({
+    value: props.value,
+    defaultValue: props.defaultValue ?? (props.items && props.items.length > 0 ? props.items[0]?.value : ""),
+    onChange: props.onValueChange
+  });
+  const baseId = createId2("bottom-bar");
+  const variant = props.variant ?? "floating";
+  const hideOnScroll = props.hideOnScroll ?? false;
+  const threshold = props.scrollThreshold ?? 20;
+  const isVisible = signal2(true);
+  if (hideOnScroll && typeof window !== "undefined") {
+    let lastScrollY = window.scrollY || 0;
+    const onScroll = () => {
+      const currentScrollY = window.scrollY || 0;
+      const diff = currentScrollY - lastScrollY;
+      if (Math.abs(diff) < 5)
+        return;
+      if (currentScrollY > threshold && diff > 0) {
+        if (isVisible())
+          isVisible.set(false);
+      } else if (diff < 0) {
+        if (!isVisible())
+          isVisible.set(true);
+      }
+      lastScrollY = Math.max(0, currentScrollY);
+    };
+    window.addEventListener("scroll", onScroll, { passive: true });
+  }
+  const ctx = {
+    value,
+    setValue,
+    baseId,
+    variant
+  };
+  const {
+    as: Tag = "nav",
+    value: _v,
+    defaultValue: _dv,
+    onValueChange: _ovc,
+    variant: _var,
+    hideOnScroll: _hos,
+    scrollThreshold: _st,
+    items,
+    itemClass,
+    itemStyle,
+    children,
+    class: className,
+    style,
+    ...rest
+  } = props;
+  const defaultFloatingStyle = {
+    position: "fixed",
+    bottom: "max(16px, env(safe-area-inset-bottom, 16px))",
+    left: "50%",
+    zIndex: 50,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "6px 10px",
+    borderRadius: "9999px",
+    backgroundColor: "rgba(18, 18, 24, 0.88)",
+    backdropFilter: "blur(20px)",
+    WebkitBackdropFilter: "blur(20px)",
+    border: "1px solid rgba(255, 255, 255, 0.1)",
+    boxShadow: "0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05)",
+    transform: () => isVisible() ? "translateX(-50%) translateY(0)" : "translateX(-50%) translateY(160%)",
+    opacity: () => isVisible() ? 1 : 0,
+    pointerEvents: () => isVisible() ? "auto" : "none",
+    transition: "transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease",
+    maxWidth: "calc(100vw - 32px)",
+    boxSizing: "border-box"
+  };
+  const defaultDockedStyle = {
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    zIndex: 50,
+    display: "flex",
+    justifyContent: "space-around",
+    alignItems: "center",
+    paddingTop: "8px",
+    paddingBottom: "max(10px, env(safe-area-inset-bottom, 10px))",
+    paddingLeft: "12px",
+    paddingRight: "12px",
+    backgroundColor: "rgba(18, 18, 24, 0.94)",
+    backdropFilter: "blur(20px)",
+    WebkitBackdropFilter: "blur(20px)",
+    borderTop: "1px solid rgba(255, 255, 255, 0.1)",
+    boxShadow: "0 -4px 20px rgba(0, 0, 0, 0.35)",
+    transform: () => isVisible() ? "translateY(0)" : "translateY(110%)",
+    opacity: () => isVisible() ? 1 : 0,
+    pointerEvents: () => isVisible() ? "auto" : "none",
+    transition: "transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease",
+    boxSizing: "border-box"
+  };
+  const computedDefaultStyle = variant === "floating" ? defaultFloatingStyle : defaultDockedStyle;
+  const combinedStyle = style ? { ...computedDefaultStyle, ...style } : computedDefaultStyle;
+  return BottomBarContext.Provider({
+    value: ctx,
+    children: () => /* @__PURE__ */ jsx2(Tag, {
+      role: "toolbar",
+      "aria-label": "Mobile toolbar",
+      "data-variant": variant,
+      "data-state": () => isVisible() ? "visible" : "hidden",
+      class: `visage-bottom-bar visage-bottom-bar-${variant} ${className ?? ""}`.trim(),
+      style: combinedStyle,
+      ...rest,
+      children: items ? items.map((item) => /* @__PURE__ */ jsx2(BottomBarItem2, {
+        value: item.value,
+        icon: item.icon,
+        label: item.label,
+        badge: item.badge,
+        disabled: item.disabled,
+        onClick: item.onClick,
+        class: item.class ?? itemClass,
+        style: item.style ?? itemStyle
+      })) : typeof children === "function" ? children() : children
+    })
+  });
+}
+
+// src/ui/bottom-bar/separator.tsx
+function BottomBarSeparator2(props) {
+  const { as: Tag = "div", class: className, style, ...rest } = props;
+  const defaultSeparatorStyle = {
+    width: "1px",
+    height: "22px",
+    backgroundColor: "rgba(255, 255, 255, 0.12)",
+    margin: "0 2px",
+    flexShrink: 0
+  };
+  const combinedStyle = style ? { ...defaultSeparatorStyle, ...style } : defaultSeparatorStyle;
+  return /* @__PURE__ */ jsx2(Tag, {
+    role: "separator",
+    "aria-orientation": "vertical",
+    class: `visage-bottom-bar-separator ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    ...rest
+  });
+}
+
+// src/ui/bottom-bar/index.ts
+var BottomBar2 = Object.assign(BottomBarRoot2, {
+  Root: BottomBarRoot2,
+  Item: BottomBarItem2,
+  Action: BottomBarAction2,
+  Badge: BottomBarBadge2,
+  Separator: BottomBarSeparator2
+});
 // src/ui/command-dialog.tsx
 function CommandDialog2(props) {
   const [open, setOpen] = createControllableSignal2({
@@ -1693,4 +2034,4 @@ var Toast2 = Object.assign(ToastRoot, {
   Description: ToastDescription2,
   Close: ToastClose2
 });
-export { useAccordionContext2, useAccordionItemContext2, AccordionItem2, AccordionTrigger2, AccordionContent2, Accordion2, CommandDialog2, useCommandContext2, CommandInput2, CommandList2, CommandEmpty2, CommandGroup2, CommandItem2, Command2, DataTable2, useDialogContext2, DialogTrigger2, DialogPortal2, DialogOverlay2, DialogContent2, DialogTitle2, DialogDescription2, DialogClose2, Dialog2, useDropdownMenuContext2, DropdownMenuTrigger2, DropdownMenuPortal2, DropdownMenuContent2, DropdownMenuItem2, DropdownMenuSeparator2, DropdownMenu2, createIcon2, usePopoverContext2, PopoverTrigger2, PopoverPortal2, PopoverContent2, PopoverClose2, Popover2, createToastManager2, defaultToastManager2, toast2, useToast2, ToastProvider2, ToastViewport2, ToastTitle2, ToastDescription2, ToastClose2, Toast2 };
+export { useAccordionContext2, useAccordionItemContext2, AccordionItem2, AccordionTrigger2, AccordionContent2, Accordion2, BottomBarAction2, BottomBarBadge2, useBottomBarContext2, BottomBarItem2, BottomBarRoot2, BottomBarSeparator2, BottomBar2, CommandDialog2, useCommandContext2, CommandInput2, CommandList2, CommandEmpty2, CommandGroup2, CommandItem2, Command2, DataTable2, useDialogContext2, DialogTrigger2, DialogPortal2, DialogOverlay2, DialogContent2, DialogTitle2, DialogDescription2, DialogClose2, Dialog2, useDropdownMenuContext2, DropdownMenuTrigger2, DropdownMenuPortal2, DropdownMenuContent2, DropdownMenuItem2, DropdownMenuSeparator2, DropdownMenu2, createIcon2, usePopoverContext2, PopoverTrigger2, PopoverPortal2, PopoverContent2, PopoverClose2, Popover2, createToastManager2, defaultToastManager2, toast2, useToast2, ToastProvider2, ToastViewport2, ToastTitle2, ToastDescription2, ToastClose2, Toast2 };

package/dist/index.d.ts

@@ -11,5 +11,5 @@ export { hydrate, renderChildToString, renderToStream, renderToString, type Stre
 export { batch, type CleanupFn, Computed, type Context, computed, createContext, createEffect, createMemo, createRoot, createSignal, createStore, type Dependency, Effect, effect, getActiveScope, isSignal, mutateStore, onCleanup, type ReadonlySignal, runInScope, Scope, Signal, type Store, type Subscriber, signal, untrack, unwrapStore, useContext, type WritableSignal } from "./signals";
 export { type BaseLayoutProps, Center, type CenterProps, type ClassValue, createStyle, css, cx, DIMENSION_KEYWORDS, em, extractStyleTags, fluid, formatStyleProp, type GlassOptions, Grid, type GridProps, getScopeId, glass, hashString, hasReactiveClass, normalizeClass, px, type RadiusVariant, Row, type RowProps, radius, rem, type ScopeOptions, type ShadowVariant, Spacer, type SpacerProps, Stack, type StackProps, Style, type StyleClasses, StyleManager, type StyleProps, scopeCSS, scopeSelector, shadow, space, styleManager, UNITLESS_PROPERTIES, useStyle } from "./style";
 export { html, template } from "./template";
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, type ColumnDef, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupData, CommandInput, type CommandInputProps, CommandItem, type CommandItemData, type CommandItemProps, CommandList, type CommandProps, type CreateTabsOptions, createControllableSignal, createIcon, createId, createTabs, createToastManager, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, defaultToastManager, type IconNode, type IconProps, onClickOutside, Popover, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverProps, PopoverTrigger, type SortDirection, type SortState, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, Toast, ToastClose, type ToastData, ToastDescription, type ToastManager, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, ToastTitle, type ToastVariant, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipTrigger, toast, trapFocus, useAccordionContext, useAccordionItemContext, useCommandContext, useDialogContext, useDropdownMenuContext, usePopoverContext, useTabsContext, useToast, useTooltipContext } from "./ui";
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, BottomBar, BottomBarAction, type BottomBarActionProps, BottomBarBadge, type BottomBarBadgeProps, type BottomBarContextValue, BottomBarItem, type BottomBarItemConfig, type BottomBarItemProps, type BottomBarProps, BottomBarRoot, BottomBarSeparator, type BottomBarSeparatorProps, type ColumnDef, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupData, CommandInput, type CommandInputProps, CommandItem, type CommandItemData, type CommandItemProps, CommandList, type CommandProps, type CreateTabsOptions, createControllableSignal, createIcon, createId, createTabs, createToastManager, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, defaultToastManager, type IconNode, type IconProps, onClickOutside, Popover, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverProps, PopoverTrigger, type SortDirection, type SortState, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, Toast, ToastClose, type ToastData, ToastDescription, type ToastManager, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, ToastTitle, type ToastVariant, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipTrigger, toast, trapFocus, useAccordionContext, useAccordionItemContext, useBottomBarContext, useCommandContext, useDialogContext, useDropdownMenuContext, usePopoverContext, useTabsContext, useToast, useTooltipContext } from "./ui";
 export { createVirtualizer, VirtualGrid, type VirtualGridProps, type VirtualItem, type Virtualizer, type VirtualizerOptions, VirtualList, type VirtualListProps } from "./virtual";

package/dist/index.js

@@ -103,6 +103,13 @@ import {
   AccordionTrigger2,
   AccordionContent2,
   Accordion2,
+  BottomBarAction2,
+  BottomBarBadge2,
+  useBottomBarContext2,
+  BottomBarItem2,
+  BottomBarRoot2,
+  BottomBarSeparator2,
+  BottomBar2,
   CommandDialog2,
   useCommandContext2,
   CommandInput2,
@@ -145,7 +152,7 @@ import {
   ToastDescription2,
   ToastClose2,
   Toast2
-} from "./index-b5wc752a.js";
+} from "./index-dvq5f3s8.js";
 import {
   createVirtualizer2,
   VirtualList2,
@@ -254,6 +261,12 @@ export {
   AccordionTrigger2 as AccordionTrigger,
   Area2 as Area,
   Bar2 as Bar,
+  BottomBar2 as BottomBar,
+  BottomBarAction2 as BottomBarAction,
+  BottomBarBadge2 as BottomBarBadge,
+  BottomBarItem2 as BottomBarItem,
+  BottomBarRoot2 as BottomBarRoot,
+  BottomBarSeparator2 as BottomBarSeparator,
   CartesianGrid2 as CartesianGrid,
   Center2 as Center,
   Chart2 as Chart,
@@ -441,6 +454,7 @@ export {
   unwrapStore2 as unwrapStore,
   useAccordionContext2 as useAccordionContext,
   useAccordionItemContext2 as useAccordionItemContext,
+  useBottomBarContext2 as useBottomBarContext,
   useChartContext2 as useChartContext,
   useCommandContext2 as useCommandContext,
   useContext2 as useContext,

package/dist/ui/bottom-bar/action.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarActionProps } from "./types";
+export declare function BottomBarAction(props: BottomBarActionProps): Child;

package/dist/ui/bottom-bar/badge.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarBadgeProps } from "./types";
+export declare function BottomBarBadge(props: BottomBarBadgeProps): Child;

package/dist/ui/bottom-bar/context.d.ts

@@ -0,0 +1,3 @@
+import type { BottomBarContextValue } from "./types";
+export declare const BottomBarContext: import("../..").Context<BottomBarContextValue | null>;
+export declare function useBottomBarContext(): BottomBarContextValue | null;

package/dist/ui/bottom-bar/index.d.ts

@@ -0,0 +1,19 @@
+import { BottomBarAction } from "./action";
+import { BottomBarBadge } from "./badge";
+import { BottomBarItem } from "./item";
+import { BottomBarRoot } from "./root";
+import { BottomBarSeparator } from "./separator";
+export { BottomBarAction } from "./action";
+export { BottomBarBadge } from "./badge";
+export { BottomBarContext, useBottomBarContext } from "./context";
+export { BottomBarItem } from "./item";
+export { BottomBarRoot } from "./root";
+export { BottomBarSeparator } from "./separator";
+export type { BottomBarActionProps, BottomBarBadgeProps, BottomBarContextValue, BottomBarItemConfig, BottomBarItemProps, BottomBarProps, BottomBarSeparatorProps } from "./types";
+export declare const BottomBar: typeof BottomBarRoot & {
+    Root: typeof BottomBarRoot;
+    Item: typeof BottomBarItem;
+    Action: typeof BottomBarAction;
+    Badge: typeof BottomBarBadge;
+    Separator: typeof BottomBarSeparator;
+};

package/dist/ui/bottom-bar/item.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarItemProps } from "./types";
+export declare function BottomBarItem(props: BottomBarItemProps): Child;

package/dist/ui/bottom-bar/root.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarProps } from "./types";
+export declare function BottomBarRoot(props: BottomBarProps): Child;

package/dist/ui/bottom-bar/separator.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarSeparatorProps } from "./types";
+export declare function BottomBarSeparator(props: BottomBarSeparatorProps): Child;

package/dist/ui/bottom-bar/types.d.ts

@@ -0,0 +1,72 @@
+import type { Child } from "../../dom/render";
+import type { ReadonlySignal } from "../../signals";
+export interface BottomBarContextValue {
+    value: ReadonlySignal<string>;
+    setValue: (value: string) => void;
+    baseId: string;
+    variant: "floating" | "docked";
+}
+export interface BottomBarItemConfig {
+    value: string;
+    label?: Child | (() => Child);
+    icon?: Child | (() => Child);
+    badge?: Child | number | string | (() => Child | number | string | undefined);
+    disabled?: boolean | (() => boolean);
+    onClick?: (e: MouseEvent) => void;
+    class?: any;
+    style?: any;
+}
+export interface BottomBarProps {
+    value?: () => string | undefined;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: "floating" | "docked";
+    hideOnScroll?: boolean;
+    scrollThreshold?: number;
+    items?: BottomBarItemConfig[];
+    itemClass?: any;
+    itemStyle?: any;
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarItemProps {
+    value: string;
+    icon?: Child | (() => Child);
+    label?: Child | (() => Child);
+    badge?: Child | number | string | (() => Child | number | string | undefined);
+    disabled?: boolean | (() => boolean);
+    onClick?: (e: MouseEvent) => void;
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarActionProps {
+    icon?: Child | (() => Child);
+    label?: string;
+    disabled?: boolean | (() => boolean);
+    onClick?: (e: MouseEvent) => void;
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarBadgeProps {
+    count?: Child | number | string | (() => Child | number | string | undefined);
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarSeparatorProps {
+    as?: string;
+    class?: any;
+    style?: any;
+    [key: string]: any;
+}

package/dist/ui/index.d.ts

@@ -1,4 +1,5 @@
 export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, useAccordionContext, useAccordionItemContext } from "./accordion";
+export { BottomBar, BottomBarAction, type BottomBarActionProps, BottomBarBadge, type BottomBarBadgeProps, type BottomBarContextValue, BottomBarItem, type BottomBarItemConfig, type BottomBarItemProps, type BottomBarProps, BottomBarRoot, BottomBarSeparator, type BottomBarSeparatorProps, useBottomBarContext } from "./bottom-bar";
 export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupData, CommandInput, type CommandInputProps, CommandItem, type CommandItemData, type CommandItemProps, CommandList, type CommandProps, useCommandContext } from "./command";
 export { type ColumnDef, DataTable, type DataTableProps, type SortDirection, type SortState } from "./data-table";
 export { Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, useDialogContext } from "./dialog";

package/dist/ui/index.js

@@ -5,6 +5,13 @@ import {
   AccordionTrigger2,
   AccordionContent2,
   Accordion2,
+  BottomBarAction2,
+  BottomBarBadge2,
+  useBottomBarContext2,
+  BottomBarItem2,
+  BottomBarRoot2,
+  BottomBarSeparator2,
+  BottomBar2,
   CommandDialog2,
   useCommandContext2,
   CommandInput2,
@@ -47,7 +54,7 @@ import {
   ToastDescription2,
   ToastClose2,
   Toast2
-} from "../index-b5wc752a.js";
+} from "../index-dvq5f3s8.js";
 import {
   createId2,
   createControllableSignal2,
@@ -83,6 +90,12 @@ export {
   AccordionContent2 as AccordionContent,
   AccordionItem2 as AccordionItem,
   AccordionTrigger2 as AccordionTrigger,
+  BottomBar2 as BottomBar,
+  BottomBarAction2 as BottomBarAction,
+  BottomBarBadge2 as BottomBarBadge,
+  BottomBarItem2 as BottomBarItem,
+  BottomBarRoot2 as BottomBarRoot,
+  BottomBarSeparator2 as BottomBarSeparator,
   Center2 as Center,
   Command2 as Command,
   CommandDialog2 as CommandDialog,
@@ -142,6 +155,7 @@ export {
   trapFocus2 as trapFocus,
   useAccordionContext2 as useAccordionContext,
   useAccordionItemContext2 as useAccordionItemContext,
+  useBottomBarContext2 as useBottomBarContext,
   useCommandContext2 as useCommandContext,
   useDialogContext2 as useDialogContext,
   useDropdownMenuContext2 as useDropdownMenuContext,