erp-pro-ui 0.1.7 → 0.1.8

package/dist/index.mjs

@@ -10,43 +10,46 @@ import { n as BackgroundGradientAnimation } from "./chunks/background-gradient-a
 import { t as Button } from "./chunks/button-DddUhuR-.mjs";
 import { t as HoverBorderGradient } from "./chunks/HoverBorderGradient-CduqqQgX.mjs";
 import { t as ButtonHoverBorderGradient } from "./chunks/button-hover-border-gradient-DFppVRI4.mjs";
-import { t as Select } from "./chunks/select-1rSJeUBQ.mjs";
-import { t as Calendar } from "./chunks/calendar-Cp84V2rY.mjs";
-import { t as Card } from "./chunks/card-SpHHNB0c.mjs";
-import { t as Carousel } from "./chunks/carousel-C1skQ65z.mjs";
-import { t as Checkbox } from "./chunks/checkbox-DjGpvMyo.mjs";
-import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-CbO8-1lK.mjs";
-import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-D6Q9Di7D.mjs";
-import { t as ChromaGrid } from "./chunks/chroma-grid-CexX28VQ.mjs";
-import { t as ColorPalette } from "./chunks/color-palette-BU1cI6XP.mjs";
-import { t as Combobox } from "./chunks/combobox-D6WnThIQ.mjs";
-import { n as InputState, t as Input } from "./chunks/input-CpARxvFi.mjs";
-import { a as FilterButton, c as TableBody, d as TableContainer, f as TableFooter, h as TableRow, i as ColumnToggle, l as TableCaption, m as TableHeader, n as FilterProfile, o as FilterDropdown, p as TableHead, s as Table, t as DataTable, u as TableCell } from "./chunks/data-table-B2r5OUFX.mjs";
-import { t as Tooltip } from "./chunks/tooltip-CASvQiFQ.mjs";
-import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-CMhAXEGZ.mjs";
-import { t as Switch } from "./chunks/switch-hd7zTBD_.mjs";
-import { t as DatePicker } from "./chunks/date-picker-Bh6_p4bD.mjs";
-import { t as Dialog } from "./chunks/dialog-BibwiFLY.mjs";
-import { t as Drawer } from "./chunks/drawer-DsE8Pb8e.mjs";
-import { i as FormField, n as FormActions, o as FormSection, s as InputGroup, t as Form } from "./chunks/form-CRwpjFWu.mjs";
-import { t as GradualBlur } from "./chunks/gradual-blur-pt0UiMEy.mjs";
+import { t as DropdownMenu } from "./chunks/DropdownMenu-C17Zqu_E.mjs";
+import { t as Select } from "./chunks/select-D0GOBB-b.mjs";
+import { t as Calendar } from "./chunks/calendar-BOBm3dFA.mjs";
+import { t as Card } from "./chunks/card-BId1_zHw.mjs";
+import { t as Carousel } from "./chunks/carousel-DUqOaYvs.mjs";
+import { a as HamburgerIcon, i as NavLink, n as Sidebar, r as SidebarLinks, t as DashboardSidebarShell } from "./chunks/sidebar-BrOLz89T.mjs";
+import { t as Typography } from "./chunks/typography-C_IanU4b.mjs";
+import { t as ASCIIText } from "./chunks/ascii-text-OBwVLFDC.mjs";
+import { t as ChromaGrid } from "./chunks/chroma-grid-DlY9hIRI.mjs";
+import { t as GradualBlur } from "./chunks/gradual-blur-BR06yO3Y.mjs";
 import "./hover-border-gradient.mjs";
-import { t as HoverCard } from "./chunks/hover-card-C3Xa18Ov.mjs";
-import { t as Label } from "./chunks/label-BVH02Yvq.mjs";
-import { a as Pulse, c as Spinner, i as Loading, l as Wave, n as Bounce, o as Ring, r as Dots, s as Skeleton, t as Bars } from "./chunks/loading-B2Ron0Fd.mjs";
-import { t as OTPInput } from "./chunks/otp-input-B7DhhsMe.mjs";
-import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-D7gmZNjp.mjs";
-import { t as Radio } from "./chunks/radio-C6Meq2iz.mjs";
-import { a as SkeletonImage, c as SkeletonTableRow, i as SkeletonCard, l as SkeletonText, n as SkeletonAvatar, o as SkeletonListItem, r as SkeletonButton, s as SkeletonMetricCard, t as Skeleton$1 } from "./chunks/skeleton-BRx-80dg.mjs";
-import { t as SplashCursor } from "./chunks/splash-cursor-Cxouip_h.mjs";
-import { t as SpotlightCard } from "./chunks/spotlight-card-DIgacTxA.mjs";
-import { i as Stepper, n as StepperWizardStep, r as StepperSteps, t as StepperWizard } from "./chunks/stepper-JD4ZHT-b.mjs";
-import { n as SunToMoonButton, t as ThemeSwitcherButtons } from "./chunks/sun-to-moon-button-CBbDar4k.mjs";
-import { t as Textarea } from "./chunks/textarea-Cu26uKqq.mjs";
-import { a as useToast, n as ToastProvider, t as ToastItem } from "./chunks/toast-CpX-22n2.mjs";
-import { t as Typography } from "./chunks/typography-KxLf6Td8.mjs";
-import { t as ASCIIText } from "./chunks/ascii-text-RJxX3wCC.mjs";
-import { t as Audio } from "./chunks/spinners-hJaI_cBH.mjs";
+import { t as SplashCursor } from "./chunks/splash-cursor-CDHTm5vA.mjs";
+import { t as SpotlightCard } from "./chunks/spotlight-card-D0uTxfPZ.mjs";
+import { t as SunToMoonButton } from "./chunks/SunToMoonButton-BkEfkElJ.mjs";
+import { t as ThemeSwitcherButtons } from "./chunks/sun-to-moon-button-DcRX0obV.mjs";
+import { t as Checkbox } from "./chunks/checkbox-3aB7XC9_.mjs";
+import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-BFg3DJx6.mjs";
+import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-C9O0tuZf.mjs";
+import { t as ColorPalette } from "./chunks/color-palette-DnX1sODj.mjs";
+import { t as Combobox } from "./chunks/combobox-Bcwi33Qx.mjs";
+import { n as InputState, t as Input } from "./chunks/input-Dox16Ozo.mjs";
+import { a as FilterButton, c as TableBody, d as TableContainer, f as TableFooter, h as TableRow, i as ColumnToggle, l as TableCaption, m as TableHeader, n as FilterProfile, o as FilterDropdown, p as TableHead, s as Table, t as DataTable, u as TableCell } from "./chunks/data-table-Biom5rvs.mjs";
+import { t as Tooltip } from "./chunks/tooltip-CmB8xKOF.mjs";
+import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-BrFtvCrS.mjs";
+import { t as Switch } from "./chunks/switch-C1gKE0m0.mjs";
+import { t as DatePicker } from "./chunks/date-picker-CXGwnrLr.mjs";
+import { t as Dialog } from "./chunks/dialog-CanVyiAD.mjs";
+import { t as Drawer } from "./chunks/drawer-BJsBK6cP.mjs";
+import { i as FormField, n as FormActions, o as FormSection, s as InputGroup, t as Form } from "./chunks/form-CvNNjA1i.mjs";
+import { t as HoverCard } from "./chunks/hover-card-C88rU-nW.mjs";
+import { t as Label } from "./chunks/label-C1Ekt3j2.mjs";
+import { a as Pulse, c as Spinner, i as Loading, l as Wave, n as Bounce, o as Ring, r as Dots, s as Skeleton, t as Bars } from "./chunks/loading-Dtosnb4A.mjs";
+import { t as OTPInput } from "./chunks/otp-input-JOysxKfD.mjs";
+import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-BEx94cfy.mjs";
+import { t as Radio } from "./chunks/radio-C7Eg3FEp.mjs";
+import { a as SkeletonImage, c as SkeletonTableRow, i as SkeletonCard, l as SkeletonText, n as SkeletonAvatar, o as SkeletonListItem, r as SkeletonButton, s as SkeletonMetricCard, t as Skeleton$1 } from "./chunks/skeleton-BdijDxP6.mjs";
+import { i as Stepper, n as StepperWizardStep, r as StepperSteps, t as StepperWizard } from "./chunks/stepper-BMKxjCdm.mjs";
+import { t as Textarea } from "./chunks/textarea-BY5-J9No.mjs";
+import { a as useToast, n as ToastProvider, t as ToastItem } from "./chunks/toast-BcBidy5n.mjs";
+import { t as Audio } from "./chunks/spinners-g6_Up5Rb.mjs";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/effects/border-beam/BorderBeam.tsx
@@ -230,6 +233,6 @@ function Tabs({ items, value, defaultValue, onValueChange, dir = "auto", classNa
 	});
 }
 //#endregion
