@raystack/apsara 0.46.0-rc.5 → 0.47.0

package/dist/v1/components/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../../v1/components/sheet/sheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\n\nimport styles from \"./sheet.module.css\";\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles[\"sheetContent-top\"],\n      bottom: styles[\"sheetContent-bottom\"],\n      left: styles[\"sheetContent-left\"],\n      right: styles[\"sheetContent-right\"],\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(({ className, children, close, side, ariaLabel, ariaDescription, ...props }, forwardedRef) => {\n  return (\n    <DialogPrimitive.Portal>\n      <Overlay>\n        <DialogPrimitive.Content\n          {...props}\n          ref={forwardedRef}\n          className={sheetContent({ side, className })}\n          aria-label={ariaLabel || \"Sheet with overlay\"}\n          aria-describedby={ariaDescription ? \"sheet with overlay\" : undefined}\n          role=\"dialog\"\n          tabIndex={-1}\n        >\n          {children}\n          {close && (\n            <CloseButton aria-label=\"Close sheet\">\n              <Cross1Icon aria-hidden=\"true\" />\n            </CloseButton>\n          )}\n          {ariaDescription && (\n            <div id=\"sheet-description\" className=\"sr-only\">\n              {ariaDescription}\n            </div>\n          )}\n        </DialogPrimitive.Content>\n      </Overlay>\n    </DialogPrimitive.Portal>\n  );\n});\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden=\"true\"\n    role=\"presentation\"\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={close({ className })} \n      {...props}\n      aria-label=\"Close\"\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return (\n    <DialogPrimitive.Root {...props}>\n      {children}\n    </DialogPrimitive.Root>\n  );\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description,\n}); "],"names":["_jsx","DialogPrimitive.Portal","_jsxs","DialogPrimitive.Content","DialogPrimitive.Overlay","DialogPrimitive.Close","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":"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"}
+{"version":3,"file":"sheet.js","sources":["../../../../v1/components/sheet/sheet.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":["_jsx","DialogPrimitive.Portal","_jsxs","DialogPrimitive.Content","DialogPrimitive.Overlay","DialogPrimitive.Close","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":"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"}

package/dist/v1/components/sidebar/sidebar.cjs

@@ -1,61 +1,61 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._hjslo7xm5vmo3b4sx344jkbtcq/node_modules/@radix-ui/react-collapsible/dist/index.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
+var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
 var sidebar_module = require('./sidebar.module.css.cjs');
-var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18_qdnr5tshbuses2czt45n43so7q/node_modules/@radix-ui/react-collapsible/dist/index.cjs');
 
 const SidebarContext = React.createContext({
-    isCollapsed: false,
+    isCollapsed: false
 });
 const root = index$1.cva(sidebar_module.default.root);
-const SidebarRoot = React.forwardRef(({ className, position = "left", open, onOpenChange, hideCollapsedItemTooltip, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsxRuntimeExports.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? "expanded" : "collapsed", open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsxs("aside", { children: [jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === "left" ? "right" : "left", asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: e => {
-                                if (e.key === "Enter" || e.key === " ") {
+const SidebarRoot = React.forwardRef(({ className, position = 'left', open, onOpenChange, hideCollapsedItemTooltip, collapsible = true, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsxRuntimeExports.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? onOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsxs("aside", { children: [collapsible && (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => onOpenChange?.(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
+                                if (e.key === 'Enter' || e.key === ' ') {
                                     e.preventDefault();
                                     onOpenChange?.(!open);
                                 }
-                            } }) }), children] }) }) }) })));
-const SidebarHeader = React.forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: sidebar_module.default.header, role: "banner", ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: e => {
-                if (onLogoClick && (e.key === "Enter" || e.key === " ")) {
+                            } }) })), children] }) }) }) })));
+const SidebarHeader = React.forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: sidebar_module.default.header, role: 'banner', ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.logo, onClick: onLogoClick, role: onLogoClick ? 'button' : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: e => {
+                if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {
                     e.preventDefault();
                     onLogoClick();
                 }
-            }, style: { cursor: onLogoClick ? "pointer" : undefined }, children: logo }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.title, role: "heading", "aria-level": 1, children: title })] })));
-const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.main, role: "group", "aria-label": "Main navigation", ...props, children: children })));
-const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children })));
+            }, style: { cursor: onLogoClick ? 'pointer' : undefined }, children: logo }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default.title, role: 'heading', "aria-level": 1, children: title })] })));
+const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.main, role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
+const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: sidebar_module.default.footer, role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
 const SidebarItem = React.forwardRef(({ classNames, icon, children, active, disabled, as = jsxRuntime.jsxRuntimeExports.jsx("a", {}), ...props }, ref) => {
     const { isCollapsed, hideCollapsedItemTooltip } = React.useContext(SidebarContext); // To prevent prop drillng
     const content = React.cloneElement(as, {
         ref,
-        className: clsx.clsx(sidebar_module.default["nav-item"], classNames?.root),
-        "data-active": active,
-        "data-disabled": disabled,
-        role: "menuitem",
-        "aria-current": active ? "page" : undefined,
-        "aria-disabled": disabled,
-        ...props,
-    }, jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(sidebar_module.default["nav-icon"], classNames?.icon), "aria-hidden": "true", children: icon }), !isCollapsed && jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-text"], children: children })] }));
+        className: clsx.clsx(sidebar_module.default['nav-item'], classNames?.root),
+        'data-active': active,
+        'data-disabled': disabled,
+        role: 'menuitem',
+        'aria-current': active ? 'page' : undefined,
+        'aria-disabled': disabled,
+        ...props
+    }, jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(sidebar_module.default['nav-icon'], classNames?.icon), "aria-hidden": 'true', children: icon }), !isCollapsed && jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-text'], children: children })] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
-        return (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: children, side: "right", children: content }));
+        return (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: children, side: 'right', children: content }));
     }
     return content;
 });
