erp-pro-ui 0.1.7 → 0.1.9

package/README.md

@@ -113,6 +113,188 @@ export function App() {
 
 If you use Next.js, import `erp-pro-ui/styles.css` from your app-level global stylesheet and place `ThemeProvider` and `ToastProvider` in your shared app provider wrapper or root layout client boundary.
 
+## Internationalization and RTL Guide
+
+The library can be integrated with any i18n stack (`react-i18next`, `next-intl`, `lingui`, custom dictionaries). The recommended pattern is:
+
+1. Keep all UI strings in your app translation files.
+2. Pass translated strings to component props.
+3. Pass `dir="rtl"` at page/container level and use component direction props where provided.
+
+### RTL app shell setup
+
+```tsx
+const locale = "fa";
+const dir = locale === "fa" || locale === "ar" ? "rtl" : "ltr";
+
+return (
+  <div dir={dir}>
+    <App />
+  </div>
+);
+```
+
+### Translatable form dropdowns
+
+`Combobox`, `MultiSelectCombobox`, and `Select` expose text props so you can localize all built-in copy:
+
+- `placeholder`
+- `searchPlaceholder` (`Combobox`, `MultiSelectCombobox`)
+- `noOptionsText`
+
+```tsx
+import { Combobox, MultiSelectCombobox, Select } from "erp-pro-ui";
+
+<Combobox
+  options={countryOptions}
+  value={country}
+  onChange={setCountry}
+  placeholder={t("filters.country.placeholder")}
+  searchPlaceholder={t("common.search")}
+  noOptionsText={t("common.noResults")}
+/>;
+
+<MultiSelectCombobox
+  options={tagOptions}
+  value={tags}
+  onChange={setTags}
+  placeholder={t("filters.tags.placeholder")}
+  searchPlaceholder={t("common.search")}
+  noOptionsText={t("common.noResults")}
+/>;
+
+<Select
+  options={statusOptions}
+  value={status}
+  onChange={(e) => setStatus(e.target.value)}
+  placeholder={t("filters.status.placeholder")}
+  noOptionsText={t("common.noOptions")}
+/>;
+```
+
+### Stepper RTL and translated optional label
+
+`Stepper` supports:
+
+- `direction: "ltr" | "rtl"`
+- `optionalLabel` (for optional step text)
+
+```tsx
+import { Stepper, type Step } from "erp-pro-ui";
+
+const steps: Step[] = [
+  { id: "profile", title: t("stepper.profile") },
+  { id: "billing", title: t("stepper.billing"), optional: true },
+  { id: "review", title: t("stepper.review") },
+];
+
+<Stepper
+  steps={steps}
+  currentStep={1}
+  direction={i18n.dir() as "ltr" | "rtl"}
+  optionalLabel={t("common.optional")}
+/>;
+```
+
+## Dropdown Motion and Width Behavior
+
+`DropdownMenu` is the shared primitive used by table filters and form dropdowns.
+
+- Open animation origin is configurable through `animationClassName`.
+- In form dropdowns (`Select`, `Combobox`, `MultiSelectCombobox`), panel width is anchored to trigger width by using full-width wrapper and `left-0 right-0`.
+
+```tsx
+import { DropdownMenu } from "erp-pro-ui";
+
+<DropdownMenu
+  trigger={<button type="button">Open</button>}
+  animationClassName="origin-top-left"
+  panelClassName="left-0 right-0 mt-2 rounded-lg border border-ds-border-2 bg-ds-surface-1"
+>
+  <div className="p-3">Panel content</div>
+</DropdownMenu>;
+```
+
+## Dashboard Sidebar Shell
+
+Use `DashboardSidebarShell` when you want the exact dashboard behavior: a top header connected to a responsive sidebar, mobile hamburger control, RTL support, and customization slots.
+
+```tsx
+import {
+  BellIcon,
+  Button,
+  DashboardSidebarShell,
+  FullScreenIcon,
+  HamburgerIcon,
+  type SidebarItem,
+} from "erp-pro-ui";
+
+const items: SidebarItem[] = [
+  { id: "dashboard", label: "داشبورد", href: "/dashboard", active: true },
+  { id: "inventory", label: "انبار", href: "/inventory" },
+  { id: "settings", label: "تنظیمات", href: "/settings" },
+];
+
+export function DashboardLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <DashboardSidebarShell
+      items={items}
+      direction="rtl"
+      breadcrumb="صفحات / داشبورد"
+      title="داشبورد"
+      brand={<strong>ERPPRO</strong>}
+      sidebarFooter={<Button className="w-full">ارتقای پلن</Button>}
+      sidebarClassName="border-ds-border-2/60"
+      headerActions={({ isSidebarOpen, toggleSidebar, isRtl }) => (
+        <>
+          <Button
+            variant="tertiary"
+            size="small"
+            className="h-9 w-9 rounded-full p-0! xl:hidden"
+            onClick={toggleSidebar}
+            aria-label="Toggle sidebar"
+          >
+            <HamburgerIcon isOpen={isSidebarOpen} />
+          </Button>
+          <Button
+            variant="tertiary"
+            size="small"
+            className="relative h-9 w-9 rounded-full p-0!"
+            aria-label="Open notifications"
+          >
+            <BellIcon className="h-5 w-5" />
+            <span
+              className={
+                isRtl
+                  ? "absolute -left-0.5 -top-0.5"
+                  : "absolute -right-0.5 -top-0.5"
+              }
+            >
+              3
+            </span>
+          </Button>
+          <Button
+            variant="tertiary"
+            size="small"
+            className="h-9 w-9 rounded-full p-0!"
+          >
+            <FullScreenIcon className="h-5 w-5" />
+          </Button>
+        </>
+      )}
+    >
+      {children}
+    </DashboardSidebarShell>
+  );
+}
+```
+
+Customization props:
+
+- Header: `header`, `headerLeading`, `headerActions`, `headerClassName`, `headerTitleClassName`, `headerActionsClassName`
+- Sidebar: `brand`, `sidebarNavbar`, `sidebarFooter`, `sidebarClassName`, `sidebarLinksClassName`, `sidebarItemClassName`, `sidebarActiveItemClassName`, `sidebarOverlayClassName`
+- Behavior: `open`, `defaultOpen`, `onOpenChange`, `direction`, `activePath`, `onItemSelect`
+
 ## Colors And Fonts In Another Project
 
 The library now ships a two-layer theme contract so another project can use the same tokens without copying theme config:

package/dist/ascii-text.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ascii_text = require("./chunks/ascii-text-BP-BBy0-.cjs");
+const require_ascii_text = require("./chunks/ascii-text-BFnpVur6.cjs");
 exports.ASCIIText = require_ascii_text.ASCIIText;

package/dist/ascii-text.mjs

@@ -1,2 +1,2 @@
-import { t as ASCIIText } from "./chunks/ascii-text-RJxX3wCC.mjs";
+import { t as ASCIIText } from "./chunks/ascii-text-Bdy4C5rU.mjs";
 export { ASCIIText };

package/dist/background-gradient-animation.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_background_gradient_animation = require("./chunks/background-gradient-animation-II9hdrgB.cjs");
+const require_background_gradient_animation = require("./chunks/background-gradient-animation-CiNdmA61.cjs");
 exports.BackgroundGradientAnimation = require_background_gradient_animation.BackgroundGradientAnimation;
 exports.BackgroundGradientAnimationDemo = require_background_gradient_animation.BackgroundGradientAnimationDemo;

package/dist/background-gradient-animation.mjs

@@ -1,2 +1,2 @@
-import { n as BackgroundGradientAnimation, t as BackgroundGradientAnimationDemo } from "./chunks/background-gradient-animation-DpKJ3ecq.mjs";
+import { n as BackgroundGradientAnimation, t as BackgroundGradientAnimationDemo } from "./chunks/background-gradient-animation-BR9wx6Z8.mjs";
 export { BackgroundGradientAnimation, BackgroundGradientAnimationDemo };

package/dist/button-hover-border-gradient.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_button_hover_border_gradient = require("./chunks/button-hover-border-gradient-DX2lBG5C.cjs");
+const require_button_hover_border_gradient = require("./chunks/button-hover-border-gradient-ssmwU5-U.cjs");
 exports.ButtonHoverBorderGradient = require_button_hover_border_gradient.ButtonHoverBorderGradient;

package/dist/button-hover-border-gradient.mjs

@@ -1,2 +1,2 @@
-import { t as ButtonHoverBorderGradient } from "./chunks/button-hover-border-gradient-DFppVRI4.mjs";
+import { t as ButtonHoverBorderGradient } from "./chunks/button-hover-border-gradient-DnFvjNNw.mjs";
 export { ButtonHoverBorderGradient };

package/dist/calendar.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_calendar = require("./chunks/calendar-DuCKr6b7.cjs");
+const require_calendar = require("./chunks/calendar-CYxkfvDv.cjs");
 exports.Calendar = require_calendar.Calendar;

package/dist/calendar.mjs

@@ -1,2 +1,2 @@
-import { t as Calendar } from "./chunks/calendar-Cp84V2rY.mjs";
+import { t as Calendar } from "./chunks/calendar-BVuDnWUc.mjs";
 export { Calendar };

package/dist/card.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_card = require("./chunks/card-CqPDr6Tt.cjs");
+const require_card = require("./chunks/card-RrT68nvu.cjs");
 exports.Card = require_card.Card;

package/dist/card.mjs

@@ -1,2 +1,2 @@
-import { t as Card } from "./chunks/card-SpHHNB0c.mjs";
+import { t as Card } from "./chunks/card-BId1_zHw.mjs";
 export { Card };

package/dist/carousel.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_carousel = require("./chunks/carousel-YlRLOGkM.cjs");
+const require_carousel = require("./chunks/carousel-Cv0m1Pp5.cjs");
 exports.Carousel = require_carousel.Carousel;

package/dist/carousel.mjs

@@ -1,2 +1,2 @@
-import { t as Carousel } from "./chunks/carousel-C1skQ65z.mjs";
+import { t as Carousel } from "./chunks/carousel-Dd4rp-jr.mjs";
 export { Carousel };

package/dist/catalog.cjs

@@ -212,6 +212,12 @@ var uiCatalogItems = [
 		packageExportPath: "carousel",
 		storybookTitle: "Layout/Carousel"
 	},
+	{
+		name: "Sidebar",
+		slug: "sidebar",
+		packageExportPath: "sidebar",
+		storybookTitle: "Navigation/Sidebar"
+	},
 	{
 		name: "OTPInput",
 		slug: "otpinput",

package/dist/catalog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.cjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n  readonly name: string;\n  readonly slug: string;\n  readonly packageExportPath: string;\n  readonly storybookTitle: string;\n  readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n  {\n    name: \"Combobox\",\n    slug: \"combobox\",\n    packageExportPath: \"combobox\",\n    storybookTitle: \"Forms/Combobox\",\n  },\n  {\n    name: \"Button\",\n    slug: \"button\",\n    packageExportPath: \"button\",\n    storybookTitle: \"Forms/Button\",\n  },\n  {\n    name: \"Input\",\n    slug: \"input\",\n    packageExportPath: \"input\",\n    storybookTitle: \"Forms/Input\",\n  },\n  {\n    name: \"Checkbox\",\n    slug: \"checkbox\",\n    packageExportPath: \"checkbox\",\n    storybookTitle: \"Forms/Checkbox\",\n  },\n  {\n    name: \"Radio\",\n    slug: \"radio\",\n    packageExportPath: \"radio\",\n    storybookTitle: \"Forms/Radio\",\n  },\n  {\n    name: \"Switch\",\n    slug: \"switch\",\n    packageExportPath: \"switch\",\n    storybookTitle: \"Forms/Switch\",\n  },\n  {\n    name: \"Select\",\n    slug: \"select\",\n    packageExportPath: \"select\",\n    storybookTitle: \"Forms/Select\",\n  },\n  {\n    name: \"Textarea\",\n    slug: \"textarea\",\n    packageExportPath: \"textarea\",\n    storybookTitle: \"Forms/Textarea\",\n  },\n  {\n    name: \"Label\",\n    slug: \"label\",\n    packageExportPath: \"label\",\n    storybookTitle: \"Forms/Label\",\n  },\n  {\n    name: \"Dialog\",\n    slug: \"dialog\",\n    packageExportPath: \"dialog\",\n    storybookTitle: \"Overlays/Dialog\",\n  },\n  {\n    name: \"Drawer\",\n    slug: \"drawer\",\n    packageExportPath: \"drawer\",\n    storybookTitle: \"Layout/Drawer\",\n  },\n  {\n    name: \"Alert\",\n    slug: \"alert\",\n    packageExportPath: \"alert\",\n    storybookTitle: \"Data Display/Alert\",\n  },\n  {\n    name: \"Toast\",\n    slug: \"toast\",\n    packageExportPath: \"toast\",\n    storybookTitle: \"Data Display/Toast\",\n  },\n  {\n    name: \"Tooltip\",\n    slug: \"tooltip\",\n    packageExportPath: \"tooltip\",\n    storybookTitle: \"Layout/Tooltip\",\n  },\n  {\n    name: \"Accordion\",\n    slug: \"accordion\",\n    packageExportPath: \"accordion\",\n    storybookTitle: \"Layout/Accordion\",\n  },\n  {\n    name: \"Card\",\n    slug: \"card\",\n    packageExportPath: \"card\",\n    storybookTitle: \"Layout/Card\",\n  },\n  {\n    name: \"Stepper\",\n    slug: \"stepper\",\n    packageExportPath: \"stepper\",\n    storybookTitle: \"Layout/Stepper\",\n  },\n  {\n    name: \"Chip\",\n    slug: \"chip\",\n    packageExportPath: \"chip\",\n    storybookTitle: \"Data Display/Chip\",\n  },\n  {\n    name: \"Progress Bar\",\n    slug: \"progress-bar\",\n    packageExportPath: \"progress-bar\",\n    storybookTitle: \"Data Display/ProgressBar\",\n  },\n  {\n    name: \"Calendar\",\n    slug: \"calendar\",\n    packageExportPath: \"calendar\",\n    storybookTitle: \"Forms/Calendar\",\n  },\n  {\n    name: \"DatePicker\",\n    slug: \"datepicker\",\n    packageExportPath: \"date-picker\",\n    storybookTitle: \"Forms/DatePicker\",\n  },\n  {\n    name: \"MultiSelect Combobox\",\n    slug: \"multiselect-combobox\",\n    packageExportPath: \"multi-select-combobox\",\n    storybookTitle: \"Forms/MultiSelectCombobox\",\n  },\n  {\n    name: \"Hover Card\",\n    slug: \"hover-card\",\n    packageExportPath: \"hover-card\",\n    storybookTitle: \"Layout/HoverCard\",\n  },\n  {\n    name: \"Spotlight Card\",\n    slug: \"spotlight-card\",\n    packageExportPath: \"spotlight-card\",\n    storybookTitle: \"Visuals/SpotlightCard\",\n  },\n  {\n    name: \"Splash Cursor\",\n    slug: \"splash-cursor\",\n    packageExportPath: \"splash-cursor\",\n    storybookTitle: \"Visuals/SplashCursor\",\n  },\n  {\n    name: \"Chroma Grid\",\n    slug: \"chroma-grid\",\n    packageExportPath: \"chroma-grid\",\n    storybookTitle: \"Visuals/ChromaGrid\",\n  },\n  {\n    name: \"Color Palette\",\n    slug: \"color-palette\",\n    packageExportPath: \"color-palette\",\n    storybookTitle: \"Data Display/ColorPalette\",\n  },\n  {\n    name: \"Gradual Blur\",\n    slug: \"gradual-blur\",\n    packageExportPath: \"gradual-blur\",\n    storybookTitle: \"Visuals/GradualBlur\",\n  },\n  {\n    name: \"Animated Content\",\n    slug: \"animated-content\",\n    packageExportPath: \"animated-content\",\n    storybookTitle: \"Visuals/AnimatedContent\",\n    status: \"updated\",\n  },\n  {\n    name: \"Background Gradient\",\n    slug: \"background-gradient\",\n    packageExportPath: \"background-gradient-animation\",\n    storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n  },\n  {\n    name: \"Hover Border Gradient\",\n    slug: \"hover-border-gradient\",\n    packageExportPath: \"hover-border-gradient\",\n    storybookTitle: \"Visuals/HoverBorderGradient\",\n  },\n  {\n    name: \"Button Hover Border Gradient\",\n    slug: \"button-hover-border-gradient\",\n    packageExportPath: \"button-hover-border-gradient\",\n    storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n  },\n  {\n    name: \"Password Strength Meter\",\n    slug: \"password-strength-meter\",\n    packageExportPath: \"password-strength-meter\",\n    storybookTitle: \"Forms/PasswordStrengthMeter\",\n  },\n  {\n    name: \"Sun To Moon Button\",\n    slug: \"sun-to-moon-button\",\n    packageExportPath: \"sun-to-moon-button\",\n    storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n  },\n  {\n    name: \"Carousel\",\n    slug: \"carousel\",\n    packageExportPath: \"carousel\",\n    storybookTitle: \"Layout/Carousel\",\n  },\n  {\n    name: \"OTPInput\",\n    slug: \"otpinput\",\n    packageExportPath: \"otp-input\",\n    storybookTitle: \"Forms/OTPInput\",\n  },\n  {\n    name: \"Form\",\n    slug: \"form\",\n    packageExportPath: \"form\",\n    storybookTitle: \"Layout/Form\",\n  },\n  {\n    name: \"Data Table\",\n    slug: \"data-table\",\n    packageExportPath: \"data-table\",\n    storybookTitle: \"Data Display/DataTable\",\n  },\n  {\n    name: \"Loading\",\n    slug: \"loading\",\n    packageExportPath: \"loading\",\n    storybookTitle: \"Data Display/Loading\",\n  },\n  {\n    name: \"Skeleton\",\n    slug: \"skeleton\",\n    packageExportPath: \"skeleton\",\n    storybookTitle: \"Data Display/Skeleton\",\n  },\n  {\n    name: \"Area Chart\",\n    slug: \"area-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/AreaChart\",\n  },\n  {\n    name: \"Bar Chart\",\n    slug: \"bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/BarChart\",\n  },\n  {\n    name: \"Positive Negative Bar Chart\",\n    slug: \"positive-negative-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PositiveNegativeBarChart\",\n  },\n  {\n    name: \"Pie Chart\",\n    slug: \"pie-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PieChart\",\n  },\n  {\n    name: \"Neon Line Chart\",\n    slug: \"neon-line-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/NeonLineChart\",\n  },\n  {\n    name: \"Stacked Bar Chart\",\n    slug: \"stacked-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/StackedBarChart\",\n  },\n  {\n    name: \"Thin Breakdown Bar\",\n    slug: \"thin-breakdown-bar\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/ThinBreakdownBar\",\n  },\n  {\n    name: \"Icons\",\n    slug: \"icons\",\n    packageExportPath: \"icons\",\n    storybookTitle: \"Foundations/Icons\",\n  },\n  {\n    name: \"Typography\",\n    slug: \"typography\",\n    packageExportPath: \"typography\",\n    storybookTitle: \"Foundations/Typography\",\n  },\n  {\n    name: \"Truncated Text\",\n    slug: \"truncated-text\",\n    packageExportPath: \"truncated-text\",\n    storybookTitle: \"Foundations/TruncatedText\",\n  },\n] as const satisfies readonly UiCatalogItem[];\n\nexport type UiCatalogSlug = (typeof uiCatalogItems)[number][\"slug\"];\nexport const uiCatalogStorybookTitles = uiCatalogItems.map(\n  (item) => item.storybookTitle,\n);\n\nexport function findUiCatalogItemByStorybookTitle(storybookTitle?: string) {\n  if (!storybookTitle) {\n    return undefined;\n  }\n\n  return uiCatalogItems.find((item) => item.storybookTitle === storybookTitle);\n}\n\nexport function getUiCatalogDocsRoute(slug: UiCatalogSlug): string {\n  return `/ui-basics/${slug}`;\n}\n"],"mappings":";;AAUA,IAAa,iBAAiB;CAC5B;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACF;AAGD,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,eAChB;AAED,SAAgB,kCAAkC,gBAAyB;AACzE,KAAI,CAAC,eACH;AAGF,QAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,eAAe;;AAG9E,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,cAAc"}
+{"version":3,"file":"catalog.cjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n  readonly name: string;\n  readonly slug: string;\n  readonly packageExportPath: string;\n  readonly storybookTitle: string;\n  readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n  {\n    name: \"Combobox\",\n    slug: \"combobox\",\n    packageExportPath: \"combobox\",\n    storybookTitle: \"Forms/Combobox\",\n  },\n  {\n    name: \"Button\",\n    slug: \"button\",\n    packageExportPath: \"button\",\n    storybookTitle: \"Forms/Button\",\n  },\n  {\n    name: \"Input\",\n    slug: \"input\",\n    packageExportPath: \"input\",\n    storybookTitle: \"Forms/Input\",\n  },\n  {\n    name: \"Checkbox\",\n    slug: \"checkbox\",\n    packageExportPath: \"checkbox\",\n    storybookTitle: \"Forms/Checkbox\",\n  },\n  {\n    name: \"Radio\",\n    slug: \"radio\",\n    packageExportPath: \"radio\",\n    storybookTitle: \"Forms/Radio\",\n  },\n  {\n    name: \"Switch\",\n    slug: \"switch\",\n    packageExportPath: \"switch\",\n    storybookTitle: \"Forms/Switch\",\n  },\n  {\n    name: \"Select\",\n    slug: \"select\",\n    packageExportPath: \"select\",\n    storybookTitle: \"Forms/Select\",\n  },\n  {\n    name: \"Textarea\",\n    slug: \"textarea\",\n    packageExportPath: \"textarea\",\n    storybookTitle: \"Forms/Textarea\",\n  },\n  {\n    name: \"Label\",\n    slug: \"label\",\n    packageExportPath: \"label\",\n    storybookTitle: \"Forms/Label\",\n  },\n  {\n    name: \"Dialog\",\n    slug: \"dialog\",\n    packageExportPath: \"dialog\",\n    storybookTitle: \"Overlays/Dialog\",\n  },\n  {\n    name: \"Drawer\",\n    slug: \"drawer\",\n    packageExportPath: \"drawer\",\n    storybookTitle: \"Layout/Drawer\",\n  },\n  {\n    name: \"Alert\",\n    slug: \"alert\",\n    packageExportPath: \"alert\",\n    storybookTitle: \"Data Display/Alert\",\n  },\n  {\n    name: \"Toast\",\n    slug: \"toast\",\n    packageExportPath: \"toast\",\n    storybookTitle: \"Data Display/Toast\",\n  },\n  {\n    name: \"Tooltip\",\n    slug: \"tooltip\",\n    packageExportPath: \"tooltip\",\n    storybookTitle: \"Layout/Tooltip\",\n  },\n  {\n    name: \"Accordion\",\n    slug: \"accordion\",\n    packageExportPath: \"accordion\",\n    storybookTitle: \"Layout/Accordion\",\n  },\n  {\n    name: \"Card\",\n    slug: \"card\",\n    packageExportPath: \"card\",\n    storybookTitle: \"Layout/Card\",\n  },\n  {\n    name: \"Stepper\",\n    slug: \"stepper\",\n    packageExportPath: \"stepper\",\n    storybookTitle: \"Layout/Stepper\",\n  },\n  {\n    name: \"Chip\",\n    slug: \"chip\",\n    packageExportPath: \"chip\",\n    storybookTitle: \"Data Display/Chip\",\n  },\n  {\n    name: \"Progress Bar\",\n    slug: \"progress-bar\",\n    packageExportPath: \"progress-bar\",\n    storybookTitle: \"Data Display/ProgressBar\",\n  },\n  {\n    name: \"Calendar\",\n    slug: \"calendar\",\n    packageExportPath: \"calendar\",\n    storybookTitle: \"Forms/Calendar\",\n  },\n  {\n    name: \"DatePicker\",\n    slug: \"datepicker\",\n    packageExportPath: \"date-picker\",\n    storybookTitle: \"Forms/DatePicker\",\n  },\n  {\n    name: \"MultiSelect Combobox\",\n    slug: \"multiselect-combobox\",\n    packageExportPath: \"multi-select-combobox\",\n    storybookTitle: \"Forms/MultiSelectCombobox\",\n  },\n  {\n    name: \"Hover Card\",\n    slug: \"hover-card\",\n    packageExportPath: \"hover-card\",\n    storybookTitle: \"Layout/HoverCard\",\n  },\n  {\n    name: \"Spotlight Card\",\n    slug: \"spotlight-card\",\n    packageExportPath: \"spotlight-card\",\n    storybookTitle: \"Visuals/SpotlightCard\",\n  },\n  {\n    name: \"Splash Cursor\",\n    slug: \"splash-cursor\",\n    packageExportPath: \"splash-cursor\",\n    storybookTitle: \"Visuals/SplashCursor\",\n  },\n  {\n    name: \"Chroma Grid\",\n    slug: \"chroma-grid\",\n    packageExportPath: \"chroma-grid\",\n    storybookTitle: \"Visuals/ChromaGrid\",\n  },\n  {\n    name: \"Color Palette\",\n    slug: \"color-palette\",\n    packageExportPath: \"color-palette\",\n    storybookTitle: \"Data Display/ColorPalette\",\n  },\n  {\n    name: \"Gradual Blur\",\n    slug: \"gradual-blur\",\n    packageExportPath: \"gradual-blur\",\n    storybookTitle: \"Visuals/GradualBlur\",\n  },\n  {\n    name: \"Animated Content\",\n    slug: \"animated-content\",\n    packageExportPath: \"animated-content\",\n    storybookTitle: \"Visuals/AnimatedContent\",\n    status: \"updated\",\n  },\n  {\n    name: \"Background Gradient\",\n    slug: \"background-gradient\",\n    packageExportPath: \"background-gradient-animation\",\n    storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n  },\n  {\n    name: \"Hover Border Gradient\",\n    slug: \"hover-border-gradient\",\n    packageExportPath: \"hover-border-gradient\",\n    storybookTitle: \"Visuals/HoverBorderGradient\",\n  },\n  {\n    name: \"Button Hover Border Gradient\",\n    slug: \"button-hover-border-gradient\",\n    packageExportPath: \"button-hover-border-gradient\",\n    storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n  },\n  {\n    name: \"Password Strength Meter\",\n    slug: \"password-strength-meter\",\n    packageExportPath: \"password-strength-meter\",\n    storybookTitle: \"Forms/PasswordStrengthMeter\",\n  },\n  {\n    name: \"Sun To Moon Button\",\n    slug: \"sun-to-moon-button\",\n    packageExportPath: \"sun-to-moon-button\",\n    storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n  },\n  {\n    name: \"Carousel\",\n    slug: \"carousel\",\n    packageExportPath: \"carousel\",\n    storybookTitle: \"Layout/Carousel\",\n  },\n  {\n    name: \"Sidebar\",\n    slug: \"sidebar\",\n    packageExportPath: \"sidebar\",\n    storybookTitle: \"Navigation/Sidebar\",\n  },\n  {\n    name: \"OTPInput\",\n    slug: \"otpinput\",\n    packageExportPath: \"otp-input\",\n    storybookTitle: \"Forms/OTPInput\",\n  },\n  {\n    name: \"Form\",\n    slug: \"form\",\n    packageExportPath: \"form\",\n    storybookTitle: \"Layout/Form\",\n  },\n  {\n    name: \"Data Table\",\n    slug: \"data-table\",\n    packageExportPath: \"data-table\",\n    storybookTitle: \"Data Display/DataTable\",\n  },\n  {\n    name: \"Loading\",\n    slug: \"loading\",\n    packageExportPath: \"loading\",\n    storybookTitle: \"Data Display/Loading\",\n  },\n  {\n    name: \"Skeleton\",\n    slug: \"skeleton\",\n    packageExportPath: \"skeleton\",\n    storybookTitle: \"Data Display/Skeleton\",\n  },\n  {\n    name: \"Area Chart\",\n    slug: \"area-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/AreaChart\",\n  },\n  {\n    name: \"Bar Chart\",\n    slug: \"bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/BarChart\",\n  },\n  {\n    name: \"Positive Negative Bar Chart\",\n    slug: \"positive-negative-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PositiveNegativeBarChart\",\n  },\n  {\n    name: \"Pie Chart\",\n    slug: \"pie-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PieChart\",\n  },\n  {\n    name: \"Neon Line Chart\",\n    slug: \"neon-line-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/NeonLineChart\",\n  },\n  {\n    name: \"Stacked Bar Chart\",\n    slug: \"stacked-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/StackedBarChart\",\n  },\n  {\n    name: \"Thin Breakdown Bar\",\n    slug: \"thin-breakdown-bar\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/ThinBreakdownBar\",\n  },\n  {\n    name: \"Icons\",\n    slug: \"icons\",\n    packageExportPath: \"icons\",\n    storybookTitle: \"Foundations/Icons\",\n  },\n  {\n    name: \"Typography\",\n    slug: \"typography\",\n    packageExportPath: \"typography\",\n    storybookTitle: \"Foundations/Typography\",\n  },\n  {\n    name: \"Truncated Text\",\n    slug: \"truncated-text\",\n    packageExportPath: \"truncated-text\",\n    storybookTitle: \"Foundations/TruncatedText\",\n  },\n] as const satisfies readonly UiCatalogItem[];\n\nexport type UiCatalogSlug = (typeof uiCatalogItems)[number][\"slug\"];\nexport const uiCatalogStorybookTitles = uiCatalogItems.map(\n  (item) => item.storybookTitle,\n);\n\nexport function findUiCatalogItemByStorybookTitle(storybookTitle?: string) {\n  if (!storybookTitle) {\n    return undefined;\n  }\n\n  return uiCatalogItems.find((item) => item.storybookTitle === storybookTitle);\n}\n\nexport function getUiCatalogDocsRoute(slug: UiCatalogSlug): string {\n  return `/ui-basics/${slug}`;\n}\n"],"mappings":";;AAUA,IAAa,iBAAiB;CAC5B;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACF;AAGD,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,eAChB;AAED,SAAgB,kCAAkC,gBAAyB;AACzE,KAAI,CAAC,eACH;AAGF,QAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,eAAe;;AAG9E,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,cAAc"}