-export { ASCIIText, Accordion, ActivityIcon, Alert, AlertCircleIcon, AlertTriangleIcon, AnimatedContent, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, Audio, AudioWaveIcon, BackgroundGradientAnimation, BarChart, Bars, BellIcon, BorderBeam, Bounce, BriefcaseBusinessIcon, Button, ButtonHoverBorderGradient, Calendar, Card, Carousel, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, ChromaGrid, CircleIcon, CircularProgress, CloseIcon, ColorPalette, ColumnToggle, ColumnsIcon, Combobox, DataTable, DatePicker, Dialog, Dots, DragIcon, Drawer, EllipsisIcon, EllipsisVerticalIcon, EyeIcon, EyeOffIcon, FilterButton, FilterDropdown, FilterIcon, FilterProfile, FilterProfileIcon, FilterXIcon, Form, FormActions, FormField, FormSection, FullScreenIcon, GradualBlur, HomeIcon, HoverBorderGradient, HoverCard, InfoCircleIcon, Input, InputGroup, InputState, Label, LoaderIcon, Loading, MailIcon, MiniNeonSparkline, MultiSelectCombobox, NeonLineChart, OTPInput, PackageIcon, PasswordStrengthMeter, PieChart, PlayIcon, PositiveNegativeBarChart, ProgressBar, Pulse, QuestionCircleIcon, Radio, RefreshIcon, Ring, RingLoaderIcon, SearchIcon, Select, SelectionIcon, SettingsIcon, ShoppingCartIcon, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, Skeleton$1 as SkeletonComponent, SkeletonImage, SkeletonListItem, SkeletonMetricCard, SkeletonTableRow, SkeletonText, Spinner, SplashCursor, SplitChip, SpotlightCard, StackedBarChart, StatusDotChip, Stepper, StepperSteps, StepperSteps as StepperStepsNavigation, StepperWizard, StepperWizardStep, SunToMoonButton, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, Textarea, ThemeProvider, ThemeSwitcherButtons, ThinBreakdownBar, ToastItem, ToastProvider, Tooltip, TrashIcon, TruncatedText, Typography, UserIcon, Wave, XCircleIcon, ZapIcon, chartColorTokens, generateUniqueKey, getChartColorVar, getChartPalette, mergeClassNames, useThemeContext, useToast, validateEmail };
+export { ASCIIText, Accordion, ActivityIcon, Alert, AlertCircleIcon, AlertTriangleIcon, AnimatedContent, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, Audio, AudioWaveIcon, BackgroundGradientAnimation, BarChart, Bars, BellIcon, BorderBeam, Bounce, BriefcaseBusinessIcon, Button, ButtonHoverBorderGradient, Calendar, Card, Carousel, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, ChromaGrid, CircleIcon, CircularProgress, CloseIcon, ColorPalette, ColumnToggle, ColumnsIcon, Combobox, DashboardSidebarShell, DataTable, DatePicker, Dialog, Dots, DragIcon, Drawer, DropdownMenu, EllipsisIcon, EllipsisVerticalIcon, EyeIcon, EyeOffIcon, FilterButton, FilterDropdown, FilterIcon, FilterProfile, FilterProfileIcon, FilterXIcon, Form, FormActions, FormField, FormSection, FullScreenIcon, GradualBlur, HamburgerIcon, HomeIcon, HoverBorderGradient, HoverCard, InfoCircleIcon, Input, InputGroup, InputState, Label, LoaderIcon, Loading, MailIcon, MiniNeonSparkline, MultiSelectCombobox, NavLink, NeonLineChart, OTPInput, PackageIcon, PasswordStrengthMeter, PieChart, PlayIcon, PositiveNegativeBarChart, ProgressBar, Pulse, QuestionCircleIcon, Radio, RefreshIcon, Ring, RingLoaderIcon, SearchIcon, Select, SelectionIcon, SettingsIcon, ShoppingCartIcon, Sidebar, SidebarLinks, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, Skeleton$1 as SkeletonComponent, SkeletonImage, SkeletonListItem, SkeletonMetricCard, SkeletonTableRow, SkeletonText, Spinner, SplashCursor, SplitChip, SpotlightCard, StackedBarChart, StatusDotChip, Stepper, StepperSteps, StepperSteps as StepperStepsNavigation, StepperWizard, StepperWizardStep, SunToMoonButton, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, Textarea, ThemeProvider, ThemeSwitcherButtons, ThinBreakdownBar, ToastItem, ToastProvider, Tooltip, TrashIcon, TruncatedText, Typography, UserIcon, Wave, XCircleIcon, ZapIcon, chartColorTokens, generateUniqueKey, getChartColorVar, getChartPalette, mergeClassNames, useThemeContext, useToast, validateEmail };
 
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/components/effects/border-beam/BorderBeam.tsx","../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport interface BorderBeamProps {\n  className?: string;\n  size?: number;\n  duration?: number;\n  borderWidth?: number;\n  anchor?: number;\n  colorFrom?: string;\n  colorTo?: string;\n  delay?: number;\n}\n\nexport function BorderBeam({\n  className = \"\",\n  size = 200,\n  duration = 15,\n  anchor = 90,\n  borderWidth = 0.5,\n  colorFrom = \"var(--ds-color-accent)\",\n  colorTo = \"var(--ds-color-accent-hover)\",\n  delay = 0,\n}: BorderBeamProps) {\n  return (\n    <div\n      style={\n        {\n          \"--size\": `${size}px`,\n          \"--duration\": `${duration}s`,\n          \"--anchor\": `${anchor}`,\n          \"--border-width\": `${borderWidth}px`,\n          \"--beam-color-from\": colorFrom,\n          \"--beam-color-to\": colorTo,\n          \"--delay\": `-${delay}s`,\n        } as CSSProperties\n      }\n      className={`border-beam ${className}`}\n    />\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { TabsDirection, TabsItem, TabsProps } from \"./types\";\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: TabsDirection,\n): Exclude<TabsDirection, \"auto\"> {\n  if (direction !== \"auto\") {\n    return direction;\n  }\n\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const explicitDirection =\n    document.documentElement.getAttribute(\"dir\") ?? undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction getFirstEnabledId(items: readonly TabsItem[]): string {\n  const fallback = items.find((item) => !item.disabled) ?? items[0];\n  return fallback?.id ?? \"\";\n}\n\nexport function Tabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  dir = \"auto\",\n  className,\n  listClassName,\n  triggerClassName,\n  panelClassName,\n  animationDurationMs = 220,\n}: TabsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const tabSlotRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n\n  const fallbackId = useMemo(() => getFirstEnabledId(items), [items]);\n  const [internalValue, setInternalValue] = useState<string>(\n    defaultValue ?? fallbackId,\n  );\n  const rawActiveId = isControlled ? value : internalValue;\n  const activeId = items.some((item) => item.id === rawActiveId)\n    ? rawActiveId\n    : fallbackId;\n\n  const activeIndex = useMemo(\n    () =>\n      Math.max(\n        items.findIndex((item) => item.id === activeId),\n        0,\n      ),\n    [items, activeId],\n  );\n\n  const previousIndexRef = useRef(activeIndex);\n  const [indicator, setIndicator] = useState<{\n    left: number;\n    width: number;\n  } | null>(null);\n\n  const getEffectiveDirection = useCallback(() => {\n    if (dir !== \"auto\") {\n      return dir;\n    }\n\n    if (typeof window !== \"undefined\" && listRef.current) {\n      const cssDirection = window.getComputedStyle(listRef.current).direction;\n      if (cssDirection === \"rtl\" || cssDirection === \"ltr\") {\n        return cssDirection;\n      }\n    }\n\n    return resolveDirection(\"auto\");\n  }, [dir]);\n\n  useEffect(() => {\n    const previousIndex = previousIndexRef.current;\n    if (activeIndex === previousIndex) {\n      return;\n    }\n\n    const panel = panelRef.current;\n    if (!panel) {\n      previousIndexRef.current = activeIndex;\n      return;\n    }\n\n    const indexDelta = activeIndex - previousIndex;\n    const logicalDirection = indexDelta >= 0 ? 1 : -1;\n    const visualDirection =\n      getEffectiveDirection() === \"rtl\" ? -logicalDirection : logicalDirection;\n    const fromX = visualDirection > 0 ? -14 : 14;\n\n    panel.animate(\n      [\n        { opacity: 0, transform: `translateX(${fromX}px)` },\n        { opacity: 1, transform: \"translateX(0px)\" },\n      ],\n      {\n        duration: animationDurationMs,\n        easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\n      },\n    );\n\n    previousIndexRef.current = activeIndex;\n  }, [activeIndex, animationDurationMs, getEffectiveDirection]);\n\n  const activeItem = items[activeIndex] ?? items[0];\n\n  useLayoutEffect(() => {\n    const updateIndicator = () => {\n      const selectedSlot = tabSlotRefs.current[activeItem?.id ?? \"\"];\n      if (!selectedSlot) {\n        setIndicator(null);\n        return;\n      }\n\n      setIndicator({\n        left: selectedSlot.offsetLeft,\n        width: selectedSlot.offsetWidth,\n      });\n    };\n\n    updateIndicator();\n    window.addEventListener(\"resize\", updateIndicator);\n    return () => window.removeEventListener(\"resize\", updateIndicator);\n  }, [activeItem?.id, items.length]);\n\n  const setValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n    onValueChange?.(nextValue);\n  };\n\n  const moveBy = (delta: number) => {\n    if (items.length === 0) {\n      return;\n    }\n\n    let probe = activeIndex;\n    for (let step = 0; step < items.length; step++) {\n      probe = (probe + delta + items.length) % items.length;\n      const candidate = items[probe];\n      if (!candidate?.disabled) {\n        setValue(candidate.id);\n        return;\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      dir={dir === \"auto\" ? undefined : dir}\n      className={mergeClassNames(\"w-full\", className)}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        className={mergeClassNames(\n          \"relative flex h-9 w-full items-center gap-0 overflow-hidden rounded-lg border border-ds-border-3 bg-ds-surface-2 p-1\",\n          listClassName,\n        )}\n      >\n        {items.length > 0 && indicator ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute bottom-1 top-1 rounded-md border border-ds-border-accent/45 bg-ds-accent shadow-[0_1px_3px_rgba(0,0,0,0.1),0_1px_2px_rgba(0,0,0,0.06)] transition-transform duration-300 ease-out\"\n            style={{\n              width: `${indicator.width}px`,\n              transform: `translateX(${indicator.left}px)`,\n              left: 0,\n            }}\n          />\n        ) : null}\n        {items.map((item) => {\n          const selected = item.id === activeItem?.id;\n          return (\n            <div\n              key={item.id}\n              ref={(node) => {\n                tabSlotRefs.current[item.id] = node;\n              }}\n              className=\"relative z-10 h-full min-w-0 flex-1\"\n            >\n              <Button\n                role=\"tab\"\n                id={`tab-${item.id}`}\n                aria-selected={selected}\n                aria-controls={`tabpanel-${item.id}`}\n                tabIndex={selected ? 0 : -1}\n                disabled={item.disabled}\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"h-full w-full rounded-md px-3 py-1 text-base font-normal leading-[22px] transition-colors duration-200\",\n                  \"outline-none focus-visible:ring-2 focus-visible:ring-ds-focus/60\",\n                  selected ? \"text-ds-on-accent\" : \"text-ds-2 hover:text-ds-1\",\n                  item.disabled && \"cursor-not-allowed opacity-55\",\n                  triggerClassName,\n                )}\n                onClick={() => {\n                  if (!item.disabled) {\n                    setValue(item.id);\n                  }\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"ArrowRight\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? -1 : 1);\n                  }\n\n                  if (event.key === \"ArrowLeft\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? 1 : -1);\n                  }\n\n                  if (event.key === \"Home\") {\n                    event.preventDefault();\n                    const first = items.find((candidate) => !candidate.disabled);\n                    if (first) {\n                      setValue(first.id);\n                    }\n                  }\n\n                  if (event.key === \"End\") {\n                    event.preventDefault();\n                    const reversed = [...items].reverse();\n                    const last = reversed.find(\n                      (candidate) => !candidate.disabled,\n                    );\n                    if (last) {\n                      setValue(last.id);\n                    }\n                  }\n                }}\n              >\n                {item.label}\n              </Button>\n            </div>\n          );\n        })}\n      </div>\n\n      <div\n        ref={panelRef}\n        role=\"tabpanel\"\n        id={`tabpanel-${activeItem?.id ?? \"\"}`}\n        aria-labelledby={`tab-${activeItem?.id ?? \"\"}`}\n        className={mergeClassNames(\"mt-2 w-full\", panelClassName)}\n      >\n        {activeItem?.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/components/effects/border-beam/BorderBeam.tsx","../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport interface BorderBeamProps {\n  className?: string;\n  size?: number;\n  duration?: number;\n  borderWidth?: number;\n  anchor?: number;\n  colorFrom?: string;\n  colorTo?: string;\n  delay?: number;\n}\n\nexport function BorderBeam({\n  className = \"\",\n  size = 200,\n  duration = 15,\n  anchor = 90,\n  borderWidth = 0.5,\n  colorFrom = \"var(--ds-color-accent)\",\n  colorTo = \"var(--ds-color-accent-hover)\",\n  delay = 0,\n}: BorderBeamProps) {\n  return (\n    <div\n      style={\n        {\n          \"--size\": `${size}px`,\n          \"--duration\": `${duration}s`,\n          \"--anchor\": `${anchor}`,\n          \"--border-width\": `${borderWidth}px`,\n          \"--beam-color-from\": colorFrom,\n          \"--beam-color-to\": colorTo,\n          \"--delay\": `-${delay}s`,\n        } as CSSProperties\n      }\n      className={`border-beam ${className}`}\n    />\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { TabsDirection, TabsItem, TabsProps } from \"./types\";\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: TabsDirection,\n): Exclude<TabsDirection, \"auto\"> {\n  if (direction !== \"auto\") {\n    return direction;\n  }\n\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const explicitDirection =\n    document.documentElement.getAttribute(\"dir\") ?? undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction getFirstEnabledId(items: readonly TabsItem[]): string {\n  const fallback = items.find((item) => !item.disabled) ?? items[0];\n  return fallback?.id ?? \"\";\n}\n\nexport function Tabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  dir = \"auto\",\n  className,\n  listClassName,\n  triggerClassName,\n  panelClassName,\n  animationDurationMs = 220,\n}: TabsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const tabSlotRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n\n  const fallbackId = useMemo(() => getFirstEnabledId(items), [items]);\n  const [internalValue, setInternalValue] = useState<string>(\n    defaultValue ?? fallbackId,\n  );\n  const rawActiveId = isControlled ? value : internalValue;\n  const activeId = items.some((item) => item.id === rawActiveId)\n    ? rawActiveId\n    : fallbackId;\n\n  const activeIndex = useMemo(\n    () =>\n      Math.max(\n        items.findIndex((item) => item.id === activeId),\n        0,\n      ),\n    [items, activeId],\n  );\n\n  const previousIndexRef = useRef(activeIndex);\n  const [indicator, setIndicator] = useState<{\n    left: number;\n    width: number;\n  } | null>(null);\n\n  const getEffectiveDirection = useCallback(() => {\n    if (dir !== \"auto\") {\n      return dir;\n    }\n\n    if (typeof window !== \"undefined\" && listRef.current) {\n      const cssDirection = window.getComputedStyle(listRef.current).direction;\n      if (cssDirection === \"rtl\" || cssDirection === \"ltr\") {\n        return cssDirection;\n      }\n    }\n\n    return resolveDirection(\"auto\");\n  }, [dir]);\n\n  useEffect(() => {\n    const previousIndex = previousIndexRef.current;\n    if (activeIndex === previousIndex) {\n      return;\n    }\n\n    const panel = panelRef.current;\n    if (!panel) {\n      previousIndexRef.current = activeIndex;\n      return;\n    }\n\n    const indexDelta = activeIndex - previousIndex;\n    const logicalDirection = indexDelta >= 0 ? 1 : -1;\n    const visualDirection =\n      getEffectiveDirection() === \"rtl\" ? -logicalDirection : logicalDirection;\n    const fromX = visualDirection > 0 ? -14 : 14;\n\n    panel.animate(\n      [\n        { opacity: 0, transform: `translateX(${fromX}px)` },\n        { opacity: 1, transform: \"translateX(0px)\" },\n      ],\n      {\n        duration: animationDurationMs,\n        easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\n      },\n    );\n\n    previousIndexRef.current = activeIndex;\n  }, [activeIndex, animationDurationMs, getEffectiveDirection]);\n\n  const activeItem = items[activeIndex] ?? items[0];\n\n  useLayoutEffect(() => {\n    const updateIndicator = () => {\n      const selectedSlot = tabSlotRefs.current[activeItem?.id ?? \"\"];\n      if (!selectedSlot) {\n        setIndicator(null);\n        return;\n      }\n\n      setIndicator({\n        left: selectedSlot.offsetLeft,\n        width: selectedSlot.offsetWidth,\n      });\n    };\n\n    updateIndicator();\n    window.addEventListener(\"resize\", updateIndicator);\n    return () => window.removeEventListener(\"resize\", updateIndicator);\n  }, [activeItem?.id, items.length]);\n\n  const setValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n    onValueChange?.(nextValue);\n  };\n\n  const moveBy = (delta: number) => {\n    if (items.length === 0) {\n      return;\n    }\n\n    let probe = activeIndex;\n    for (let step = 0; step < items.length; step++) {\n      probe = (probe + delta + items.length) % items.length;\n      const candidate = items[probe];\n      if (!candidate?.disabled) {\n        setValue(candidate.id);\n        return;\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      dir={dir === \"auto\" ? undefined : dir}\n      className={mergeClassNames(\"w-full\", className)}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        className={mergeClassNames(\n          \"relative flex h-9 w-full items-center gap-0 overflow-hidden rounded-lg border border-ds-border-3 bg-ds-surface-2 p-1\",\n          listClassName,\n        )}\n      >\n        {items.length > 0 && indicator ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute bottom-1 top-1 rounded-md border border-ds-border-accent/45 bg-ds-accent shadow-[0_1px_3px_rgba(0,0,0,0.1),0_1px_2px_rgba(0,0,0,0.06)] transition-transform duration-300 ease-out\"\n            style={{\n              width: `${indicator.width}px`,\n              transform: `translateX(${indicator.left}px)`,\n              left: 0,\n            }}\n          />\n        ) : null}\n        {items.map((item) => {\n          const selected = item.id === activeItem?.id;\n          return (\n            <div\n              key={item.id}\n              ref={(node) => {\n                tabSlotRefs.current[item.id] = node;\n              }}\n              className=\"relative z-10 h-full min-w-0 flex-1\"\n            >\n              <Button\n                role=\"tab\"\n                id={`tab-${item.id}`}\n                aria-selected={selected}\n                aria-controls={`tabpanel-${item.id}`}\n                tabIndex={selected ? 0 : -1}\n                disabled={item.disabled}\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"h-full w-full rounded-md px-3 py-1 text-base font-normal leading-[22px] transition-colors duration-200\",\n                  \"outline-none focus-visible:ring-2 focus-visible:ring-ds-focus/60\",\n                  selected ? \"text-ds-on-accent\" : \"text-ds-2 hover:text-ds-1\",\n                  item.disabled && \"cursor-not-allowed opacity-55\",\n                  triggerClassName,\n                )}\n                onClick={() => {\n                  if (!item.disabled) {\n                    setValue(item.id);\n                  }\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"ArrowRight\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? -1 : 1);\n                  }\n\n                  if (event.key === \"ArrowLeft\") {\n                    event.preventDefault();\n                    moveBy(getEffectiveDirection() === \"rtl\" ? 1 : -1);\n                  }\n\n                  if (event.key === \"Home\") {\n                    event.preventDefault();\n                    const first = items.find((candidate) => !candidate.disabled);\n                    if (first) {\n                      setValue(first.id);\n                    }\n                  }\n\n                  if (event.key === \"End\") {\n                    event.preventDefault();\n                    const reversed = [...items].reverse();\n                    const last = reversed.find(\n                      (candidate) => !candidate.disabled,\n                    );\n                    if (last) {\n                      setValue(last.id);\n                    }\n                  }\n                }}\n              >\n                {item.label}\n              </Button>\n            </div>\n          );\n        })}\n      </div>\n\n      <div\n        ref={panelRef}\n        role=\"tabpanel\"\n        id={`tabpanel-${activeItem?.id ?? \"\"}`}\n        aria-labelledby={`tab-${activeItem?.id ?? \"\"}`}\n        className={mergeClassNames(\"mt-2 w-full\", panelClassName)}\n      >\n        {activeItem?.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/input.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_input = require("./chunks/input-DTW_8EwG.cjs");
+const require_input = require("./chunks/input-T4OlFhBc.cjs");
 exports.Input = require_input.Input;
 exports.InputState = require_input.InputState;

package/dist/input.mjs

@@ -1,2 +1,2 @@
-import { n as InputState, t as Input } from "./chunks/input-CpARxvFi.mjs";
+import { n as InputState, t as Input } from "./chunks/input-Dox16Ozo.mjs";
 export { Input, InputState };

package/dist/label.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_label = require("./chunks/label-DN-Bg5i8.cjs");
+const require_label = require("./chunks/label-CxmbGh0l.cjs");
 exports.Label = require_label.Label;

package/dist/label.mjs

@@ -1,2 +1,2 @@
-import { t as Label } from "./chunks/label-BVH02Yvq.mjs";
+import { t as Label } from "./chunks/label-C1Ekt3j2.mjs";
 export { Label };

package/dist/loading.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_loading = require("./chunks/loading-B1yrR3KX.cjs");
+const require_loading = require("./chunks/loading-BiM4mKh6.cjs");
 exports.Bars = require_loading.Bars;
 exports.Bounce = require_loading.Bounce;
 exports.Dots = require_loading.Dots;

package/dist/loading.mjs

@@ -1,2 +1,2 @@
-import { a as Pulse, c as Spinner, i as Loading, l as Wave, n as Bounce, o as Ring, r as Dots, s as Skeleton, t as Bars } from "./chunks/loading-B2Ron0Fd.mjs";
+import { a as Pulse, c as Spinner, i as Loading, l as Wave, n as Bounce, o as Ring, r as Dots, s as Skeleton, t as Bars } from "./chunks/loading-Dtosnb4A.mjs";
 export { Bars, Bounce, Dots, Loading, Pulse, Ring, Skeleton, Spinner, Wave };

package/dist/multi-select-combobox.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_multi_select_combobox = require("./chunks/multi-select-combobox-FEbMAPEg.cjs");
+const require_multi_select_combobox = require("./chunks/multi-select-combobox-BzqYLVpV.cjs");
 exports.MultiSelectCombobox = require_multi_select_combobox.MultiSelectCombobox;

package/dist/multi-select-combobox.mjs

@@ -1,2 +1,2 @@
-import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-CMhAXEGZ.mjs";
+import { t as MultiSelectCombobox } from "./chunks/multi-select-combobox-BrFtvCrS.mjs";
 export { MultiSelectCombobox };

package/dist/otp-input.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_otp_input = require("./chunks/otp-input-B6nJC-Fl.cjs");
+const require_otp_input = require("./chunks/otp-input-CkhV-sGl.cjs");
 exports.OTPInput = require_otp_input.OTPInput;

package/dist/otp-input.mjs

@@ -1,2 +1,2 @@
-import { t as OTPInput } from "./chunks/otp-input-B7DhhsMe.mjs";
+import { t as OTPInput } from "./chunks/otp-input-JOysxKfD.mjs";
 export { OTPInput };

package/dist/password-strength-meter.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_password_strength_meter = require("./chunks/password-strength-meter-6vNu6p19.cjs");
+const require_password_strength_meter = require("./chunks/password-strength-meter-BNnmSgLh.cjs");
 exports.PasswordStrengthMeter = require_password_strength_meter.PasswordStrengthMeter;

package/dist/password-strength-meter.mjs

@@ -1,2 +1,2 @@
-import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-D7gmZNjp.mjs";
+import { t as PasswordStrengthMeter } from "./chunks/password-strength-meter-BEx94cfy.mjs";
 export { PasswordStrengthMeter };

package/dist/progress-bar.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_progress_bar = require("./chunks/progress-bar-CbsCItvv.cjs");
+const require_progress_bar = require("./chunks/progress-bar-DS8KZ7eO.cjs");
 exports.CircularProgress = require_progress_bar.CircularProgress;
 exports.ProgressBar = require_progress_bar.ProgressBar;

package/dist/progress-bar.mjs

@@ -1,2 +1,2 @@
-import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-D6Q9Di7D.mjs";
+import { n as ProgressBar, t as CircularProgress } from "./chunks/progress-bar-C9O0tuZf.mjs";
 export { CircularProgress, ProgressBar };

package/dist/radio.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_radio = require("./chunks/radio-DxakS7iD.cjs");
+const require_radio = require("./chunks/radio-BiD1ofmq.cjs");
 exports.Radio = require_radio.Radio;

package/dist/radio.mjs

@@ -1,2 +1,2 @@
-import { t as Radio } from "./chunks/radio-C6Meq2iz.mjs";
+import { t as Radio } from "./chunks/radio-C7Eg3FEp.mjs";
 export { Radio };

package/dist/select.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_select = require("./chunks/select-SOmIt-BD.cjs");
+const require_select = require("./chunks/select-CORFYTvs.cjs");
 exports.Select = require_select.Select;

package/dist/select.mjs

@@ -1,2 +1,2 @@
-import { t as Select } from "./chunks/select-1rSJeUBQ.mjs";
+import { t as Select } from "./chunks/select-D0GOBB-b.mjs";
 export { Select };

package/dist/sidebar.cjs

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_sidebar = require("./chunks/sidebar-D9D651F6.cjs");
+exports.DashboardSidebarShell = require_sidebar.DashboardSidebarShell;
+exports.HamburgerIcon = require_sidebar.HamburgerIcon;
+exports.NavLink = require_sidebar.NavLink;
+exports.Sidebar = require_sidebar.Sidebar;
+exports.SidebarLinks = require_sidebar.SidebarLinks;

package/dist/sidebar.d.ts

@@ -0,0 +1,2 @@
+export * from './components/navigation/sidebar/index'
+export {}

package/dist/sidebar.mjs

@@ -0,0 +1,2 @@
+import { a as HamburgerIcon, i as NavLink, n as Sidebar, r as SidebarLinks, t as DashboardSidebarShell } from "./chunks/sidebar-BrOLz89T.mjs";
+export { DashboardSidebarShell, HamburgerIcon, NavLink, Sidebar, SidebarLinks };

package/dist/skeleton.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_skeleton = require("./chunks/skeleton-o7DlA5yl.cjs");
+const require_skeleton = require("./chunks/skeleton-wQOE-pRg.cjs");
 exports.Skeleton = require_skeleton.Skeleton;
 exports.SkeletonAvatar = require_skeleton.SkeletonAvatar;
 exports.SkeletonButton = require_skeleton.SkeletonButton;

package/dist/skeleton.mjs

@@ -1,2 +1,2 @@
-import { a as SkeletonImage, c as SkeletonTableRow, i as SkeletonCard, l as SkeletonText, n as SkeletonAvatar, o as SkeletonListItem, r as SkeletonButton, s as SkeletonMetricCard, t as Skeleton } from "./chunks/skeleton-BRx-80dg.mjs";
+import { a as SkeletonImage, c as SkeletonTableRow, i as SkeletonCard, l as SkeletonText, n as SkeletonAvatar, o as SkeletonListItem, r as SkeletonButton, s as SkeletonMetricCard, t as Skeleton } from "./chunks/skeleton-BdijDxP6.mjs";
 export { Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonImage, SkeletonListItem, SkeletonMetricCard, SkeletonTableRow, SkeletonText };

package/dist/spinners.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_spinners = require("./chunks/spinners-BylPf0uk.cjs");
+const require_spinners = require("./chunks/spinners-C9acUulz.cjs");
 exports.Audio = require_spinners.Audio;

package/dist/spinners.mjs

@@ -1,2 +1,2 @@
-import { t as Audio } from "./chunks/spinners-hJaI_cBH.mjs";
+import { t as Audio } from "./chunks/spinners-g6_Up5Rb.mjs";
 export { Audio };

package/dist/splash-cursor.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_splash_cursor = require("./chunks/splash-cursor-CmqkSl6m.cjs");
+const require_splash_cursor = require("./chunks/splash-cursor-CCi5n3O-.cjs");
 exports.SplashCursor = require_splash_cursor.SplashCursor;

package/dist/splash-cursor.mjs

@@ -1,2 +1,2 @@
-import { t as SplashCursor } from "./chunks/splash-cursor-Cxouip_h.mjs";
+import { t as SplashCursor } from "./chunks/splash-cursor-CDHTm5vA.mjs";
 export { SplashCursor };

package/dist/spotlight-card.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_spotlight_card = require("./chunks/spotlight-card-B3L3K21T.cjs");
+const require_spotlight_card = require("./chunks/spotlight-card-Bh7KG0vZ.cjs");
 exports.SpotlightCard = require_spotlight_card.SpotlightCard;

package/dist/spotlight-card.mjs

@@ -1,2 +1,2 @@
-import { t as SpotlightCard } from "./chunks/spotlight-card-DIgacTxA.mjs";
+import { t as SpotlightCard } from "./chunks/spotlight-card-D0uTxfPZ.mjs";
 export { SpotlightCard };

package/dist/stepper.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_stepper = require("./chunks/stepper-BpjKyemI.cjs");
+const require_stepper = require("./chunks/stepper-Z_7ugZJN.cjs");
 exports.Stepper = require_stepper.Stepper;
 exports.StepperSteps = require_stepper.StepperSteps;
 exports.StepperStepsNavigation = require_stepper.StepperSteps;

package/dist/stepper.mjs

@@ -1,2 +1,2 @@
-import { i as Stepper, n as StepperWizardStep, r as StepperSteps, t as StepperWizard } from "./chunks/stepper-JD4ZHT-b.mjs";
+import { i as Stepper, n as StepperWizardStep, r as StepperSteps, t as StepperWizard } from "./chunks/stepper-BMKxjCdm.mjs";
 export { Stepper, StepperSteps, StepperSteps as StepperStepsNavigation, StepperWizard, StepperWizardStep };

package/dist/sun-to-moon-button.cjs

@@ -1,4 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_sun_to_moon_button = require("./chunks/sun-to-moon-button-BOx1n6nk.cjs");
-exports.SunToMoonButton = require_sun_to_moon_button.SunToMoonButton;
+const require_SunToMoonButton = require("./chunks/SunToMoonButton-jS4BJD9q.cjs");
+const require_sun_to_moon_button = require("./chunks/sun-to-moon-button-De0_Sf01.cjs");
+exports.SunToMoonButton = require_SunToMoonButton.SunToMoonButton;
 exports.ThemeSwitcherButtons = require_sun_to_moon_button.ThemeSwitcherButtons;

package/dist/sun-to-moon-button.mjs

@@ -1,2 +1,3 @@
-import { n as SunToMoonButton, t as ThemeSwitcherButtons } from "./chunks/sun-to-moon-button-CBbDar4k.mjs";
+import { t as SunToMoonButton } from "./chunks/SunToMoonButton-BkEfkElJ.mjs";
+import { t as ThemeSwitcherButtons } from "./chunks/sun-to-moon-button-DcRX0obV.mjs";
 export { SunToMoonButton, ThemeSwitcherButtons };

package/dist/switch.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_switch = require("./chunks/switch-C9suGEWg.cjs");
+const require_switch = require("./chunks/switch-DPyzVrNh.cjs");
 exports.Switch = require_switch.Switch;

package/dist/switch.mjs

@@ -1,2 +1,2 @@
-import { t as Switch } from "./chunks/switch-hd7zTBD_.mjs";
+import { t as Switch } from "./chunks/switch-C1gKE0m0.mjs";
 export { Switch };

package/dist/textarea.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_textarea = require("./chunks/textarea-cXgKzluG.cjs");
+const require_textarea = require("./chunks/textarea-D-oBQ3IZ.cjs");
 exports.Textarea = require_textarea.Textarea;

package/dist/textarea.mjs

@@ -1,2 +1,2 @@
-import { t as Textarea } from "./chunks/textarea-Cu26uKqq.mjs";
+import { t as Textarea } from "./chunks/textarea-BY5-J9No.mjs";
 export { Textarea };

package/dist/toast.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_toast = require("./chunks/toast-REa6FRBc.cjs");
+const require_toast = require("./chunks/toast-DiFgv3IL.cjs");
 exports.ToastItem = require_toast.ToastItem;
 exports.ToastProvider = require_toast.ToastProvider;
 exports.default = require_toast.ToastProvider;

package/dist/toast.mjs

@@ -1,2 +1,2 @@
-import { a as useToast, i as toastStandalone, n as ToastProvider, r as setGlobalToast, t as ToastItem } from "./chunks/toast-CpX-22n2.mjs";
+import { a as useToast, i as toastStandalone, n as ToastProvider, r as setGlobalToast, t as ToastItem } from "./chunks/toast-BcBidy5n.mjs";
 export { ToastItem, ToastProvider, ToastProvider as default, setGlobalToast, toastStandalone, useToast };

package/dist/tokens.css

@@ -103,7 +103,7 @@
     --ds-foundation-light-surface-5: #e0e5f2;
     --ds-foundation-light-text-1: #1b2559;
     --ds-foundation-light-text-2: #33406f;
-    --ds-foundation-light-text-3: #4d5b86;
+    --ds-foundation-light-text-3: #7b88ad;
     --ds-foundation-light-border-1: #e2e8f0;
     --ds-foundation-light-border-2: #ebf0f7;
     --ds-foundation-light-border-3: #f3f6fb;
@@ -585,7 +585,7 @@
     --ds-surface-2: #f8f9ff;
     --ds-text-1: #2b3674;
     --ds-text-2: #55629a;
-    --ds-text-3: #7380b0;
+    --ds-text-3: #7f8bb6;
     --ds-border-1: #e9edf7;
     --ds-border-2: #f0f3fa;
     --ds-border-3: #f5f7fc;
@@ -653,7 +653,7 @@
     --ds-surface-2: #f7fcfd;
     --ds-text-1: #134e48;
     --ds-text-2: #1d6c63;
-    --ds-text-3: #2f8479;
+    --ds-text-3: #54968f;
     --ds-border-1: #d1e9ed;
     --ds-border-2: #def0f3;
     --ds-border-3: #ebf6f8;
@@ -721,7 +721,7 @@
     --ds-surface-2: #fffef4;
     --ds-text-1: #854d0e;
     --ds-text-2: #9f6320;
-    --ds-text-3: #b57a35;
+    --ds-text-3: #ad844f;
     --ds-border-1: #fef08a;
     --ds-border-2: #fef4a9;
     --ds-border-3: #fef8c8;
@@ -789,7 +789,7 @@
     --ds-surface-2: #f7fef9;
     --ds-text-1: #064e3b;
     --ds-text-2: #0b6e54;
-    --ds-text-3: #19866a;
+    --ds-text-3: #4a9f88;
     --ds-border-1: #dcfce7;
     --ds-border-2: #e6feee;
     --ds-border-3: #effff4;
@@ -834,13 +834,13 @@
 
     --ds-text-1: #1b2559;
     --ds-text-2: #33406f;
-    --ds-text-3: #4d5b86;
+    --ds-text-3: #7884ad;
 
     --ds-border-1: #e4e4e7;
-    --ds-border-2: #a3aed0;
-    --ds-border-3: #a3aed0;
+    --ds-border-2: #d2d9ea;
+    --ds-border-3: #e0e5f1;
     --ds-border-4: #e0e5f2;
-    --ds-border-field: #a3aed0;
+    --ds-border-field: #d2d9ea;
 
     --ds-primary: #4f2be2;
     --ds-brand-primary: var(--ds-primary);

package/dist/tooltip.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tooltip = require("./chunks/tooltip-CKF78rni.cjs");
+const require_tooltip = require("./chunks/tooltip-PJaQa8_l.cjs");
 exports.Tooltip = require_tooltip.Tooltip;

package/dist/tooltip.mjs

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "./chunks/tooltip-CASvQiFQ.mjs";
+import { t as Tooltip } from "./chunks/tooltip-CmB8xKOF.mjs";
 export { Tooltip };

package/dist/typography.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_typography = require("./chunks/typography-sGmh0gZ_.cjs");
+const require_typography = require("./chunks/typography-DUD6Dzd5.cjs");
 exports.Typography = require_typography.Typography;

package/dist/typography.mjs

@@ -1,2 +1,2 @@
-import { t as Typography } from "./chunks/typography-KxLf6Td8.mjs";
+import { t as Typography } from "./chunks/typography-C_IanU4b.mjs";
 export { Typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "erp-pro-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Lightweight React UI component library for ERP and SaaS apps with tree-shakeable subpath exports.",
   "type": "module",
   "sideEffects": [
@@ -97,6 +97,12 @@
       "require": "./dist/carousel.cjs",
       "default": "./dist/carousel.mjs"
     },
+    "./sidebar": {
+      "types": "./dist/components/navigation/sidebar/index.d.ts",
+      "import": "./dist/sidebar.mjs",
+      "require": "./dist/sidebar.cjs",
+      "default": "./dist/sidebar.mjs"
+    },
     "./charts": {
       "types": "./dist/components/data-display/charts/index.d.ts",
       "import": "./dist/charts.mjs",

package/dist/chunks/checkbox-DjGpvMyo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-DjGpvMyo.mjs","names":[],"sources":["../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorClasses: Record<NonNullable<CheckboxProps[\"color\"]>, string> = {\n  red: \"checked:bg-ds-state-danger\",\n  blue: \"checked:bg-ds-state-info\",\n  green: \"checked:bg-ds-state-success\",\n  yellow: \"checked:bg-ds-state-warning\",\n  teal: \"checked:bg-ds-brand-teal\",\n  primary: \"checked:bg-ds-accent\",\n};\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      extra = \"\",\n      color = \"primary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id || `checkbox-${sanitizeId(generatedId)}`;\n\n    // Custom CheckIcon SVG (stroke-based design)\n    const checkmarkIcon = `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 13l4 4L19 7'/%3e%3c/svg%3e\")`;\n\n    // Check if color is a predefined color name or a custom value\n    const isPredefinedColor = color in colorClasses;\n    const customColorStyle = !isPredefinedColor ? color : undefined;\n\n    return (\n      <>\n        <style>{`\n          .checkbox-custom-${checkboxId}:checked {\n            background-image: ${checkmarkIcon};\n            background-size: 70%;\n            background-position: center;\n            background-repeat: no-repeat;\n            ${customColorStyle ? `background-color: ${customColorStyle} !important;` : \"\"}\n          }\n        `}</style>\n        <div className=\"flex items-center space-x-2\">\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={checkboxId}\n            className={`checkbox-custom-${checkboxId} peer relative flex h-5 min-h-[20px] w-5 min-w-[20px] appearance-none items-center justify-center rounded-md border border-ds-border-field transition duration-200 outline-none checked:border-none checked:text-ds-on-accent hover:cursor-pointer ${\n              isPredefinedColor\n                ? colorClasses[color as keyof typeof colorClasses]\n                : \"\"\n            } ${error ? \"border-ds-state-error-border\" : \"\"} ${extra} ${className}`}\n            {...props}\n          />\n          {label && (\n            <label\n              htmlFor={checkboxId}\n              className=\"text-sm font-medium leading-none text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n            >\n              {label}\n            </label>\n          )}\n          {error && (\n            <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n              {error}\n            </p>\n          )}\n        </div>\n      </>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;AAGA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,eAAoE;CACxE,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,WAAW,YAEpB,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,IACR,QAAQ,WACR,GAAG,SAEL,QACG;CACH,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,MAAM,YAAY,WAAW,YAAY;CAG5D,MAAM,gBAAgB;CAGtB,MAAM,oBAAoB,SAAS;CACnC,MAAM,mBAAmB,CAAC,oBAAoB,QAAQ,KAAA;AAEtD,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UAAQ;6BACa,WAAW;gCACR,cAAc;;;;cAIhC,mBAAmB,qBAAqB,iBAAiB,gBAAgB,GAAG;;WAExE,CAAA,EACV,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,WAAW,mBAAmB,WAAW,qPACvC,oBACI,aAAa,SACb,GACL,GAAG,QAAQ,iCAAiC,GAAG,GAAG,MAAM,GAAG;IAC5D,GAAI;IACJ,CAAA;GACD,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;IACL,EAAA,CAAA;EAGR;AAED,SAAS,cAAc"}

package/dist/chunks/checkbox-NM_iPd6S.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-NM_iPd6S.cjs","names":[],"sources":["../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorClasses: Record<NonNullable<CheckboxProps[\"color\"]>, string> = {\n  red: \"checked:bg-ds-state-danger\",\n  blue: \"checked:bg-ds-state-info\",\n  green: \"checked:bg-ds-state-success\",\n  yellow: \"checked:bg-ds-state-warning\",\n  teal: \"checked:bg-ds-brand-teal\",\n  primary: \"checked:bg-ds-accent\",\n};\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      extra = \"\",\n      color = \"primary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id || `checkbox-${sanitizeId(generatedId)}`;\n\n    // Custom CheckIcon SVG (stroke-based design)\n    const checkmarkIcon = `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 13l4 4L19 7'/%3e%3c/svg%3e\")`;\n\n    // Check if color is a predefined color name or a custom value\n    const isPredefinedColor = color in colorClasses;\n    const customColorStyle = !isPredefinedColor ? color : undefined;\n\n    return (\n      <>\n        <style>{`\n          .checkbox-custom-${checkboxId}:checked {\n            background-image: ${checkmarkIcon};\n            background-size: 70%;\n            background-position: center;\n            background-repeat: no-repeat;\n            ${customColorStyle ? `background-color: ${customColorStyle} !important;` : \"\"}\n          }\n        `}</style>\n        <div className=\"flex items-center space-x-2\">\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={checkboxId}\n            className={`checkbox-custom-${checkboxId} peer relative flex h-5 min-h-[20px] w-5 min-w-[20px] appearance-none items-center justify-center rounded-md border border-ds-border-field transition duration-200 outline-none checked:border-none checked:text-ds-on-accent hover:cursor-pointer ${\n              isPredefinedColor\n                ? colorClasses[color as keyof typeof colorClasses]\n                : \"\"\n            } ${error ? \"border-ds-state-error-border\" : \"\"} ${extra} ${className}`}\n            {...props}\n          />\n          {label && (\n            <label\n              htmlFor={checkboxId}\n              className=\"text-sm font-medium leading-none text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n            >\n              {label}\n            </label>\n          )}\n          {error && (\n            <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n              {error}\n            </p>\n          )}\n        </div>\n      </>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;;AAGA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,eAAoE;CACxE,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,YAAA,GAAA,MAAA,aAET,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,IACR,QAAQ,WACR,GAAG,SAEL,QACG;CACH,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,aAAa,MAAM,YAAY,WAAW,YAAY;CAG5D,MAAM,gBAAgB;CAGtB,MAAM,oBAAoB,SAAS;CACnC,MAAM,mBAAmB,CAAC,oBAAoB,QAAQ,KAAA;AAEtD,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UAAQ;6BACa,WAAW;gCACR,cAAc;;;;cAIhC,mBAAmB,qBAAqB,iBAAiB,gBAAgB,GAAG;;WAExE,CAAA,EACV,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,WAAW,mBAAmB,WAAW,qPACvC,oBACI,aAAa,SACb,GACL,GAAG,QAAQ,iCAAiC,GAAG,GAAG,MAAM,GAAG;IAC5D,GAAI;IACJ,CAAA;GACD,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;IACL,EAAA,CAAA;EAGR;AAED,SAAS,cAAc"}