-const SidebarNavigationGroup = React.forwardRef(({ className, name, icon, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("section", { ref: ref, className: className, "aria-label": name, ...props, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: sidebar_module.default["nav-group-header"], children: [icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-icon"], children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default["nav-group-name"], children: name })] }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default["nav-group-items"], role: "list", children: children })] })));
-SidebarRoot.displayName = "Sidebar.Root";
-SidebarHeader.displayName = "Sidebar.Header";
-SidebarMain.displayName = "Sidebar.Main";
-SidebarFooter.displayName = "Sidebar.Footer";
-SidebarItem.displayName = "Sidebar.Item";
-SidebarNavigationGroup.displayName = "Sidebar.Group";
+const SidebarNavigationGroup = React.forwardRef(({ className, name, icon, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("section", { ref: ref, className: className, "aria-label": name, ...props, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: sidebar_module.default['nav-group-header'], children: [icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-icon'], children: icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: sidebar_module.default['nav-group-name'], children: name })] }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: sidebar_module.default['nav-group-items'], role: 'list', children: children })] })));
+SidebarRoot.displayName = 'Sidebar.Root';
+SidebarHeader.displayName = 'Sidebar.Header';
+SidebarMain.displayName = 'Sidebar.Main';
+SidebarFooter.displayName = 'Sidebar.Footer';
+SidebarItem.displayName = 'Sidebar.Item';
+SidebarNavigationGroup.displayName = 'Sidebar.Group';
 const Sidebar = Object.assign(SidebarRoot, {
     Header: SidebarHeader,
     Main: SidebarMain,
     Footer: SidebarFooter,
     Item: SidebarItem,
-    Group: SidebarNavigationGroup,
+    Group: SidebarNavigationGroup
 });
 
 exports.Sidebar = Sidebar;

package/dist/v1/components/sidebar/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { cva } from \"class-variance-authority\";\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  forwardRef,\n  ReactNode,\n  createContext,\n  useContext,\n  ReactElement,\n  cloneElement,\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\nimport clsx from \"clsx\";\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false,\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: \"left\" | \"right\";\n  hideCollapsedItemTooltip?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  logo: ReactNode;\n  title: string;\n  onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  icon: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    icon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  name: string;\n  icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = \"left\",\n      open,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n    <SidebarContext.Provider\n      value={{ isCollapsed: !open, hideCollapsedItemTooltip }}>\n      <TooltipProvider>\n        <Collapsible.Root\n          ref={ref}\n          className={root({ className })}\n          data-position={position}\n          data-state={open ? \"expanded\" : \"collapsed\"}\n          open={open}\n          onOpenChange={onOpenChange}\n          aria-label=\"Navigation Sidebar\"\n          aria-expanded={open}\n          role=\"navigation\"\n          {...props}\n          asChild>\n          <aside>\n            <Tooltip\n              message={open ? \"Click to collapse\" : \"Click to expand\"}\n              side={position === \"left\" ? \"right\" : \"left\"}\n              asChild>\n              <div\n                className={styles.resizeHandle}\n                onClick={() => onOpenChange?.(!open)}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n                onKeyDown={e => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    onOpenChange?.(!open);\n                  }\n                }}\n              />\n            </Tooltip>\n            {children}\n          </aside>\n        </Collapsible.Root>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  ),\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, logo, title, onLogoClick, ...props }, ref) => (\n    <div ref={ref} className={styles.header} role=\"banner\" {...props}>\n      <div\n        className={styles.logo}\n        onClick={onLogoClick}\n        role={onLogoClick ? \"button\" : undefined}\n        tabIndex={onLogoClick ? 0 : undefined}\n        onKeyDown={e => {\n          if (onLogoClick && (e.key === \"Enter\" || e.key === \" \")) {\n            e.preventDefault();\n            onLogoClick();\n          }\n        }}\n        style={{ cursor: onLogoClick ? \"pointer\" : undefined }}>\n        {logo}\n      </div>\n      <div className={styles.title} role=\"heading\" aria-level={1}>\n        {title}\n      </div>\n    </div>\n  ),\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.main}\n      role=\"group\"\n      aria-label=\"Main navigation\"\n      {...props}>\n      {children}\n    </div>\n  ),\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.footer}\n      role=\"group\"\n      aria-label=\"Footer navigation\"\n      {...props}>\n      {children}\n    </div>\n  ),\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    { classNames, icon, children, active, disabled, as = <a />, ...props },\n    ref,\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext); // To prevent prop drillng\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: clsx(styles[\"nav-item\"], classNames?.root),\n        \"data-active\": active,\n        \"data-disabled\": disabled,\n        role: \"menuitem\",\n        \"aria-current\": active ? \"page\" : undefined,\n        \"aria-disabled\": disabled,\n        ...props,\n      },\n      <>\n        <span\n          className={clsx(styles[\"nav-icon\"], classNames?.icon)}\n          aria-hidden=\"true\">\n          {icon}\n        </span>\n        {!isCollapsed && <span className={styles[\"nav-text\"]}>{children}</span>}\n      </>,\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side=\"right\">\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  },\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n  <section ref={ref} className={className} aria-label={name} {...props}>\n    <div className={styles[\"nav-group-header\"]}>\n      {icon && <span className={styles[\"nav-icon\"]}>{icon}</span>}\n      <span className={styles[\"nav-group-name\"]}>{name}</span>\n    </div>\n    <div className={styles[\"nav-group-items\"]} role=\"list\">\n      {children}\n    </div>\n  </section>\n));\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup,\n});\n"],"names":["createContext","cva","styles","forwardRef","_jsx","TooltipProvider","Collapsible.Root","_jsxs","Tooltip","useContext","cloneElement","clsx"],"mappings":"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"}
+{"version":3,"file":"sidebar.cjs","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useContext\n} from 'react';\n\nimport clsx from 'clsx';\nimport { Tooltip, TooltipProvider } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<'div'> {\n  logo: ReactNode;\n  title: string;\n  onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  icon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    icon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  name: string;\n  icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      children,\n      ...props\n    },\n    ref\n  ) => (\n    <SidebarContext.Provider\n      value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n    >\n      <TooltipProvider>\n        <Collapsible.Root\n          ref={ref}\n          className={root({ className })}\n          data-position={position}\n          data-state={open ? 'expanded' : 'collapsed'}\n          data-collapse-disabled={!collapsible}\n          open={open}\n          onOpenChange={collapsible ? onOpenChange : undefined}\n          aria-label='Navigation Sidebar'\n          aria-expanded={open}\n          role='navigation'\n          {...props}\n          asChild\n        >\n          <aside>\n            {collapsible && (\n              <Tooltip\n                message={open ? 'Click to collapse' : 'Click to expand'}\n                side={position === 'left' ? 'right' : 'left'}\n                asChild\n                followCursor\n                sideOffset={10}\n              >\n                <div\n                  className={styles.resizeHandle}\n                  onClick={() => onOpenChange?.(!open)}\n                  role='button'\n                  tabIndex={0}\n                  aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                  onKeyDown={e => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      onOpenChange?.(!open);\n                    }\n                  }}\n                />\n              </Tooltip>\n            )}\n            {children}\n          </aside>\n        </Collapsible.Root>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  )\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, logo, title, onLogoClick, ...props }, ref) => (\n    <div ref={ref} className={styles.header} role='banner' {...props}>\n      <div\n        className={styles.logo}\n        onClick={onLogoClick}\n        role={onLogoClick ? 'button' : undefined}\n        tabIndex={onLogoClick ? 0 : undefined}\n        onKeyDown={e => {\n          if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {\n            e.preventDefault();\n            onLogoClick();\n          }\n        }}\n        style={{ cursor: onLogoClick ? 'pointer' : undefined }}\n      >\n        {logo}\n      </div>\n      <div className={styles.title} role='heading' aria-level={1}>\n        {title}\n      </div>\n    </div>\n  )\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.main}\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </div>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.footer}\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </div>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    { classNames, icon, children, active, disabled, as = <a />, ...props },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext); // To prevent prop drillng\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: clsx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <span\n          className={clsx(styles['nav-icon'], classNames?.icon)}\n          aria-hidden='true'\n        >\n          {icon}\n        </span>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n  <section ref={ref} className={className} aria-label={name} {...props}>\n    <div className={styles['nav-group-header']}>\n      {icon && <span className={styles['nav-icon']}>{icon}</span>}\n      <span className={styles['nav-group-name']}>{name}</span>\n    </div>\n    <div className={styles['nav-group-items']} role='list'>\n      {children}\n    </div>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":["createContext","cva","styles","forwardRef","_jsx","TooltipProvider","Collapsible.Root","_jsxs","Tooltip","useContext","cloneElement","clsx"],"mappings":";;;;;;;;;;AAsBA,MAAM,cAAc,GAAGA,mBAAa,CAAsB;AACxD,IAAA,WAAW,EAAE,KAAK;AACnB,CAAA,CAAC,CAAC;AAEH,MAAM,IAAI,GAAGC,WAAG,CAACC,sBAAM,CAAC,IAAI,CAAC,CAAC;AAkC9B,MAAM,WAAW,GAAGC,gBAAU,CAI5B,CACE,EACE,SAAS,EACT,QAAQ,GAAG,MAAM,EACjB,IAAI,EACJ,YAAY,EACZ,wBAAwB,EACxB,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,gCAAA,CAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,wBAAwB,EAAE,EAEvD,QAAA,EAAAA,gCAAA,CAACC,uBAAe,EACd,EAAA,QAAA,EAAAD,gCAAA,CAACE,UAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,eAAA,EACf,QAAQ,EAAA,YAAA,EACX,IAAI,GAAG,UAAU,GAAG,WAAW,4BACnB,CAAC,WAAW,EACpC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS,gBACzC,oBAAoB,EAAA,eAAA,EAChB,IAAI,EACnB,IAAI,EAAC,YAAY,EAAA,GACb,KAAK,EACT,OAAO,kBAEPC,iCACG,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVH,gCAAA,CAACI,eAAO,EAAA,EACN,OAAO,EAAE,IAAI,GAAG,mBAAmB,GAAG,iBAAiB,EACvD,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAC5C,OAAO,QACP,YAAY,EAAA,IAAA,EACZ,UAAU,EAAE,EAAE,YAEdJ,gCACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEF,sBAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,EACpC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EAAA,YAAA,EACC,IAAI,GAAG,kBAAkB,GAAG,gBAAgB,EACxD,SAAS,EAAE,CAAC,IAAG;AACb,gCAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oCACtC,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,oCAAA,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC;iCACvB;6BACF,EAAA,CACD,EACM,CAAA,CACX,EACA,QAAQ,CACH,EAAA,CAAA,EAAA,CACS,EACH,CAAA,EAAA,CACM,CAC3B,CACF,CAAC;AAEF,MAAM,aAAa,GAAGC,gBAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrDI,iCAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEL,sBAAM,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAK,GAAA,KAAK,EAC9D,QAAA,EAAA,CAAAE,gCAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEF,sBAAM,CAAC,IAAI,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,EACxC,QAAQ,EAAE,WAAW,GAAG,CAAC,GAAG,SAAS,EACrC,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,WAAW,KAAK,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE;oBACvD,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,oBAAA,WAAW,EAAE,CAAC;iBACf;AACH,aAAC,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,YAErD,IAAI,EAAA,CACD,EACNE,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,sBAAM,CAAC,KAAK,EAAE,IAAI,EAAC,SAAS,EAAA,YAAA,EAAa,CAAC,EACvD,QAAA,EAAA,KAAK,GACF,CACF,EAAA,CAAA,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAGC,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCC,gCACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEF,sBAAM,CAAC,IAAI,EACtB,IAAI,EAAC,OAAO,EACD,YAAA,EAAA,iBAAiB,KACxB,KAAK,EAAA,QAAA,EAER,QAAQ,EACL,CAAA,CACP,CACF,CAAC;AAEF,MAAM,aAAa,GAAGC,gBAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCC,gCACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEF,sBAAM,CAAC,MAAM,EACxB,IAAI,EAAC,OAAO,EACD,YAAA,EAAA,mBAAmB,KAC1B,KAAK,EAAA,QAAA,EAER,QAAQ,EACL,CAAA,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAGC,gBAAU,CAC5B,CACE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAGC,gCAAK,CAAA,GAAA,EAAA,EAAA,CAAA,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,WAAW,EAAE,wBAAwB,EAAE,GAC7CK,gBAAU,CAAC,cAAc,CAAC,CAAC;AAE7B,IAAA,MAAM,OAAO,GAAGC,kBAAY,CAC1B,EAAE,EACF;QACE,GAAG;QACH,SAAS,EAAEC,SAAI,CAACT,sBAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC;AACrD,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,IAAI,EAAE,UAAU;QAChB,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;AAC3C,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,EACDK,sFACEH,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEO,SAAI,CAACT,sBAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,iBACzC,MAAM,EAAA,QAAA,EAEjB,IAAI,EAAA,CACA,EACN,CAAC,WAAW,IAAIE,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,sBAAM,CAAC,UAAU,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,CAAA,EAAA,CACtE,CACJ,CAAC;AAEF,IAAA,IAAI,WAAW,IAAI,CAAC,wBAAwB,EAAE;AAC5C,QAAA,QACEE,gCAAA,CAACI,eAAO,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAA,QAAA,EACrC,OAAO,EAAA,CACA,EACV;KACH;AAED,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAGL,gBAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACnDI,iCAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,gBAAc,IAAI,EAAA,GAAM,KAAK,EAClE,QAAA,EAAA,CAAAA,iCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEL,sBAAM,CAAC,kBAAkB,CAAC,EACvC,QAAA,EAAA,CAAA,IAAI,IAAIE,gCAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,sBAAM,CAAC,UAAU,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAC3DE,gCAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,sBAAM,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,IACpD,EACNE,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,sBAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAC,MAAM,EACnD,QAAA,EAAA,QAAQ,GACL,CACE,EAAA,CAAA,CACX,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,sBAAsB,CAAC,WAAW,GAAG,eAAe,CAAC;MAExC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,sBAAsB;AAC9B,CAAA;;;;"}

package/dist/v1/components/sidebar/sidebar.d.ts

@@ -1,16 +1,17 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { ComponentPropsWithoutRef, ReactNode, ReactElement } from "react";
+import { Collapsible } from 'radix-ui';
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 interface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
-    position?: "left" | "right";
+    position?: 'left' | 'right';
     hideCollapsedItemTooltip?: boolean;
+    collapsible?: boolean;
 }
-interface SidebarHeaderProps extends ComponentPropsWithoutRef<"div"> {
+interface SidebarHeaderProps extends ComponentPropsWithoutRef<'div'> {
     logo: ReactNode;
     title: string;
     onLogoClick?: () => void;
 }
-interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
-    icon: ReactNode;
+interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {
+    icon?: ReactNode;
     active?: boolean;
     disabled?: boolean;
     as?: ReactElement;
@@ -20,9 +21,9 @@ interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
         text?: string;
     };
 }
-interface SidebarFooterProps extends ComponentPropsWithoutRef<"div"> {
+interface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {
 }
-interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<"div"> {
+interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {
     name: string;
     icon?: ReactNode;
 }

package/dist/v1/components/sidebar/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EACL,wBAAwB,EAGxB,SAAS,EAGT,YAAY,EAEb,MAAM,OAAO,CAAC;AAiBf,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA8KD,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAiBf,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA2LD,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}

package/dist/v1/components/sidebar/sidebar.js

@@ -1,59 +1,59 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { Root } from '../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._hjslo7xm5vmo3b4sx344jkbtcq/node_modules/@radix-ui/react-collapsible/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { createContext, forwardRef, useContext, cloneElement } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { TooltipProvider, Tooltip } from '../tooltip/tooltip.js';
 import styles from './sidebar.module.css.js';
-import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { Root } from '../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18_qdnr5tshbuses2czt45n43so7q/node_modules/@radix-ui/react-collapsible/dist/index.js';
 
 const SidebarContext = createContext({
-    isCollapsed: false,
+    isCollapsed: false
 });
 const root = cva(styles.root);
-const SidebarRoot = forwardRef(({ className, position = "left", open, onOpenChange, hideCollapsedItemTooltip, children, ...props }, ref) => (jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? "expanded" : "collapsed", open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, asChild: true, children: jsxRuntimeExports.jsxs("aside", { children: [jsxRuntimeExports.jsx(Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === "left" ? "right" : "left", asChild: true, children: jsxRuntimeExports.jsx("div", { className: styles.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: e => {
-                                if (e.key === "Enter" || e.key === " ") {
+const SidebarRoot = forwardRef(({ className, position = 'left', open, onOpenChange, hideCollapsedItemTooltip, collapsible = true, children, ...props }, ref) => (jsxRuntimeExports.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? onOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxRuntimeExports.jsxs("aside", { children: [collapsible && (jsxRuntimeExports.jsx(Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntimeExports.jsx("div", { className: styles.resizeHandle, onClick: () => onOpenChange?.(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
+                                if (e.key === 'Enter' || e.key === ' ') {
                                     e.preventDefault();
                                     onOpenChange?.(!open);
                                 }
-                            } }) }), children] }) }) }) })));
-const SidebarHeader = forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntimeExports.jsxs("div", { ref: ref, className: styles.header, role: "banner", ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: e => {
-                if (onLogoClick && (e.key === "Enter" || e.key === " ")) {
+                            } }) })), children] }) }) }) })));
+const SidebarHeader = forwardRef(({ className, logo, title, onLogoClick, ...props }, ref) => (jsxRuntimeExports.jsxs("div", { ref: ref, className: styles.header, role: 'banner', ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.logo, onClick: onLogoClick, role: onLogoClick ? 'button' : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: e => {
+                if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {
                     e.preventDefault();
                     onLogoClick();
                 }
-            }, style: { cursor: onLogoClick ? "pointer" : undefined }, children: logo }), jsxRuntimeExports.jsx("div", { className: styles.title, role: "heading", "aria-level": 1, children: title })] })));
-const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.main, role: "group", "aria-label": "Main navigation", ...props, children: children })));
-const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children })));
+            }, style: { cursor: onLogoClick ? 'pointer' : undefined }, children: logo }), jsxRuntimeExports.jsx("div", { className: styles.title, role: 'heading', "aria-level": 1, children: title })] })));
+const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.main, role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
+const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.footer, role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
 const SidebarItem = forwardRef(({ classNames, icon, children, active, disabled, as = jsxRuntimeExports.jsx("a", {}), ...props }, ref) => {
     const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext); // To prevent prop drillng
     const content = cloneElement(as, {
         ref,
-        className: clsx(styles["nav-item"], classNames?.root),
-        "data-active": active,
-        "data-disabled": disabled,
-        role: "menuitem",
-        "aria-current": active ? "page" : undefined,
-        "aria-disabled": disabled,
-        ...props,
-    }, jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: clsx(styles["nav-icon"], classNames?.icon), "aria-hidden": "true", children: icon }), !isCollapsed && jsxRuntimeExports.jsx("span", { className: styles["nav-text"], children: children })] }));
+        className: clsx(styles['nav-item'], classNames?.root),
+        'data-active': active,
+        'data-disabled': disabled,
+        role: 'menuitem',
+        'aria-current': active ? 'page' : undefined,
+        'aria-disabled': disabled,
+        ...props
+    }, jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: clsx(styles['nav-icon'], classNames?.icon), "aria-hidden": 'true', children: icon }), !isCollapsed && jsxRuntimeExports.jsx("span", { className: styles['nav-text'], children: children })] }));
     if (isCollapsed && !hideCollapsedItemTooltip) {
-        return (jsxRuntimeExports.jsx(Tooltip, { message: children, side: "right", children: content }));
+        return (jsxRuntimeExports.jsx(Tooltip, { message: children, side: 'right', children: content }));
     }
     return content;
 });