package/dist/catalog.d.ts

@@ -182,6 +182,11 @@ export declare const uiCatalogItems: readonly [{
     readonly slug: "carousel";
     readonly packageExportPath: "carousel";
     readonly storybookTitle: "Layout/Carousel";
+}, {
+    readonly name: "Sidebar";
+    readonly slug: "sidebar";
+    readonly packageExportPath: "sidebar";
+    readonly storybookTitle: "Navigation/Sidebar";
 }, {
     readonly name: "OTPInput";
     readonly slug: "otpinput";
@@ -259,7 +264,7 @@ export declare const uiCatalogItems: readonly [{
     readonly storybookTitle: "Foundations/TruncatedText";
 }];
 export type UiCatalogSlug = (typeof uiCatalogItems)[number]["slug"];
-export declare const uiCatalogStorybookTitles: ("Forms/Combobox" | "Forms/Button" | "Forms/Input" | "Forms/Checkbox" | "Forms/Radio" | "Forms/Switch" | "Forms/Select" | "Forms/Textarea" | "Forms/Label" | "Overlays/Dialog" | "Layout/Drawer" | "Data Display/Alert" | "Data Display/Toast" | "Layout/Tooltip" | "Layout/Accordion" | "Layout/Card" | "Layout/Stepper" | "Data Display/Chip" | "Data Display/ProgressBar" | "Forms/Calendar" | "Forms/DatePicker" | "Forms/MultiSelectCombobox" | "Layout/HoverCard" | "Visuals/SpotlightCard" | "Visuals/SplashCursor" | "Visuals/ChromaGrid" | "Data Display/ColorPalette" | "Visuals/GradualBlur" | "Visuals/AnimatedContent" | "Visuals/BackgroundGradientAnimation" | "Visuals/HoverBorderGradient" | "Visuals/ButtonHoverBorderGradient" | "Forms/PasswordStrengthMeter" | "Foundations/Theme/SunToMoonButton" | "Layout/Carousel" | "Forms/OTPInput" | "Layout/Form" | "Data Display/DataTable" | "Data Display/Loading" | "Data Display/Skeleton" | "Data Display/AreaChart" | "Data Display/BarChart" | "Data Display/PositiveNegativeBarChart" | "Data Display/PieChart" | "Data Display/NeonLineChart" | "Data Display/StackedBarChart" | "Data Display/ThinBreakdownBar" | "Foundations/Icons" | "Foundations/Typography" | "Foundations/TruncatedText")[];
+export declare const uiCatalogStorybookTitles: ("Forms/Combobox" | "Forms/Button" | "Forms/Input" | "Forms/Checkbox" | "Forms/Radio" | "Forms/Switch" | "Forms/Select" | "Forms/Textarea" | "Forms/Label" | "Overlays/Dialog" | "Layout/Drawer" | "Data Display/Alert" | "Data Display/Toast" | "Layout/Tooltip" | "Layout/Accordion" | "Layout/Card" | "Layout/Stepper" | "Data Display/Chip" | "Data Display/ProgressBar" | "Forms/Calendar" | "Forms/DatePicker" | "Forms/MultiSelectCombobox" | "Layout/HoverCard" | "Visuals/SpotlightCard" | "Visuals/SplashCursor" | "Visuals/ChromaGrid" | "Data Display/ColorPalette" | "Visuals/GradualBlur" | "Visuals/AnimatedContent" | "Visuals/BackgroundGradientAnimation" | "Visuals/HoverBorderGradient" | "Visuals/ButtonHoverBorderGradient" | "Forms/PasswordStrengthMeter" | "Foundations/Theme/SunToMoonButton" | "Layout/Carousel" | "Navigation/Sidebar" | "Forms/OTPInput" | "Layout/Form" | "Data Display/DataTable" | "Data Display/Loading" | "Data Display/Skeleton" | "Data Display/AreaChart" | "Data Display/BarChart" | "Data Display/PositiveNegativeBarChart" | "Data Display/PieChart" | "Data Display/NeonLineChart" | "Data Display/StackedBarChart" | "Data Display/ThinBreakdownBar" | "Foundations/Icons" | "Foundations/Typography" | "Foundations/TruncatedText")[];
 export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: string): {
     readonly name: "Combobox";
     readonly slug: "combobox";
@@ -436,6 +441,11 @@ export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: strin
     readonly slug: "carousel";
     readonly packageExportPath: "carousel";
     readonly storybookTitle: "Layout/Carousel";
+} | {
+    readonly name: "Sidebar";
+    readonly slug: "sidebar";
+    readonly packageExportPath: "sidebar";
+    readonly storybookTitle: "Navigation/Sidebar";
 } | {
     readonly name: "OTPInput";
     readonly slug: "otpinput";

package/dist/catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8SkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,wBAAwB,2sCAEpC,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,cAAc,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAMxE;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAEjE"}
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoTkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,wBAAwB,kuCAEpC,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,cAAc,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAMxE;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAEjE"}

package/dist/catalog.mjs

@@ -211,6 +211,12 @@ var uiCatalogItems = [
 		packageExportPath: "carousel",
 		storybookTitle: "Layout/Carousel"
 	},
+	{
+		name: "Sidebar",
+		slug: "sidebar",
+		packageExportPath: "sidebar",
+		storybookTitle: "Navigation/Sidebar"
+	},
 	{
 		name: "OTPInput",
 		slug: "otpinput",

package/dist/catalog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.mjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n  readonly name: string;\n  readonly slug: string;\n  readonly packageExportPath: string;\n  readonly storybookTitle: string;\n  readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n  {\n    name: \"Combobox\",\n    slug: \"combobox\",\n    packageExportPath: \"combobox\",\n    storybookTitle: \"Forms/Combobox\",\n  },\n  {\n    name: \"Button\",\n    slug: \"button\",\n    packageExportPath: \"button\",\n    storybookTitle: \"Forms/Button\",\n  },\n  {\n    name: \"Input\",\n    slug: \"input\",\n    packageExportPath: \"input\",\n    storybookTitle: \"Forms/Input\",\n  },\n  {\n    name: \"Checkbox\",\n    slug: \"checkbox\",\n    packageExportPath: \"checkbox\",\n    storybookTitle: \"Forms/Checkbox\",\n  },\n  {\n    name: \"Radio\",\n    slug: \"radio\",\n    packageExportPath: \"radio\",\n    storybookTitle: \"Forms/Radio\",\n  },\n  {\n    name: \"Switch\",\n    slug: \"switch\",\n    packageExportPath: \"switch\",\n    storybookTitle: \"Forms/Switch\",\n  },\n  {\n    name: \"Select\",\n    slug: \"select\",\n    packageExportPath: \"select\",\n    storybookTitle: \"Forms/Select\",\n  },\n  {\n    name: \"Textarea\",\n    slug: \"textarea\",\n    packageExportPath: \"textarea\",\n    storybookTitle: \"Forms/Textarea\",\n  },\n  {\n    name: \"Label\",\n    slug: \"label\",\n    packageExportPath: \"label\",\n    storybookTitle: \"Forms/Label\",\n  },\n  {\n    name: \"Dialog\",\n    slug: \"dialog\",\n    packageExportPath: \"dialog\",\n    storybookTitle: \"Overlays/Dialog\",\n  },\n  {\n    name: \"Drawer\",\n    slug: \"drawer\",\n    packageExportPath: \"drawer\",\n    storybookTitle: \"Layout/Drawer\",\n  },\n  {\n    name: \"Alert\",\n    slug: \"alert\",\n    packageExportPath: \"alert\",\n    storybookTitle: \"Data Display/Alert\",\n  },\n  {\n    name: \"Toast\",\n    slug: \"toast\",\n    packageExportPath: \"toast\",\n    storybookTitle: \"Data Display/Toast\",\n  },\n  {\n    name: \"Tooltip\",\n    slug: \"tooltip\",\n    packageExportPath: \"tooltip\",\n    storybookTitle: \"Layout/Tooltip\",\n  },\n  {\n    name: \"Accordion\",\n    slug: \"accordion\",\n    packageExportPath: \"accordion\",\n    storybookTitle: \"Layout/Accordion\",\n  },\n  {\n    name: \"Card\",\n    slug: \"card\",\n    packageExportPath: \"card\",\n    storybookTitle: \"Layout/Card\",\n  },\n  {\n    name: \"Stepper\",\n    slug: \"stepper\",\n    packageExportPath: \"stepper\",\n    storybookTitle: \"Layout/Stepper\",\n  },\n  {\n    name: \"Chip\",\n    slug: \"chip\",\n    packageExportPath: \"chip\",\n    storybookTitle: \"Data Display/Chip\",\n  },\n  {\n    name: \"Progress Bar\",\n    slug: \"progress-bar\",\n    packageExportPath: \"progress-bar\",\n    storybookTitle: \"Data Display/ProgressBar\",\n  },\n  {\n    name: \"Calendar\",\n    slug: \"calendar\",\n    packageExportPath: \"calendar\",\n    storybookTitle: \"Forms/Calendar\",\n  },\n  {\n    name: \"DatePicker\",\n    slug: \"datepicker\",\n    packageExportPath: \"date-picker\",\n    storybookTitle: \"Forms/DatePicker\",\n  },\n  {\n    name: \"MultiSelect Combobox\",\n    slug: \"multiselect-combobox\",\n    packageExportPath: \"multi-select-combobox\",\n    storybookTitle: \"Forms/MultiSelectCombobox\",\n  },\n  {\n    name: \"Hover Card\",\n    slug: \"hover-card\",\n    packageExportPath: \"hover-card\",\n    storybookTitle: \"Layout/HoverCard\",\n  },\n  {\n    name: \"Spotlight Card\",\n    slug: \"spotlight-card\",\n    packageExportPath: \"spotlight-card\",\n    storybookTitle: \"Visuals/SpotlightCard\",\n  },\n  {\n    name: \"Splash Cursor\",\n    slug: \"splash-cursor\",\n    packageExportPath: \"splash-cursor\",\n    storybookTitle: \"Visuals/SplashCursor\",\n  },\n  {\n    name: \"Chroma Grid\",\n    slug: \"chroma-grid\",\n    packageExportPath: \"chroma-grid\",\n    storybookTitle: \"Visuals/ChromaGrid\",\n  },\n  {\n    name: \"Color Palette\",\n    slug: \"color-palette\",\n    packageExportPath: \"color-palette\",\n    storybookTitle: \"Data Display/ColorPalette\",\n  },\n  {\n    name: \"Gradual Blur\",\n    slug: \"gradual-blur\",\n    packageExportPath: \"gradual-blur\",\n    storybookTitle: \"Visuals/GradualBlur\",\n  },\n  {\n    name: \"Animated Content\",\n    slug: \"animated-content\",\n    packageExportPath: \"animated-content\",\n    storybookTitle: \"Visuals/AnimatedContent\",\n    status: \"updated\",\n  },\n  {\n    name: \"Background Gradient\",\n    slug: \"background-gradient\",\n    packageExportPath: \"background-gradient-animation\",\n    storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n  },\n  {\n    name: \"Hover Border Gradient\",\n    slug: \"hover-border-gradient\",\n    packageExportPath: \"hover-border-gradient\",\n    storybookTitle: \"Visuals/HoverBorderGradient\",\n  },\n  {\n    name: \"Button Hover Border Gradient\",\n    slug: \"button-hover-border-gradient\",\n    packageExportPath: \"button-hover-border-gradient\",\n    storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n  },\n  {\n    name: \"Password Strength Meter\",\n    slug: \"password-strength-meter\",\n    packageExportPath: \"password-strength-meter\",\n    storybookTitle: \"Forms/PasswordStrengthMeter\",\n  },\n  {\n    name: \"Sun To Moon Button\",\n    slug: \"sun-to-moon-button\",\n    packageExportPath: \"sun-to-moon-button\",\n    storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n  },\n  {\n    name: \"Carousel\",\n    slug: \"carousel\",\n    packageExportPath: \"carousel\",\n    storybookTitle: \"Layout/Carousel\",\n  },\n  {\n    name: \"OTPInput\",\n    slug: \"otpinput\",\n    packageExportPath: \"otp-input\",\n    storybookTitle: \"Forms/OTPInput\",\n  },\n  {\n    name: \"Form\",\n    slug: \"form\",\n    packageExportPath: \"form\",\n    storybookTitle: \"Layout/Form\",\n  },\n  {\n    name: \"Data Table\",\n    slug: \"data-table\",\n    packageExportPath: \"data-table\",\n    storybookTitle: \"Data Display/DataTable\",\n  },\n  {\n    name: \"Loading\",\n    slug: \"loading\",\n    packageExportPath: \"loading\",\n    storybookTitle: \"Data Display/Loading\",\n  },\n  {\n    name: \"Skeleton\",\n    slug: \"skeleton\",\n    packageExportPath: \"skeleton\",\n    storybookTitle: \"Data Display/Skeleton\",\n  },\n  {\n    name: \"Area Chart\",\n    slug: \"area-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/AreaChart\",\n  },\n  {\n    name: \"Bar Chart\",\n    slug: \"bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/BarChart\",\n  },\n  {\n    name: \"Positive Negative Bar Chart\",\n    slug: \"positive-negative-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PositiveNegativeBarChart\",\n  },\n  {\n    name: \"Pie Chart\",\n    slug: \"pie-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PieChart\",\n  },\n  {\n    name: \"Neon Line Chart\",\n    slug: \"neon-line-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/NeonLineChart\",\n  },\n  {\n    name: \"Stacked Bar Chart\",\n    slug: \"stacked-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/StackedBarChart\",\n  },\n  {\n    name: \"Thin Breakdown Bar\",\n    slug: \"thin-breakdown-bar\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/ThinBreakdownBar\",\n  },\n  {\n    name: \"Icons\",\n    slug: \"icons\",\n    packageExportPath: \"icons\",\n    storybookTitle: \"Foundations/Icons\",\n  },\n  {\n    name: \"Typography\",\n    slug: \"typography\",\n    packageExportPath: \"typography\",\n    storybookTitle: \"Foundations/Typography\",\n  },\n  {\n    name: \"Truncated Text\",\n    slug: \"truncated-text\",\n    packageExportPath: \"truncated-text\",\n    storybookTitle: \"Foundations/TruncatedText\",\n  },\n] as const satisfies readonly UiCatalogItem[];\n\nexport type UiCatalogSlug = (typeof uiCatalogItems)[number][\"slug\"];\nexport const uiCatalogStorybookTitles = uiCatalogItems.map(\n  (item) => item.storybookTitle,\n);\n\nexport function findUiCatalogItemByStorybookTitle(storybookTitle?: string) {\n  if (!storybookTitle) {\n    return undefined;\n  }\n\n  return uiCatalogItems.find((item) => item.storybookTitle === storybookTitle);\n}\n\nexport function getUiCatalogDocsRoute(slug: UiCatalogSlug): string {\n  return `/ui-basics/${slug}`;\n}\n"],"mappings":";AAUA,IAAa,iBAAiB;CAC5B;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACF;AAGD,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,eAChB;AAED,SAAgB,kCAAkC,gBAAyB;AACzE,KAAI,CAAC,eACH;AAGF,QAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,eAAe;;AAG9E,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,cAAc"}
+{"version":3,"file":"catalog.mjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n  readonly name: string;\n  readonly slug: string;\n  readonly packageExportPath: string;\n  readonly storybookTitle: string;\n  readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n  {\n    name: \"Combobox\",\n    slug: \"combobox\",\n    packageExportPath: \"combobox\",\n    storybookTitle: \"Forms/Combobox\",\n  },\n  {\n    name: \"Button\",\n    slug: \"button\",\n    packageExportPath: \"button\",\n    storybookTitle: \"Forms/Button\",\n  },\n  {\n    name: \"Input\",\n    slug: \"input\",\n    packageExportPath: \"input\",\n    storybookTitle: \"Forms/Input\",\n  },\n  {\n    name: \"Checkbox\",\n    slug: \"checkbox\",\n    packageExportPath: \"checkbox\",\n    storybookTitle: \"Forms/Checkbox\",\n  },\n  {\n    name: \"Radio\",\n    slug: \"radio\",\n    packageExportPath: \"radio\",\n    storybookTitle: \"Forms/Radio\",\n  },\n  {\n    name: \"Switch\",\n    slug: \"switch\",\n    packageExportPath: \"switch\",\n    storybookTitle: \"Forms/Switch\",\n  },\n  {\n    name: \"Select\",\n    slug: \"select\",\n    packageExportPath: \"select\",\n    storybookTitle: \"Forms/Select\",\n  },\n  {\n    name: \"Textarea\",\n    slug: \"textarea\",\n    packageExportPath: \"textarea\",\n    storybookTitle: \"Forms/Textarea\",\n  },\n  {\n    name: \"Label\",\n    slug: \"label\",\n    packageExportPath: \"label\",\n    storybookTitle: \"Forms/Label\",\n  },\n  {\n    name: \"Dialog\",\n    slug: \"dialog\",\n    packageExportPath: \"dialog\",\n    storybookTitle: \"Overlays/Dialog\",\n  },\n  {\n    name: \"Drawer\",\n    slug: \"drawer\",\n    packageExportPath: \"drawer\",\n    storybookTitle: \"Layout/Drawer\",\n  },\n  {\n    name: \"Alert\",\n    slug: \"alert\",\n    packageExportPath: \"alert\",\n    storybookTitle: \"Data Display/Alert\",\n  },\n  {\n    name: \"Toast\",\n    slug: \"toast\",\n    packageExportPath: \"toast\",\n    storybookTitle: \"Data Display/Toast\",\n  },\n  {\n    name: \"Tooltip\",\n    slug: \"tooltip\",\n    packageExportPath: \"tooltip\",\n    storybookTitle: \"Layout/Tooltip\",\n  },\n  {\n    name: \"Accordion\",\n    slug: \"accordion\",\n    packageExportPath: \"accordion\",\n    storybookTitle: \"Layout/Accordion\",\n  },\n  {\n    name: \"Card\",\n    slug: \"card\",\n    packageExportPath: \"card\",\n    storybookTitle: \"Layout/Card\",\n  },\n  {\n    name: \"Stepper\",\n    slug: \"stepper\",\n    packageExportPath: \"stepper\",\n    storybookTitle: \"Layout/Stepper\",\n  },\n  {\n    name: \"Chip\",\n    slug: \"chip\",\n    packageExportPath: \"chip\",\n    storybookTitle: \"Data Display/Chip\",\n  },\n  {\n    name: \"Progress Bar\",\n    slug: \"progress-bar\",\n    packageExportPath: \"progress-bar\",\n    storybookTitle: \"Data Display/ProgressBar\",\n  },\n  {\n    name: \"Calendar\",\n    slug: \"calendar\",\n    packageExportPath: \"calendar\",\n    storybookTitle: \"Forms/Calendar\",\n  },\n  {\n    name: \"DatePicker\",\n    slug: \"datepicker\",\n    packageExportPath: \"date-picker\",\n    storybookTitle: \"Forms/DatePicker\",\n  },\n  {\n    name: \"MultiSelect Combobox\",\n    slug: \"multiselect-combobox\",\n    packageExportPath: \"multi-select-combobox\",\n    storybookTitle: \"Forms/MultiSelectCombobox\",\n  },\n  {\n    name: \"Hover Card\",\n    slug: \"hover-card\",\n    packageExportPath: \"hover-card\",\n    storybookTitle: \"Layout/HoverCard\",\n  },\n  {\n    name: \"Spotlight Card\",\n    slug: \"spotlight-card\",\n    packageExportPath: \"spotlight-card\",\n    storybookTitle: \"Visuals/SpotlightCard\",\n  },\n  {\n    name: \"Splash Cursor\",\n    slug: \"splash-cursor\",\n    packageExportPath: \"splash-cursor\",\n    storybookTitle: \"Visuals/SplashCursor\",\n  },\n  {\n    name: \"Chroma Grid\",\n    slug: \"chroma-grid\",\n    packageExportPath: \"chroma-grid\",\n    storybookTitle: \"Visuals/ChromaGrid\",\n  },\n  {\n    name: \"Color Palette\",\n    slug: \"color-palette\",\n    packageExportPath: \"color-palette\",\n    storybookTitle: \"Data Display/ColorPalette\",\n  },\n  {\n    name: \"Gradual Blur\",\n    slug: \"gradual-blur\",\n    packageExportPath: \"gradual-blur\",\n    storybookTitle: \"Visuals/GradualBlur\",\n  },\n  {\n    name: \"Animated Content\",\n    slug: \"animated-content\",\n    packageExportPath: \"animated-content\",\n    storybookTitle: \"Visuals/AnimatedContent\",\n    status: \"updated\",\n  },\n  {\n    name: \"Background Gradient\",\n    slug: \"background-gradient\",\n    packageExportPath: \"background-gradient-animation\",\n    storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n  },\n  {\n    name: \"Hover Border Gradient\",\n    slug: \"hover-border-gradient\",\n    packageExportPath: \"hover-border-gradient\",\n    storybookTitle: \"Visuals/HoverBorderGradient\",\n  },\n  {\n    name: \"Button Hover Border Gradient\",\n    slug: \"button-hover-border-gradient\",\n    packageExportPath: \"button-hover-border-gradient\",\n    storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n  },\n  {\n    name: \"Password Strength Meter\",\n    slug: \"password-strength-meter\",\n    packageExportPath: \"password-strength-meter\",\n    storybookTitle: \"Forms/PasswordStrengthMeter\",\n  },\n  {\n    name: \"Sun To Moon Button\",\n    slug: \"sun-to-moon-button\",\n    packageExportPath: \"sun-to-moon-button\",\n    storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n  },\n  {\n    name: \"Carousel\",\n    slug: \"carousel\",\n    packageExportPath: \"carousel\",\n    storybookTitle: \"Layout/Carousel\",\n  },\n  {\n    name: \"Sidebar\",\n    slug: \"sidebar\",\n    packageExportPath: \"sidebar\",\n    storybookTitle: \"Navigation/Sidebar\",\n  },\n  {\n    name: \"OTPInput\",\n    slug: \"otpinput\",\n    packageExportPath: \"otp-input\",\n    storybookTitle: \"Forms/OTPInput\",\n  },\n  {\n    name: \"Form\",\n    slug: \"form\",\n    packageExportPath: \"form\",\n    storybookTitle: \"Layout/Form\",\n  },\n  {\n    name: \"Data Table\",\n    slug: \"data-table\",\n    packageExportPath: \"data-table\",\n    storybookTitle: \"Data Display/DataTable\",\n  },\n  {\n    name: \"Loading\",\n    slug: \"loading\",\n    packageExportPath: \"loading\",\n    storybookTitle: \"Data Display/Loading\",\n  },\n  {\n    name: \"Skeleton\",\n    slug: \"skeleton\",\n    packageExportPath: \"skeleton\",\n    storybookTitle: \"Data Display/Skeleton\",\n  },\n  {\n    name: \"Area Chart\",\n    slug: \"area-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/AreaChart\",\n  },\n  {\n    name: \"Bar Chart\",\n    slug: \"bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/BarChart\",\n  },\n  {\n    name: \"Positive Negative Bar Chart\",\n    slug: \"positive-negative-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PositiveNegativeBarChart\",\n  },\n  {\n    name: \"Pie Chart\",\n    slug: \"pie-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/PieChart\",\n  },\n  {\n    name: \"Neon Line Chart\",\n    slug: \"neon-line-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/NeonLineChart\",\n  },\n  {\n    name: \"Stacked Bar Chart\",\n    slug: \"stacked-bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/StackedBarChart\",\n  },\n  {\n    name: \"Thin Breakdown Bar\",\n    slug: \"thin-breakdown-bar\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/ThinBreakdownBar\",\n  },\n  {\n    name: \"Icons\",\n    slug: \"icons\",\n    packageExportPath: \"icons\",\n    storybookTitle: \"Foundations/Icons\",\n  },\n  {\n    name: \"Typography\",\n    slug: \"typography\",\n    packageExportPath: \"typography\",\n    storybookTitle: \"Foundations/Typography\",\n  },\n  {\n    name: \"Truncated Text\",\n    slug: \"truncated-text\",\n    packageExportPath: \"truncated-text\",\n    storybookTitle: \"Foundations/TruncatedText\",\n  },\n] as const satisfies readonly UiCatalogItem[];\n\nexport type UiCatalogSlug = (typeof uiCatalogItems)[number][\"slug\"];\nexport const uiCatalogStorybookTitles = uiCatalogItems.map(\n  (item) => item.storybookTitle,\n);\n\nexport function findUiCatalogItemByStorybookTitle(storybookTitle?: string) {\n  if (!storybookTitle) {\n    return undefined;\n  }\n\n  return uiCatalogItems.find((item) => item.storybookTitle === storybookTitle);\n}\n\nexport function getUiCatalogDocsRoute(slug: UiCatalogSlug): string {\n  return `/ui-basics/${slug}`;\n}\n"],"mappings":";AAUA,IAAa,iBAAiB;CAC5B;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EACjB;CACF;AAGD,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,eAChB;AAED,SAAgB,kCAAkC,gBAAyB;AACzE,KAAI,CAAC,eACH;AAGF,QAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,eAAe;;AAG9E,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,cAAc"}

package/dist/charts.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_charts = require("./chunks/charts-CZEYcr6X.cjs");
+const require_charts = require("./chunks/charts-DuVZD7el.cjs");
 exports.AreaChart = require_charts.AreaChart;
 exports.BarChart = require_charts.BarChart;
 exports.MiniNeonSparkline = require_charts.MiniNeonSparkline;

package/dist/charts.mjs

@@ -1,2 +1,2 @@
-import { a as ThinBreakdownBar, c as NeonLineChart, d as getChartPalette, i as AreaChart, l as chartColorTokens, n as PositiveNegativeBarChart, o as StackedBarChart, r as BarChart, s as MiniNeonSparkline, t as PieChart, u as getChartColorVar } from "./chunks/charts-C-Qee_JY.mjs";
+import { a as ThinBreakdownBar, c as NeonLineChart, d as getChartPalette, i as AreaChart, l as chartColorTokens, n as PositiveNegativeBarChart, o as StackedBarChart, r as BarChart, s as MiniNeonSparkline, t as PieChart, u as getChartColorVar } from "./chunks/charts-mfevxJSU.mjs";
 export { AreaChart, BarChart, MiniNeonSparkline, NeonLineChart, PieChart, PositiveNegativeBarChart, StackedBarChart, ThinBreakdownBar, chartColorTokens, getChartColorVar, getChartPalette };

package/dist/checkbox.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_checkbox = require("./chunks/checkbox-NM_iPd6S.cjs");
+const require_checkbox = require("./chunks/checkbox-D8ivRZ1x.cjs");
 exports.Checkbox = require_checkbox.Checkbox;

package/dist/checkbox.mjs

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "./chunks/checkbox-DjGpvMyo.mjs";
+import { t as Checkbox } from "./chunks/checkbox-3aB7XC9_.mjs";
 export { Checkbox };

package/dist/chip.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chip = require("./chunks/chip-BY83_HK7.cjs");
+const require_chip = require("./chunks/chip-BDrpg5Ux.cjs");
 exports.Chip = require_chip.Chip;
 exports.SplitChip = require_chip.SplitChip;
 exports.StatusDotChip = require_chip.StatusDotChip;

package/dist/chip.mjs

@@ -1,2 +1,2 @@
-import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-CbO8-1lK.mjs";
+import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-Dt0p0_zd.mjs";
 export { Chip, SplitChip, StatusDotChip };

package/dist/chroma-grid.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chroma_grid = require("./chunks/chroma-grid-DP__XtmV.cjs");
+const require_chroma_grid = require("./chunks/chroma-grid-DcZ9f4Ui.cjs");
 exports.ChromaGrid = require_chroma_grid.ChromaGrid;

package/dist/chroma-grid.mjs

@@ -1,2 +1,2 @@
-import { t as ChromaGrid } from "./chunks/chroma-grid-CexX28VQ.mjs";
+import { t as ChromaGrid } from "./chunks/chroma-grid-opB2DBtS.mjs";
 export { ChromaGrid };

package/dist/chunks/DropdownMenu-CBdZoVQs.mjs

@@ -0,0 +1,51 @@
+import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/overlays/dropdown-menu/DropdownMenu.tsx
+function DropdownMenu({ trigger, children, open, onOpenChange, className, panelClassName, animationClassName, closeOnItemClick = false }) {
+	const wrapperRef = useRef(null);
+	const [internalOpen, setInternalOpen] = useState(false);
+	const isControlled = open !== void 0;
+	const resolvedOpen = isControlled ? open : internalOpen;
+	const setOpen = (nextOpen) => {
+		const finalValue = typeof nextOpen === "function" ? nextOpen(resolvedOpen) : nextOpen;
+		if (!isControlled) setInternalOpen(finalValue);
+		onOpenChange?.(finalValue);
+	};
+	useEffect(() => {
+		function handleClickOutside(event) {
+			if (wrapperRef.current && !wrapperRef.current.contains(event.target)) setOpen(false);
+		}
+		function handleKeyDown(event) {
+			if (event.key === "Escape") setOpen(false);
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: wrapperRef,
+		className: mergeClassNames("relative inline-flex", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "inline-flex",
+			onMouseDown: (event) => {
+				event.preventDefault();
+				setOpen((current) => !current);
+			},
+			children: trigger
+		}), /* @__PURE__ */ jsx("div", {
+			className: mergeClassNames("absolute z-[1200] transition-all duration-300 ease-in-out", animationClassName ?? "origin-top-right", resolvedOpen ? "scale-100" : "scale-0", panelClassName),
+			onClick: () => {
+				if (closeOnItemClick) setOpen(false);
+			},
+			children
+		})]
+	});
+}
+//#endregion
+export { DropdownMenu as t };
+
+//# sourceMappingURL=DropdownMenu-CBdZoVQs.mjs.map

