erp-pro-ui 0.1.7 → 0.1.8

package/README.md

@@ -113,6 +113,108 @@ 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>;
+```
+
 ## 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-OnPOTd2I.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-OBwVLFDC.mjs";
 export { ASCIIText };

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-DJkfDhQA.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-BOBm3dFA.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-F4drTOr6.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-DUqOaYvs.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/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-CMs73sc5.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-BFg3DJx6.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-tJX7CzCS.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-DlY9hIRI.mjs";
 export { ChromaGrid };

package/dist/chunks/DropdownMenu-C17Zqu_E.mjs

@@ -0,0 +1,51 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.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-C17Zqu_E.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu-C17Zqu_E.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"}

package/dist/chunks/DropdownMenu-DOvo5pV_.cjs

@@ -0,0 +1,57 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-B4SmmY4J.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/overlays/dropdown-menu/DropdownMenu.tsx
+function DropdownMenu({ trigger, children, open, onOpenChange, className, panelClassName, animationClassName, closeOnItemClick = false }) {
+	const wrapperRef = (0, react.useRef)(null);
+	const [internalOpen, setInternalOpen] = (0, react.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);
+	};
+	(0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: wrapperRef,
+		className: require_utils.mergeClassNames("relative inline-flex", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "inline-flex",
+			onMouseDown: (event) => {
+				event.preventDefault();
+				setOpen((current) => !current);
+			},
+			children: trigger
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.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
+Object.defineProperty(exports, "DropdownMenu", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenu;
+	}
+});
+
+//# sourceMappingURL=DropdownMenu-DOvo5pV_.cjs.map

package/dist/chunks/DropdownMenu-DOvo5pV_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu-DOvo5pV_.cjs","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,cAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,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,EAAA,GAAA,MAAA,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,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,KAAK;EAAY,WAAW,cAAA,gBAAgB,wBAAwB,UAAU;YAAnF,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAU;GACV,cAAc,UAAU;AACtB,UAAM,gBAAgB;AACtB,aAAS,YAAY,CAAC,QAAQ;;aAG/B;GACG,CAAA,EAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,6DACA,sBAAsB,oBACtB,eAAe,cAAc,WAC7B,eACD;GACD,eAAe;AACb,QAAI,iBACF,SAAQ,MAAM;;GAIjB;GACG,CAAA,CACF"}