-const SidebarNavigationGroup = forwardRef(({ className, name, icon, children, ...props }, ref) => (jsxRuntimeExports.jsxs("section", { ref: ref, className: className, "aria-label": name, ...props, children: [jsxRuntimeExports.jsxs("div", { className: styles["nav-group-header"], children: [icon && jsxRuntimeExports.jsx("span", { className: styles["nav-icon"], children: icon }), jsxRuntimeExports.jsx("span", { className: styles["nav-group-name"], children: name })] }), jsxRuntimeExports.jsx("div", { className: styles["nav-group-items"], role: "list", children: children })] })));
-SidebarRoot.displayName = "Sidebar.Root";
-SidebarHeader.displayName = "Sidebar.Header";
-SidebarMain.displayName = "Sidebar.Main";
-SidebarFooter.displayName = "Sidebar.Footer";
-SidebarItem.displayName = "Sidebar.Item";
-SidebarNavigationGroup.displayName = "Sidebar.Group";
+const SidebarNavigationGroup = forwardRef(({ className, name, icon, children, ...props }, ref) => (jsxRuntimeExports.jsxs("section", { ref: ref, className: className, "aria-label": name, ...props, children: [jsxRuntimeExports.jsxs("div", { className: styles['nav-group-header'], children: [icon && jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], children: icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-group-name'], children: name })] }), jsxRuntimeExports.jsx("div", { className: styles['nav-group-items'], role: 'list', children: children })] })));
+SidebarRoot.displayName = 'Sidebar.Root';
+SidebarHeader.displayName = 'Sidebar.Header';
+SidebarMain.displayName = 'Sidebar.Main';
+SidebarFooter.displayName = 'Sidebar.Footer';
+SidebarItem.displayName = 'Sidebar.Item';
+SidebarNavigationGroup.displayName = 'Sidebar.Group';
 const Sidebar = Object.assign(SidebarRoot, {
     Header: SidebarHeader,
     Main: SidebarMain,
     Footer: SidebarFooter,
     Item: SidebarItem,
-    Group: SidebarNavigationGroup,
+    Group: SidebarNavigationGroup
 });
 
 export { Sidebar };

package/dist/v1/components/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { cva } from \"class-variance-authority\";\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  forwardRef,\n  ReactNode,\n  createContext,\n  useContext,\n  ReactElement,\n  cloneElement,\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\nimport clsx from \"clsx\";\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false,\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: \"left\" | \"right\";\n  hideCollapsedItemTooltip?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  logo: ReactNode;\n  title: string;\n  onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  icon: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    icon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  name: string;\n  icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = \"left\",\n      open,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n    <SidebarContext.Provider\n      value={{ isCollapsed: !open, hideCollapsedItemTooltip }}>\n      <TooltipProvider>\n        <Collapsible.Root\n          ref={ref}\n          className={root({ className })}\n          data-position={position}\n          data-state={open ? \"expanded\" : \"collapsed\"}\n          open={open}\n          onOpenChange={onOpenChange}\n          aria-label=\"Navigation Sidebar\"\n          aria-expanded={open}\n          role=\"navigation\"\n          {...props}\n          asChild>\n          <aside>\n            <Tooltip\n              message={open ? \"Click to collapse\" : \"Click to expand\"}\n              side={position === \"left\" ? \"right\" : \"left\"}\n              asChild>\n              <div\n                className={styles.resizeHandle}\n                onClick={() => onOpenChange?.(!open)}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n                onKeyDown={e => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    onOpenChange?.(!open);\n                  }\n                }}\n              />\n            </Tooltip>\n            {children}\n          </aside>\n        </Collapsible.Root>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  ),\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, logo, title, onLogoClick, ...props }, ref) => (\n    <div ref={ref} className={styles.header} role=\"banner\" {...props}>\n      <div\n        className={styles.logo}\n        onClick={onLogoClick}\n        role={onLogoClick ? \"button\" : undefined}\n        tabIndex={onLogoClick ? 0 : undefined}\n        onKeyDown={e => {\n          if (onLogoClick && (e.key === \"Enter\" || e.key === \" \")) {\n            e.preventDefault();\n            onLogoClick();\n          }\n        }}\n        style={{ cursor: onLogoClick ? \"pointer\" : undefined }}>\n        {logo}\n      </div>\n      <div className={styles.title} role=\"heading\" aria-level={1}>\n        {title}\n      </div>\n    </div>\n  ),\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.main}\n      role=\"group\"\n      aria-label=\"Main navigation\"\n      {...props}>\n      {children}\n    </div>\n  ),\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.footer}\n      role=\"group\"\n      aria-label=\"Footer navigation\"\n      {...props}>\n      {children}\n    </div>\n  ),\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    { classNames, icon, children, active, disabled, as = <a />, ...props },\n    ref,\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext); // To prevent prop drillng\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: clsx(styles[\"nav-item\"], classNames?.root),\n        \"data-active\": active,\n        \"data-disabled\": disabled,\n        role: \"menuitem\",\n        \"aria-current\": active ? \"page\" : undefined,\n        \"aria-disabled\": disabled,\n        ...props,\n      },\n      <>\n        <span\n          className={clsx(styles[\"nav-icon\"], classNames?.icon)}\n          aria-hidden=\"true\">\n          {icon}\n        </span>\n        {!isCollapsed && <span className={styles[\"nav-text\"]}>{children}</span>}\n      </>,\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side=\"right\">\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  },\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n  <section ref={ref} className={className} aria-label={name} {...props}>\n    <div className={styles[\"nav-group-header\"]}>\n      {icon && <span className={styles[\"nav-icon\"]}>{icon}</span>}\n      <span className={styles[\"nav-group-name\"]}>{name}</span>\n    </div>\n    <div className={styles[\"nav-group-items\"]} role=\"list\">\n      {children}\n    </div>\n  </section>\n));\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup,\n});\n"],"names":["_jsx","Collapsible.Root","_jsxs"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useContext\n} from 'react';\n\nimport clsx from 'clsx';\nimport { Tooltip, TooltipProvider } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<'div'> {\n  logo: ReactNode;\n  title: string;\n  onLogoClick?: () => void;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  icon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    icon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  name: string;\n  icon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      children,\n      ...props\n    },\n    ref\n  ) => (\n    <SidebarContext.Provider\n      value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n    >\n      <TooltipProvider>\n        <Collapsible.Root\n          ref={ref}\n          className={root({ className })}\n          data-position={position}\n          data-state={open ? 'expanded' : 'collapsed'}\n          data-collapse-disabled={!collapsible}\n          open={open}\n          onOpenChange={collapsible ? onOpenChange : undefined}\n          aria-label='Navigation Sidebar'\n          aria-expanded={open}\n          role='navigation'\n          {...props}\n          asChild\n        >\n          <aside>\n            {collapsible && (\n              <Tooltip\n                message={open ? 'Click to collapse' : 'Click to expand'}\n                side={position === 'left' ? 'right' : 'left'}\n                asChild\n                followCursor\n                sideOffset={10}\n              >\n                <div\n                  className={styles.resizeHandle}\n                  onClick={() => onOpenChange?.(!open)}\n                  role='button'\n                  tabIndex={0}\n                  aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                  onKeyDown={e => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      onOpenChange?.(!open);\n                    }\n                  }}\n                />\n              </Tooltip>\n            )}\n            {children}\n          </aside>\n        </Collapsible.Root>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  )\n);\n\nconst SidebarHeader = forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, logo, title, onLogoClick, ...props }, ref) => (\n    <div ref={ref} className={styles.header} role='banner' {...props}>\n      <div\n        className={styles.logo}\n        onClick={onLogoClick}\n        role={onLogoClick ? 'button' : undefined}\n        tabIndex={onLogoClick ? 0 : undefined}\n        onKeyDown={e => {\n          if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {\n            e.preventDefault();\n            onLogoClick();\n          }\n        }}\n        style={{ cursor: onLogoClick ? 'pointer' : undefined }}\n      >\n        {logo}\n      </div>\n      <div className={styles.title} role='heading' aria-level={1}>\n        {title}\n      </div>\n    </div>\n  )\n);\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.main}\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </div>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={styles.footer}\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </div>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    { classNames, icon, children, active, disabled, as = <a />, ...props },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext); // To prevent prop drillng\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: clsx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <span\n          className={clsx(styles['nav-icon'], classNames?.icon)}\n          aria-hidden='true'\n        >\n          {icon}\n        </span>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, name, icon, children, ...props }, ref) => (\n  <section ref={ref} className={className} aria-label={name} {...props}>\n    <div className={styles['nav-group-header']}>\n      {icon && <span className={styles['nav-icon']}>{icon}</span>}\n      <span className={styles['nav-group-name']}>{name}</span>\n    </div>\n    <div className={styles['nav-group-items']} role='list'>\n      {children}\n    </div>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":["_jsx","Collapsible.Root","_jsxs"],"mappings":";;;;;;;;AAsBA,MAAM,cAAc,GAAG,aAAa,CAAsB;AACxD,IAAA,WAAW,EAAE,KAAK;AACnB,CAAA,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAkC9B,MAAM,WAAW,GAAG,UAAU,CAI5B,CACE,EACE,SAAS,EACT,QAAQ,GAAG,MAAM,EACjB,IAAI,EACJ,YAAY,EACZ,wBAAwB,EACxB,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,qBAAA,CAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,wBAAwB,EAAE,EAEvD,QAAA,EAAAA,qBAAA,CAAC,eAAe,EACd,EAAA,QAAA,EAAAA,qBAAA,CAACC,IAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,eAAA,EACf,QAAQ,EAAA,YAAA,EACX,IAAI,GAAG,UAAU,GAAG,WAAW,4BACnB,CAAC,WAAW,EACpC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS,gBACzC,oBAAoB,EAAA,eAAA,EAChB,IAAI,EACnB,IAAI,EAAC,YAAY,EAAA,GACb,KAAK,EACT,OAAO,kBAEPC,sBACG,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,qBAAA,CAAC,OAAO,EAAA,EACN,OAAO,EAAE,IAAI,GAAG,mBAAmB,GAAG,iBAAiB,EACvD,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAC5C,OAAO,QACP,YAAY,EAAA,IAAA,EACZ,UAAU,EAAE,EAAE,YAEdA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,EACpC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EAAA,YAAA,EACC,IAAI,GAAG,kBAAkB,GAAG,gBAAgB,EACxD,SAAS,EAAE,CAAC,IAAG;AACb,gCAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oCACtC,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,oCAAA,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC;iCACvB;6BACF,EAAA,CACD,EACM,CAAA,CACX,EACA,QAAQ,CACH,EAAA,CAAA,EAAA,CACS,EACH,CAAA,EAAA,CACM,CAC3B,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrDE,sBAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAK,GAAA,KAAK,EAC9D,QAAA,EAAA,CAAAF,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,EACxC,QAAQ,EAAE,WAAW,GAAG,CAAC,GAAG,SAAS,EACrC,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,WAAW,KAAK,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE;oBACvD,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,oBAAA,WAAW,EAAE,CAAC;iBACf;AACH,aAAC,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,YAErD,IAAI,EAAA,CACD,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,SAAS,EAAA,YAAA,EAAa,CAAC,EACvD,QAAA,EAAA,KAAK,GACF,CACF,EAAA,CAAA,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCA,qBACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAC,OAAO,EACD,YAAA,EAAA,iBAAiB,KACxB,KAAK,EAAA,QAAA,EAER,QAAQ,EACL,CAAA,CACP,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCA,qBACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAC,OAAO,EACD,YAAA,EAAA,mBAAmB,KAC1B,KAAK,EAAA,QAAA,EAER,QAAQ,EACL,CAAA,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAGA,qBAAK,CAAA,GAAA,EAAA,EAAA,CAAA,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,WAAW,EAAE,wBAAwB,EAAE,GAC7C,UAAU,CAAC,cAAc,CAAC,CAAC;AAE7B,IAAA,MAAM,OAAO,GAAG,YAAY,CAC1B,EAAE,EACF;QACE,GAAG;QACH,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC;AACrD,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,IAAI,EAAE,UAAU;QAChB,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;AAC3C,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,EACDE,gEACEF,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,iBACzC,MAAM,EAAA,QAAA,EAEjB,IAAI,EAAA,CACA,EACN,CAAC,WAAW,IAAIA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,CAAA,EAAA,CACtE,CACJ,CAAC;AAEF,IAAA,IAAI,WAAW,IAAI,CAAC,wBAAwB,EAAE;AAC5C,QAAA,QACEA,qBAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAA,QAAA,EACrC,OAAO,EAAA,CACA,EACV;KACH;AAED,IAAA,OAAO,OAAO,CAAC;AACjB,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACnDE,sBAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,gBAAc,IAAI,EAAA,GAAM,KAAK,EAClE,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EACvC,QAAA,EAAA,CAAA,IAAI,IAAIF,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAC3DA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,IACpD,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAC,MAAM,EACnD,QAAA,EAAA,QAAQ,GACL,CACE,EAAA,CAAA,CACX,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,sBAAsB,CAAC,WAAW,GAAG,eAAe,CAAC;MAExC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,sBAAsB;AAC9B,CAAA;;;;"}

