@nexub/react 2.9.0 → 3.1.0

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadixScrollArea from '@radix-ui/react-scroll-area';
+export interface ScrollAreaProps extends RadixScrollArea.ScrollAreaProps {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-2DZWTBDL.js → components/ScrollArea/ScrollArea.js}

@@ -1,13 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ScrollArea/ScrollArea.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ScrollArea = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const ScrollArea = React.forwardRef(
   ({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs(RadixScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
     /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { tabIndex: 0, className: "h-full w-full rounded-[inherit]", children }),
     (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(
@@ -30,7 +26,6 @@ var ScrollArea = React.forwardRef(
   ] })
 );
 ScrollArea.displayName = "ScrollArea";
-
 export {
   ScrollArea
 };

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

@@ -0,0 +1,2 @@
+export { ScrollArea } from './ScrollArea.js';
+export type { ScrollAreaProps } from './ScrollArea.js';

package/dist/components/ScrollArea/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  ScrollArea
-} from "../../chunk-2DZWTBDL.js";
-import "../../chunk-WRVFNYO3.js";
+import { ScrollArea } from "./ScrollArea.js";
 export {
   ScrollArea
 };

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { type InputProps } from '../Input/Input.js';
+export interface SearchInputProps extends Omit<InputProps, 'leadingIcon' | 'trailingIcon'> {
+    onClear?: () => void;
+}
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/{chunk-YVS6AVPD.js → components/SearchInput/SearchInput.js}

@@ -1,22 +1,12 @@
-'use client';
-import {
-  useControllableState
-} from "./chunk-JLUCMNVS.js";
-import {
-  Input
-} from "./chunk-G7VMAWAX.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/SearchInput/SearchInput.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Search, X } from "@nexub/icons";
-import { jsx } from "react/jsx-runtime";
-var SearchInput = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { Input } from "../Input/Input.js";
+const SearchInput = React.forwardRef(
   ({ value, defaultValue: _defaultValue, onChange, onClear, className, ...props }, ref) => {
     const [currentValue = "", setValue] = useControllableState({
       value: value === void 0 ? void 0 : String(value),
@@ -60,7 +50,6 @@ var SearchInput = React.forwardRef(
   }
 );
 SearchInput.displayName = "SearchInput";
-
 export {
   SearchInput
 };

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

@@ -0,0 +1,2 @@
+export { SearchInput } from './SearchInput.js';
+export type { SearchInputProps } from './SearchInput.js';

package/dist/components/SearchInput/index.js

@@ -1,13 +1,4 @@
-'use client';
-import {
-  SearchInput
-} from "../../chunk-YVS6AVPD.js";
-import "../../chunk-JLUCMNVS.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-G7VMAWAX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { SearchInput } from "./SearchInput.js";
 export {
   SearchInput
 };

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const sectionVariants: (props?: ({
+    paddingY?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "default" | "subtle" | "muted" | "inverse" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SectionProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
+    asChild?: boolean;
+}
+export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;

package/dist/{chunk-EIV37DAQ.js → components/Section/Section.js}

@@ -1,14 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Section/Section.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var sectionVariants = cva("w-full", {
+import { cn } from "../../utils/cn.js";
+const sectionVariants = cva("w-full", {
   variants: {
     paddingY: {
       sm: "py-12",
@@ -27,7 +22,7 @@ var sectionVariants = cva("w-full", {
     tone: "default"
   }
 });
-var Section = React.forwardRef(
+const Section = React.forwardRef(
   ({ paddingY, tone, asChild = false, className, children, ...rest }, ref) => {
     const Comp = asChild ? Slot : "section";
     return /* @__PURE__ */ jsx(
@@ -42,8 +37,7 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-
 export {
-  sectionVariants,
-  Section
+  Section,
+  sectionVariants
 };

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

@@ -0,0 +1,2 @@
+export { Section, sectionVariants } from './Section.js';
+export type { SectionProps } from './Section.js';

package/dist/components/Section/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Section,
-  sectionVariants
-} from "../../chunk-EIV37DAQ.js";
-import "../../chunk-WRVFNYO3.js";
+import { Section, sectionVariants } from "./Section.js";
 export {
   Section,
   sectionVariants

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as RadixToggleGroup from '@radix-ui/react-toggle-group';
+import type { Size } from '../../utils/control.js';
+export interface SegmentedControlProps extends Omit<RadixToggleGroup.ToggleGroupSingleProps, 'type'> {
+    size?: Size;
+}
+export interface SegmentedControlItemProps extends RadixToggleGroup.ToggleGroupItemProps {
+}
+export declare const SegmentedControl: {
+    Root: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/{chunk-KRIRCSUB.js → components/SegmentedControl/SegmentedControl.js}

@@ -1,25 +1,17 @@
-'use client';
-import {
-  useSlidingIndicator
-} from "./chunk-6UKNUI46.js";
-import {
-  useMergedRefs
-} from "./chunk-MNEXMMLM.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/SegmentedControl/SegmentedControl.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sizeMap = {
+import { cn } from "../../utils/cn.js";
+import { useMergedRefs } from "../../hooks/useMergedRefs.js";
+import { useSlidingIndicator } from "../../hooks/useSlidingIndicator.js";
+const sizeMap = {
   sm: "h-control-sm text-label-md",
   md: "h-control-md text-label-lg",
   lg: "h-control-lg text-label-lg"
 };
-var SegmentedControlContext = React.createContext({ size: "md" });
-var Root2 = React.forwardRef(
+const SegmentedControlContext = React.createContext({ size: "md" });
+const Root = React.forwardRef(
   ({ className, size = "md", children, ...props }, forwardedRef) => {
     const ref = React.useRef(null);
     useSlidingIndicator(ref, '[data-state="on"]');
@@ -53,8 +45,8 @@ var Root2 = React.forwardRef(
     ) });
   }
 );
-Root2.displayName = "SegmentedControl.Root";
-var Item2 = React.forwardRef(
+Root.displayName = "SegmentedControl.Root";
+const Item = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = React.useContext(SegmentedControlContext);
     return /* @__PURE__ */ jsx(
@@ -74,9 +66,8 @@ var Item2 = React.forwardRef(
     );
   }
 );
-Item2.displayName = "SegmentedControl.Item";
-var SegmentedControl = { Root: Root2, Item: Item2 };
-
+Item.displayName = "SegmentedControl.Item";
+const SegmentedControl = { Root, Item };
 export {
   SegmentedControl
 };

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

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlProps, SegmentedControlItemProps } from './SegmentedControl.js';

package/dist/components/SegmentedControl/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  SegmentedControl
-} from "../../chunk-KRIRCSUB.js";
-import "../../chunk-6UKNUI46.js";
-import "../../chunk-MNEXMMLM.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-WRVFNYO3.js";
+import { SegmentedControl } from "./SegmentedControl.js";
 export {
   SegmentedControl
 };

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as RadixSelect from '@radix-ui/react-select';
+export declare const Select: {
+    Root: React.FC<RadixSelect.SelectProps>;
+    Group: React.ForwardRefExoticComponent<RadixSelect.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Value: React.ForwardRefExoticComponent<RadixSelect.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+    Trigger: React.ForwardRefExoticComponent<RadixSelect.SelectTriggerProps & {
+        invalid?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    ScrollUpButton: React.ForwardRefExoticComponent<RadixSelect.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
+    ScrollDownButton: React.ForwardRefExoticComponent<RadixSelect.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<RadixSelect.SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixSelect.SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixSelect.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-M5PDVHFN.js → components/Select/Select.js}

@@ -1,27 +1,15 @@
-'use client';
-import {
-  floatingSurface,
-  menuLabel,
-  menuSeparator
-} from "./chunk-5FWJXSXT.js";
-import {
-  field,
-  fieldFocusVisible,
-  fieldInvalid
-} from "./chunk-VALIDQXU.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Select/Select.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixSelect from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = RadixSelect.Root;
-var Group2 = RadixSelect.Group;
-var Value2 = RadixSelect.Value;
-var Trigger2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { field, fieldFocusVisible, fieldInvalid } from "../../utils/control.js";
+import { floatingSurface, menuLabel, menuSeparator } from "../../utils/surface.js";
+const Root = RadixSelect.Root;
+const Group = RadixSelect.Group;
+const Value = RadixSelect.Value;
+const Trigger = React.forwardRef(
   ({ className, children, invalid, ...props }, ref) => /* @__PURE__ */ jsxs(
     RadixSelect.Trigger,
     {
@@ -46,8 +34,8 @@ var Trigger2 = React.forwardRef(
     }
   )
 );
-Trigger2.displayName = "Select.Trigger";
-var ScrollUpButton2 = React.forwardRef(
+Trigger.displayName = "Select.Trigger";
+const ScrollUpButton = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixSelect.ScrollUpButton,
     {
@@ -58,8 +46,8 @@ var ScrollUpButton2 = React.forwardRef(
     }
   )
 );
-ScrollUpButton2.displayName = "Select.ScrollUpButton";
-var ScrollDownButton2 = React.forwardRef(
+ScrollUpButton.displayName = "Select.ScrollUpButton";
+const ScrollDownButton = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixSelect.ScrollDownButton,
     {
@@ -70,8 +58,8 @@ var ScrollDownButton2 = React.forwardRef(
     }
   )
 );
-ScrollDownButton2.displayName = "Select.ScrollDownButton";
-var Content2 = React.forwardRef(
+ScrollDownButton.displayName = "Select.ScrollDownButton";
+const Content = React.forwardRef(
   ({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(RadixSelect.Portal, { children: /* @__PURE__ */ jsxs(
     RadixSelect.Content,
     {
@@ -86,7 +74,7 @@ var Content2 = React.forwardRef(
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(ScrollUpButton2, {}),
+        /* @__PURE__ */ jsx(ScrollUpButton, {}),
         /* @__PURE__ */ jsx(
           RadixSelect.Viewport,
           {
@@ -97,13 +85,13 @@ var Content2 = React.forwardRef(
             children
           }
         ),
-        /* @__PURE__ */ jsx(ScrollDownButton2, {})
+        /* @__PURE__ */ jsx(ScrollDownButton, {})
       ]
     }
   ) })
 );
-Content2.displayName = "Select.Content";
-var Label2 = React.forwardRef(
+Content.displayName = "Select.Content";
+const Label = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixSelect.Label,
     {
@@ -113,8 +101,8 @@ var Label2 = React.forwardRef(
     }
   )
 );
-Label2.displayName = "Select.Label";
-var Item2 = React.forwardRef(
+Label.displayName = "Select.Label";
+const Item = React.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     RadixSelect.Item,
     {
@@ -134,8 +122,8 @@ var Item2 = React.forwardRef(
     }
   )
 );
-Item2.displayName = "Select.Item";
-var Separator2 = React.forwardRef(
+Item.displayName = "Select.Item";
+const Separator = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixSelect.Separator,
     {
@@ -145,20 +133,19 @@ var Separator2 = React.forwardRef(
     }
   )
 );
-Separator2.displayName = "Select.Separator";
-var Select = {
-  Root: Root2,
-  Group: Group2,
-  Value: Value2,
-  Trigger: Trigger2,
-  ScrollUpButton: ScrollUpButton2,
-  ScrollDownButton: ScrollDownButton2,
-  Content: Content2,
-  Label: Label2,
-  Item: Item2,
-  Separator: Separator2
+Separator.displayName = "Select.Separator";
+const Select = {
+  Root,
+  Group,
+  Value,
+  Trigger,
+  ScrollUpButton,
+  ScrollDownButton,
+  Content,
+  Label,
+  Item,
+  Separator
 };
-
 export {
   Select
 };

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

@@ -0,0 +1 @@
+export { Select } from './Select.js';

package/dist/components/Select/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  Select
-} from "../../chunk-M5PDVHFN.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-WRVFNYO3.js";
+import { Select } from "./Select.js";
 export {
   Select
 };

package/dist/components/Separator/Separator.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ToneValue } from '../Button/Button.js';
+export declare const separatorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SeparatorProps extends React.HTMLAttributes<HTMLHRElement | HTMLDivElement>, VariantProps<typeof separatorVariants> {
+    orientation?: 'horizontal' | 'vertical';
+    tone?: ToneValue;
+}
+export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement | HTMLHRElement>>;

package/dist/{chunk-YVCUKIAC.js → components/Separator/Separator.js}

@@ -1,13 +1,8 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Separator/Separator.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var separatorVariants = cva("", {
+import { cn } from "../../utils/cn.js";
+const separatorVariants = cva("", {
   variants: {
     orientation: {
       horizontal: "w-full border-t",
@@ -30,7 +25,7 @@ var separatorVariants = cva("", {
     tone: "neutral"
   }
 });
-var Separator = React.forwardRef(({ className, orientation = "horizontal", tone = "neutral", ...props }, ref) => {
+const Separator = React.forwardRef(({ className, orientation = "horizontal", tone = "neutral", ...props }, ref) => {
   if (orientation === "horizontal") {
     return /* @__PURE__ */ jsx(
       "hr",
@@ -55,8 +50,7 @@ var Separator = React.forwardRef(({ className, orientation = "horizontal", tone
   );
 });
 Separator.displayName = "Separator";
-
 export {
-  separatorVariants,
-  Separator
+  Separator,
+  separatorVariants
 };

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

@@ -0,0 +1,2 @@
+export { Separator, separatorVariants } from './Separator.js';
+export type { SeparatorProps } from './Separator.js';

package/dist/components/Separator/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Separator,
-  separatorVariants
-} from "../../chunk-YVCUKIAC.js";
-import "../../chunk-WRVFNYO3.js";
+import { Separator, separatorVariants } from "./Separator.js";
 export {
   Separator,
   separatorVariants

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface SidebarRootProps extends React.HTMLAttributes<HTMLElement> {
+    collapsed?: boolean;
+}
+export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Trailing element next to the logo, e.g. a "Live" `<Badge>`. Moves under the logo when they don't fit. */
+    status?: React.ReactNode;
+}
+export interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+}
+export interface SidebarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    active?: boolean;
+    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
+    asChild?: boolean;
+}
+export declare const Sidebar: {
+    Root: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLElement>>;
+    Header: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLAnchorElement>>;
+    Separator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-NAESV7K3.js → components/Sidebar/Sidebar.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Sidebar/Sidebar.tsx
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const Root = React.forwardRef(
   ({ className, collapsed = false, ...props }, ref) => {
     const messages = useNexubMessages();
     return /* @__PURE__ */ jsx(
@@ -32,7 +26,7 @@ var Root = React.forwardRef(
   }
 );
 Root.displayName = "Sidebar.Root";
-var Header = React.forwardRef(
+const Header = React.forwardRef(
   ({ className, status, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -52,14 +46,14 @@ var Header = React.forwardRef(
   )
 );
 Header.displayName = "Sidebar.Header";
-var Group = React.forwardRef(
+const Group = React.forwardRef(
   ({ className, label, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-0.5 p-2", className), ...props, children: [
     label && /* @__PURE__ */ jsx("p", { className: "px-2 py-1 text-xs font-semibold uppercase tracking-wider text-[var(--color-on-surface-muted)]", children: label }),
     children
   ] })
 );
 Group.displayName = "Sidebar.Group";
-var Item = React.forwardRef(
+const Item = React.forwardRef(
   ({ className, icon, active, asChild, children, ...props }, ref) => {
     const child = asChild && React.isValidElement(children) ? children : null;
     const label = child ? child.props.children : children;
@@ -84,7 +78,7 @@ var Item = React.forwardRef(
   }
 );
 Item.displayName = "Sidebar.Item";
-var Separator = React.forwardRef(
+const Separator = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "hr",
     {
@@ -95,7 +89,7 @@ var Separator = React.forwardRef(
   )
 );
 Separator.displayName = "Sidebar.Separator";
-var Footer = React.forwardRef(
+const Footer = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -109,8 +103,7 @@ var Footer = React.forwardRef(
   )
 );
 Footer.displayName = "Sidebar.Footer";
-var Sidebar = { Root, Header, Group, Item, Separator, Footer };
-
+const Sidebar = { Root, Header, Group, Item, Separator, Footer };
 export {
   Sidebar
 };

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

@@ -0,0 +1,2 @@
+export { Sidebar } from './Sidebar.js';
+export type { SidebarRootProps, SidebarHeaderProps, SidebarGroupProps, SidebarItemProps } from './Sidebar.js';

package/dist/components/Sidebar/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Sidebar
-} from "../../chunk-NAESV7K3.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { Sidebar } from "./Sidebar.js";
 export {
   Sidebar
 };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const skeletonVariants: (props?: ({
+    shape?: "circle" | "line" | "rect" | null | undefined;
+    animated?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof skeletonVariants> {
+    shape?: 'line' | 'rect' | 'circle';
+    /** Arbitrary size; rendered as inline style. Omit to use the shape's default classes. */
+    width?: string | number;
+    height?: string | number;
+    animated?: boolean;
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;