package/dist/chunks/DropdownMenu-CBdZoVQs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu-CBdZoVQs.mjs","names":[],"sources":["../../src/components/overlays/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\nimport type { DropdownMenuProps } from \"./types\";\n\nexport function DropdownMenu({\n  trigger,\n  children,\n  open,\n  onOpenChange,\n  className,\n  panelClassName,\n  animationClassName,\n  closeOnItemClick = false,\n}: DropdownMenuProps) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = (nextOpen: boolean | ((current: boolean) => boolean)) => {\n    const finalValue =\n      typeof nextOpen === \"function\"\n        ? nextOpen(resolvedOpen)\n        : nextOpen;\n\n    if (!isControlled) {\n      setInternalOpen(finalValue);\n    }\n\n    onOpenChange?.(finalValue);\n  };\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    }\n\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, []);\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"inline-flex\"\n        onMouseDown={(event) => {\n          event.preventDefault();\n          setOpen((current) => !current);\n        }}\n      >\n        {trigger}\n      </div>\n\n      <div\n        className={mergeClassNames(\n          \"absolute z-[1200] transition-all duration-300 ease-in-out\",\n          animationClassName ?? \"origin-top-right\",\n          resolvedOpen ? \"scale-100\" : \"scale-0\",\n          panelClassName,\n        )}\n        onClick={() => {\n          if (closeOnItemClick) {\n            setOpen(false);\n          }\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAa,EAC3B,SACA,UACA,MACA,cACA,WACA,gBACA,oBACA,mBAAmB,SACC;CACpB,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,eAAe,eAAe,OAAO;CAE3C,MAAM,WAAW,aAAwD;EACvE,MAAM,aACJ,OAAO,aAAa,aAChB,SAAS,aAAa,GACtB;AAEN,MAAI,CAAC,aACH,iBAAgB,WAAW;AAG7B,iBAAe,WAAW;;AAG5B,iBAAgB;EACd,SAAS,mBAAmB,OAAmB;AAC7C,OAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,OAAe,CAC1E,SAAQ,MAAM;;EAIlB,SAAS,cAAc,OAAsB;AAC3C,OAAI,MAAM,QAAQ,SAChB,SAAQ,MAAM;;AAIlB,WAAS,iBAAiB,aAAa,mBAAmB;AAC1D,WAAS,iBAAiB,WAAW,cAAc;AAEnD,eAAa;AACX,YAAS,oBAAoB,aAAa,mBAAmB;AAC7D,YAAS,oBAAoB,WAAW,cAAc;;IAEvD,EAAE,CAAC;AAEN,QACE,qBAAC,OAAD;EAAK,KAAK;EAAY,WAAW,gBAAgB,wBAAwB,UAAU;YAAnF,CACE,oBAAC,OAAD;GACE,WAAU;GACV,cAAc,UAAU;AACtB,UAAM,gBAAgB;AACtB,aAAS,YAAY,CAAC,QAAQ;;aAG/B;GACG,CAAA,EAEN,oBAAC,OAAD;GACE,WAAW,gBACT,6DACA,sBAAsB,oBACtB,eAAe,cAAc,WAC7B,eACD;GACD,eAAe;AACb,QAAI,iBACF,SAAQ,MAAM;;GAIjB;GACG,CAAA,CACF"}