package/dist/v1/components/slider/slider.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.2.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var slider_module = require('./slider.module.css.cjs');
 var thumb = require('./thumb.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.cjs');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -30,19 +30,23 @@ const slider = index$1.cva(slider_module.default.slider, {
     variants: {
         variant: {
             single: slider_module.default['slider-variant-single'],
-            range: slider_module.default['slider-variant-range'],
-        },
+            range: slider_module.default['slider-variant-range']
+        }
     },
     defaultVariants: {
-        variant: 'single',
-    },
+        variant: 'single'
+    }
 });
 const Slider = React__namespace.forwardRef(({ className, variant = 'single', value, defaultValue, min = 0, max = 100, step = 1, label, onChange, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, ...props }, ref) => {
     const isRange = variant === 'range';
     const defaultVal = isRange
         ? defaultValue || [min, max]
         : [defaultValue || min];
-    const currentValue = value ? (isRange ? value : [value]) : defaultVal;
+    const currentValue = value
+        ? isRange
+            ? value
+            : [value]
+        : defaultVal;
     const getLabel = (index) => {
         if (!label)
             return undefined;
@@ -57,7 +61,7 @@ const Slider = React__namespace.forwardRef(({ className, variant = 'single', val
         const val = currentValue[index];
         return labelText ? `${labelText}: ${val}` : `${val}`;
     };
-    return (jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: `${slider({ variant })} ${className || ''}`, value: value ? currentValue : undefined, defaultValue: defaultVal, min: min, max: max, step: step, onValueChange: (val) => onChange?.(isRange ? val : val[0]), "aria-label": ariaLabel || (isRange ? 'Range slider' : 'Slider'), ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Track, { className: slider_module.default.track, children: jsxRuntime.jsxRuntimeExports.jsx(index.Range, { className: slider_module.default.range }) }), defaultVal.map((_, i) => (jsxRuntime.jsxRuntimeExports.jsx(index.Thumb, { className: slider_module.default.thumb, asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), children: jsxRuntime.jsxRuntimeExports.jsxs("div", { children: [jsxRuntime.jsxRuntimeExports.jsx(thumb.ThumbIcon, {}), getLabel(i) && jsxRuntime.jsxRuntimeExports.jsx("div", { className: slider_module.default.label, children: getLabel(i) })] }) }, i)))] }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: `${slider({ variant })} ${className || ''}`, value: value ? currentValue : undefined, defaultValue: defaultVal, min: min, max: max, step: step, onValueChange: val => onChange?.(isRange ? val : val[0]), "aria-label": ariaLabel || (isRange ? 'Range slider' : 'Slider'), ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Track, { className: slider_module.default.track, children: jsxRuntime.jsxRuntimeExports.jsx(index.Range, { className: slider_module.default.range }) }), defaultVal.map((_, i) => (jsxRuntime.jsxRuntimeExports.jsx(index.Thumb, { className: slider_module.default.thumb, asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), children: jsxRuntime.jsxRuntimeExports.jsxs("div", { children: [jsxRuntime.jsxRuntimeExports.jsx(thumb.ThumbIcon, {}), getLabel(i) && jsxRuntime.jsxRuntimeExports.jsx("div", { className: slider_module.default.label, children: getLabel(i) })] }) }, i)))] }));
 });
 Slider.displayName = 'Slider';
 

package/dist/v1/components/slider/slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","sources":["../../../../v1/components/slider/slider.tsx"],"sourcesContent":["import * as RadixSlider from '@radix-ui/react-slider';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\n\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range'],\n    },\n  },\n  defaultVariants: {\n    variant: 'single',\n  },\n});\n\nexport interface SliderProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixSlider.Root>, 'value' | 'defaultValue' | 'onChange'>,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n}\n\nexport const Slider = React.forwardRef<React.ElementRef<typeof RadixSlider.Root>, SliderProps>(\n  ({ \n    className, \n    variant = 'single', \n    value, \n    defaultValue, \n    min = 0, \n    max = 100, \n    step = 1, \n    label, \n    onChange,\n    'aria-label': ariaLabel,\n    'aria-valuetext': ariaValueText,\n    ...props \n  }, ref) => {\n    const isRange = variant === 'range';\n    const defaultVal = isRange \n      ? (defaultValue as [number, number]) || [min, max] \n      : [defaultValue as number || min];\n    const currentValue = value ? (isRange ? value as [number, number] : [value as number]) : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <RadixSlider.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={(val) => onChange?.(isRange ? val as [number, number] : val[0])}\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <RadixSlider.Track className={styles.track}>\n          <RadixSlider.Range className={styles.range} />\n        </RadixSlider.Track>\n        {defaultVal.map((_, i) => (\n          <RadixSlider.Thumb \n            key={i} \n            className={styles.thumb} \n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </RadixSlider.Thumb>\n        ))}\n      </RadixSlider.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';"],"names":["cva","styles","React","_jsxs","RadixSlider.Root","_jsx","RadixSlider.Track","RadixSlider.Range","RadixSlider.Thumb","ThumbIcon"],"mappings":"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"}
+{"version":3,"file":"slider.cjs","sources":["../../../../v1/components/slider/slider.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={styles.thumb}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":["cva","styles","React","_jsxs","SliderPrimitive.Root","_jsx","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb","ThumbIcon"],"mappings":"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"}

package/dist/v1/components/slider/slider.d.ts

@@ -1,11 +1,11 @@
-import * as RadixSlider from '@radix-ui/react-slider';
 import { type VariantProps } from 'class-variance-authority';
+import { Slider as SliderPrimitive } from 'radix-ui';
 import * as React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 declare const slider: (props?: ({
     variant?: "range" | "single" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof RadixSlider.Root>, 'value' | 'defaultValue' | 'onChange'>, VariantProps<typeof slider> {
+export interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onChange'>, VariantProps<typeof slider> {
     value?: number | [number, number];
     defaultValue?: number | [number, number];
     min?: number;

package/dist/v1/components/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../v1/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKtD,QAAA,MAAM,MAAM;;8EAUV,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EACpG,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,qFAmElB,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../v1/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,MAAM;;8EAUV,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACrD,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC,EACD,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,qFA+ElB,CAAC"}

package/dist/v1/components/slider/slider.js

@@ -1,27 +1,31 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.2.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import * as React from 'react';
 import styles from './slider.module.css.js';
 import { ThumbIcon } from './thumb.js';
+import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.js';
 
 const slider = cva(styles.slider, {
     variants: {
         variant: {
             single: styles['slider-variant-single'],
-            range: styles['slider-variant-range'],
-        },
+            range: styles['slider-variant-range']
+        }
     },
     defaultVariants: {
-        variant: 'single',
-    },
+        variant: 'single'
+    }
 });
 const Slider = React.forwardRef(({ className, variant = 'single', value, defaultValue, min = 0, max = 100, step = 1, label, onChange, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, ...props }, ref) => {
     const isRange = variant === 'range';
     const defaultVal = isRange
         ? defaultValue || [min, max]
         : [defaultValue || min];
-    const currentValue = value ? (isRange ? value : [value]) : defaultVal;
+    const currentValue = value
+        ? isRange
+            ? value
+            : [value]
+        : defaultVal;
     const getLabel = (index) => {
         if (!label)
             return undefined;
@@ -36,7 +40,7 @@ const Slider = React.forwardRef(({ className, variant = 'single', value, default
         const val = currentValue[index];
         return labelText ? `${labelText}: ${val}` : `${val}`;
     };
-    return (jsxRuntimeExports.jsxs(Root, { ref: ref, className: `${slider({ variant })} ${className || ''}`, value: value ? currentValue : undefined, defaultValue: defaultVal, min: min, max: max, step: step, onValueChange: (val) => onChange?.(isRange ? val : val[0]), "aria-label": ariaLabel || (isRange ? 'Range slider' : 'Slider'), ...props, children: [jsxRuntimeExports.jsx(Track, { className: styles.track, children: jsxRuntimeExports.jsx(Range, { className: styles.range }) }), defaultVal.map((_, i) => (jsxRuntimeExports.jsx(Thumb, { className: styles.thumb, asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), children: jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(ThumbIcon, {}), getLabel(i) && jsxRuntimeExports.jsx("div", { className: styles.label, children: getLabel(i) })] }) }, i)))] }));
+    return (jsxRuntimeExports.jsxs(Root, { ref: ref, className: `${slider({ variant })} ${className || ''}`, value: value ? currentValue : undefined, defaultValue: defaultVal, min: min, max: max, step: step, onValueChange: val => onChange?.(isRange ? val : val[0]), "aria-label": ariaLabel || (isRange ? 'Range slider' : 'Slider'), ...props, children: [jsxRuntimeExports.jsx(Track, { className: styles.track, children: jsxRuntimeExports.jsx(Range, { className: styles.range }) }), defaultVal.map((_, i) => (jsxRuntimeExports.jsx(Thumb, { className: styles.thumb, asChild: true, "aria-label": getLabel(i) || `Thumb ${i + 1}`, "aria-valuetext": getAriaValueText(i), children: jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(ThumbIcon, {}), getLabel(i) && jsxRuntimeExports.jsx("div", { className: styles.label, children: getLabel(i) })] }) }, i)))] }));
 });
 Slider.displayName = 'Slider';