erp-pro-ui 0.2.6 → 0.2.7

package/dist/accordion.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_accordion = require("./chunks/accordion-Bj3Sj0mC.cjs");
+const require_accordion = require("./chunks/accordion-X4PNqWkW.cjs");
 exports.Accordion = require_accordion.Accordion;

package/dist/accordion.mjs

@@ -1,2 +1,2 @@
-import { t as Accordion } from "./chunks/accordion-CLcjNX_X.mjs";
+import { t as Accordion } from "./chunks/accordion-Cf-Q3rec.mjs";
 export { Accordion };

package/dist/alert.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_alert = require("./chunks/alert-BBA4Sh4e.cjs");
+const require_alert = require("./chunks/alert-BEMULPIi.cjs");
 exports.Alert = require_alert.Alert;

package/dist/alert.mjs

@@ -1,2 +1,2 @@
-import { t as Alert } from "./chunks/alert-oUz79MGc.mjs";
+import { t as Alert } from "./chunks/alert-GImBqaCY.mjs";
 export { Alert };

package/dist/animated-content.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_animated_content = require("./chunks/animated-content-B3wbiWQI.cjs");
+const require_animated_content = require("./chunks/animated-content-tSHXDZq2.cjs");
 exports.AnimatedContent = require_animated_content.AnimatedContent;

package/dist/animated-content.mjs

@@ -1,2 +1,2 @@
-import { t as AnimatedContent } from "./chunks/animated-content-CiNJLgbq.mjs";
+import { t as AnimatedContent } from "./chunks/animated-content-Bp-Yt0_7.mjs";
 export { AnimatedContent };

package/dist/ascii-text.cjs

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

package/dist/ascii-text.mjs

@@ -1,2 +1,2 @@
-import { t as ASCIIText } from "./chunks/ascii-text-C6JegLhP.mjs";
+import { t as ASCIIText } from "./chunks/ascii-text-QyP7JU7g.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-1LZY3DYT.cjs");
+const require_background_gradient_animation = require("./chunks/background-gradient-animation-PvM0i88k.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-CTc2ZR74.mjs";
+import { n as BackgroundGradientAnimation, t as BackgroundGradientAnimationDemo } from "./chunks/background-gradient-animation-CZUD_aq2.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-DGZqd8je.cjs");
+const require_button_hover_border_gradient = require("./chunks/button-hover-border-gradient-D12Zjmd3.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-B2ebbDek.mjs";
+import { t as ButtonHoverBorderGradient } from "./chunks/button-hover-border-gradient-VNEg4V0o.mjs";
 export { ButtonHoverBorderGradient };

package/dist/button.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_button = require("./chunks/button-uD87K76W.cjs");
+const require_button = require("./chunks/button-D2ZYmVda.cjs");
 exports.Button = require_button.Button;

package/dist/button.mjs

@@ -1,2 +1,2 @@
-import { t as Button } from "./chunks/button-IDShmQqA.mjs";
+import { t as Button } from "./chunks/button-CAU9ej3h.mjs";
 export { Button };

package/dist/calendar.cjs

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

package/dist/calendar.mjs

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

package/dist/card.cjs

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

package/dist/card.mjs

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

package/dist/carousel.cjs

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

package/dist/carousel.mjs

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

package/dist/catalog.cjs

@@ -321,6 +321,13 @@ var uiCatalogItems = [
 		packageExportPath: "event-calendar",
 		storybookTitle: "Data Display/EventCalendar",
 		status: "new"
+	},
+	{
+		name: "Draggable Grid",
+		slug: "draggable-grid",
+		packageExportPath: "draggable-grid",
+		storybookTitle: "Layout/DraggableGrid",
+		status: "new"
 	}
 ];
 var uiCatalogStorybookTitles = uiCatalogItems.map((item) => item.storybookTitle);

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: \"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  {\n    name: \"Dashboard Cards\",\n    slug: \"dashboard-cards\",\n    packageExportPath: \"dashboard-cards\",\n    storybookTitle: \"Data Display/Dashboard Cards/Gallery\",\n    status: \"new\",\n  },\n  {\n    name: \"Event Calendar\",\n    slug: \"event-calendar\",\n    packageExportPath: \"event-calendar\",\n    storybookTitle: \"Data Display/EventCalendar\",\n    status: \"new\",\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;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;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  {\n    name: \"Dashboard Cards\",\n    slug: \"dashboard-cards\",\n    packageExportPath: \"dashboard-cards\",\n    storybookTitle: \"Data Display/Dashboard Cards/Gallery\",\n    status: \"new\",\n  },\n  {\n    name: \"Event Calendar\",\n    slug: \"event-calendar\",\n    packageExportPath: \"event-calendar\",\n    storybookTitle: \"Data Display/EventCalendar\",\n    status: \"new\",\n  },\n  {\n    name: \"Draggable Grid\",\n    slug: \"draggable-grid\",\n    packageExportPath: \"draggable-grid\",\n    storybookTitle: \"Layout/DraggableGrid\",\n    status: \"new\",\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;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;AACF;AAGA,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,cACjB;AAEA,SAAgB,kCAAkC,gBAAyB;CACzE,IAAI,CAAC,gBACH;CAGF,OAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,cAAc;AAC7E;AAEA,SAAgB,sBAAsB,MAA6B;CACjE,OAAO,cAAc;AACvB"}

package/dist/catalog.d.ts

@@ -274,9 +274,15 @@ export declare const uiCatalogItems: readonly [{
     readonly packageExportPath: "event-calendar";
     readonly storybookTitle: "Data Display/EventCalendar";
     readonly status: "new";
+}, {
+    readonly name: "Draggable Grid";
+    readonly slug: "draggable-grid";
+    readonly packageExportPath: "draggable-grid";
+    readonly storybookTitle: "Layout/DraggableGrid";
+    readonly status: "new";
 }];
 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" | "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" | "Data Display/Dashboard Cards/Gallery" | "Data Display/EventCalendar")[];
+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" | "Data Display/Dashboard Cards/Gallery" | "Data Display/EventCalendar" | "Layout/DraggableGrid")[];
 export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: string): {
     readonly name: "Combobox";
     readonly slug: "combobox";
@@ -545,6 +551,12 @@ export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: strin
     readonly packageExportPath: "event-calendar";
     readonly storybookTitle: "Data Display/EventCalendar";
     readonly status: "new";
+} | {
+    readonly name: "Draggable Grid";
+    readonly slug: "draggable-grid";
+    readonly packageExportPath: "draggable-grid";
+    readonly storybookTitle: "Layout/DraggableGrid";
+    readonly status: "new";
 } | undefined;
 export declare function getUiCatalogDocsRoute(slug: UiCatalogSlug): string;
 //# sourceMappingURL=catalog.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkUkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,wBAAwB,0yCAEpC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyUkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,wBAAwB,m0CAEpC,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,cAAc,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAMxE;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAEjE"}

package/dist/catalog.mjs

@@ -320,6 +320,13 @@ var uiCatalogItems = [
 		packageExportPath: "event-calendar",
 		storybookTitle: "Data Display/EventCalendar",
 		status: "new"
+	},
+	{
+		name: "Draggable Grid",
+		slug: "draggable-grid",
+		packageExportPath: "draggable-grid",
+		storybookTitle: "Layout/DraggableGrid",
+		status: "new"
 	}
 ];
 var uiCatalogStorybookTitles = uiCatalogItems.map((item) => item.storybookTitle);

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: \"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  {\n    name: \"Dashboard Cards\",\n    slug: \"dashboard-cards\",\n    packageExportPath: \"dashboard-cards\",\n    storybookTitle: \"Data Display/Dashboard Cards/Gallery\",\n    status: \"new\",\n  },\n  {\n    name: \"Event Calendar\",\n    slug: \"event-calendar\",\n    packageExportPath: \"event-calendar\",\n    storybookTitle: \"Data Display/EventCalendar\",\n    status: \"new\",\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;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;CACD;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;EACT;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  {\n    name: \"Dashboard Cards\",\n    slug: \"dashboard-cards\",\n    packageExportPath: \"dashboard-cards\",\n    storybookTitle: \"Data Display/Dashboard Cards/Gallery\",\n    status: \"new\",\n  },\n  {\n    name: \"Event Calendar\",\n    slug: \"event-calendar\",\n    packageExportPath: \"event-calendar\",\n    storybookTitle: \"Data Display/EventCalendar\",\n    status: \"new\",\n  },\n  {\n    name: \"Draggable Grid\",\n    slug: \"draggable-grid\",\n    packageExportPath: \"draggable-grid\",\n    storybookTitle: \"Layout/DraggableGrid\",\n    status: \"new\",\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;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;CAClB;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;CACA;EACE,MAAM;EACN,MAAM;EACN,mBAAmB;EACnB,gBAAgB;EAChB,QAAQ;CACV;AACF;AAGA,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,cACjB;AAEA,SAAgB,kCAAkC,gBAAyB;CACzE,IAAI,CAAC,gBACH;CAGF,OAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,cAAc;AAC7E;AAEA,SAAgB,sBAAsB,MAA6B;CACjE,OAAO,cAAc;AACvB"}

package/dist/charts.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_charts = require("./chunks/charts-COx3IbI2.cjs");
+const require_charts = require("./chunks/charts-DMu4zp8j.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-KQ3Nk5.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-DlskmT1J.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-CDknzh89.cjs");
+const require_checkbox = require("./chunks/checkbox-Lw2UqyNE.cjs");
 exports.Checkbox = require_checkbox.Checkbox;

package/dist/checkbox.mjs

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

package/dist/chip.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chip = require("./chunks/chip-sfQlzrbo.cjs");
+const require_chip = require("./chunks/chip-D5i9VT9O.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-B3j6R6sO.mjs";
+import { n as StatusDotChip, r as Chip, t as SplitChip } from "./chunks/chip-DBlSQcqR.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-Bp55pKEm.cjs");
+const require_chroma_grid = require("./chunks/chroma-grid-CTDtdFUm.cjs");
 exports.ChromaGrid = require_chroma_grid.ChromaGrid;

package/dist/chroma-grid.mjs

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

package/dist/chunks/{Drawer-Y0_sJni5.mjs → Drawer-BhTTQV8Q.mjs}

@@ -1,4 +1,4 @@
-import { t as useOverlayEffects } from "./overlay-CG1dMYtO.mjs";
+import { t as useOverlayEffects } from "./overlay-BMbhF-EC.mjs";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
@@ -119,4 +119,4 @@ var Drawer = ({ open, onOpenChange, title, description, position = "right", chil
 //#endregion
 export { Drawer as t };
 
-//# sourceMappingURL=Drawer-Y0_sJni5.mjs.map
+//# sourceMappingURL=Drawer-BhTTQV8Q.mjs.map

package/dist/chunks/{Drawer-Y0_sJni5.mjs.map → Drawer-BhTTQV8Q.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-Y0_sJni5.mjs","names":[],"sources":["../../src/components/overlays/drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport type { DrawerProps, DrawerPosition } from \"./types\";\nimport { useOverlayEffects } from \"../../shared/overlay\";\n\nconst basePanel =\n  \"relative flex flex-col overflow-hidden rounded-2xl border border-ds-border-2 bg-ds-surface-1/95 p-6 shadow-[0_24px_80px_rgba(15,23,42,0.22),0_8px_28px_rgba(15,23,42,0.14)] ring-1 ring-inset ring-ds-border-3/35 backdrop-blur-2xl backdrop-saturate-150\";\n\nconst positionClasses: Record<DrawerPosition, string> = {\n  right: \"h-[calc(100%-8px)] my-1 mr-1 w-full max-w-md ml-auto border\",\n  left: \"h-[calc(100%-8px)] my-1 ml-1 w-full max-w-md mr-auto border\",\n  top: \"w-[calc(100%-8px)] mx-1 mt-1 max-h-[80vh] border\",\n  bottom: \"w-[calc(100%-8px)] mx-1 mb-1 max-h-[80vh] mt-auto border\",\n};\n\nconst getVariants = (position: DrawerPosition) => {\n  switch (position) {\n    case \"left\":\n      return { hidden: { x: \"-100%\" }, visible: { x: 0 } };\n    case \"right\":\n      return { hidden: { x: \"100%\" }, visible: { x: 0 } };\n    case \"top\":\n      return { hidden: { y: \"-100%\" }, visible: { y: 0 } };\n    case \"bottom\":\n      return { hidden: { y: \"100%\" }, visible: { y: 0 } };\n  }\n};\n\nexport const Drawer = ({\n  open,\n  onOpenChange,\n  title,\n  description,\n  position = \"right\",\n  children,\n  footer,\n}: DrawerProps) => {\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  useOverlayEffects(panelRef, open);\n\n  useEffect(() => {\n    if (!open || typeof window === \"undefined\") return;\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onOpenChange?.(false);\n      }\n    };\n    window.addEventListener(\"keydown\", handleKey);\n    return () => window.removeEventListener(\"keydown\", handleKey);\n  }, [open, onOpenChange]);\n\n  const variants = getVariants(position);\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <div\n          className=\"fixed inset-0 z-200 flex overlay-backdrop\"\n          role=\"presentation\"\n        >\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.3 }}\n            className=\"fixed inset-0 bg-ds-canvas/55 backdrop-blur-[3px]\"\n            onClick={() => onOpenChange?.(false)}\n          />\n          <motion.div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={title}\n            className={`${basePanel} ${positionClasses[position]}`}\n            tabIndex={-1}\n            ref={panelRef}\n            onClick={(event) => event.stopPropagation()}\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"hidden\"\n            variants={variants}\n            transition={{ type: \"spring\", damping: 25, stiffness: 200 }}\n          >\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 bg-linear-to-b from-ds-accent/10 via-transparent to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-x-0 top-0 h-24 bg-linear-to-b from-ds-accent/16 to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute -end-10 top-[-72px] h-40 w-40 rounded-full bg-ds-accent/18 blur-3xl\"\n            />\n            <button\n              type=\"button\"\n              className=\"absolute end-4 top-4 z-20 inline-flex h-9 w-9 items-center justify-center rounded-full border border-ds-border-2 bg-ds-surface-2 text-lg font-light text-ds-1 shadow-sm backdrop-blur-md transition-all duration-200 hover:bg-ds-surface-3\"\n              aria-label=\"Close drawer\"\n              onClick={() => onOpenChange?.(false)}\n            >\n              ×\n            </button>\n            <div className=\"relative z-10 flex h-full flex-col\">\n              {(title || description) && (\n                <header className=\"space-y-1 pe-10\">\n                  {title && (\n                    <h2 className=\"text-lg font-semibold tracking-tight text-ds-1\">\n                      {title}\n                    </h2>\n                  )}\n                  {description && (\n                    <p className=\"text-sm text-ds-2\">{description}</p>\n                  )}\n                </header>\n              )}\n              {children && (\n                <div className=\"mt-4 flex-1 overflow-auto space-y-4 pe-1\">\n                  {children}\n                </div>\n              )}\n              {footer && (\n                <footer className=\"mt-6 border-t border-ds-border-2 pt-4\">\n                  {footer}\n                </footer>\n              )}\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAM,YACJ;AAEF,IAAM,kBAAkD;CACtD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,IAAM,eAAe,aAA6B;AAChD,SAAQ,UAAR;EACE,KAAK,OACH,QAAO;GAAE,QAAQ,EAAE,GAAG,SAAS;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;EACtD,KAAK,QACH,QAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;EACrD,KAAK,MACH,QAAO;GAAE,QAAQ,EAAE,GAAG,SAAS;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;EACtD,KAAK,SACH,QAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;;;AAIzD,IAAa,UAAU,EACrB,MACA,cACA,OACA,aACA,WAAW,SACX,UACA,aACiB;CACjB,MAAM,WAAW,OAA8B,KAAK;AACpD,mBAAkB,UAAU,KAAK;AAEjC,iBAAgB;AACd,MAAI,CAAC,QAAQ,OAAO,WAAW,YAAa;EAC5C,MAAM,aAAa,UAAyB;AAC1C,OAAI,MAAM,QAAQ,SAChB,gBAAe,MAAM;;AAGzB,SAAO,iBAAiB,WAAW,UAAU;AAC7C,eAAa,OAAO,oBAAoB,WAAW,UAAU;IAC5D,CAAC,MAAM,aAAa,CAAC;CAExB,MAAM,WAAW,YAAY,SAAS;AAEtC,QACE,oBAAC,iBAAD,EAAA,UACG,QACC,qBAAC,OAAD;EACE,WAAU;EACV,MAAK;YAFP,CAIE,oBAAC,OAAO,KAAR;GACE,SAAS,EAAE,SAAS,GAAG;GACvB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,GAAG;GACpB,YAAY,EAAE,UAAU,IAAK;GAC7B,WAAU;GACV,eAAe,eAAe,MAAM;GACpC,CAAA,EACF,qBAAC,OAAO,KAAR;GACE,MAAK;GACL,cAAW;GACX,cAAY;GACZ,WAAW,GAAG,UAAU,GAAG,gBAAgB;GAC3C,UAAU;GACV,KAAK;GACL,UAAU,UAAU,MAAM,iBAAiB;GAC3C,SAAQ;GACR,SAAQ;GACR,MAAK;GACK;GACV,YAAY;IAAE,MAAM;IAAU,SAAS;IAAI,WAAW;IAAK;aAZ7D;IAcE,oBAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IACF,oBAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IACF,oBAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IACF,oBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,cAAW;KACX,eAAe,eAAe,MAAM;eACrC;KAEQ,CAAA;IACT,qBAAC,OAAD;KAAK,WAAU;eAAf;OACI,SAAS,gBACT,qBAAC,UAAD;OAAQ,WAAU;iBAAlB,CACG,SACC,oBAAC,MAAD;QAAI,WAAU;kBACX;QACE,CAAA,EAEN,eACC,oBAAC,KAAD;QAAG,WAAU;kBAAqB;QAAgB,CAAA,CAE7C;;MAEV,YACC,oBAAC,OAAD;OAAK,WAAU;OACZ;OACG,CAAA;MAEP,UACC,oBAAC,UAAD;OAAQ,WAAU;iBACf;OACM,CAAA;MAEP;;IACK;KACT;KAEQ,CAAA"}
+{"version":3,"file":"Drawer-BhTTQV8Q.mjs","names":[],"sources":["../../src/components/overlays/drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport type { DrawerProps, DrawerPosition } from \"./types\";\nimport { useOverlayEffects } from \"../../shared/overlay\";\n\nconst basePanel =\n  \"relative flex flex-col overflow-hidden rounded-2xl border border-ds-border-2 bg-ds-surface-1/95 p-6 shadow-[0_24px_80px_rgba(15,23,42,0.22),0_8px_28px_rgba(15,23,42,0.14)] ring-1 ring-inset ring-ds-border-3/35 backdrop-blur-2xl backdrop-saturate-150\";\n\nconst positionClasses: Record<DrawerPosition, string> = {\n  right: \"h-[calc(100%-8px)] my-1 mr-1 w-full max-w-md ml-auto border\",\n  left: \"h-[calc(100%-8px)] my-1 ml-1 w-full max-w-md mr-auto border\",\n  top: \"w-[calc(100%-8px)] mx-1 mt-1 max-h-[80vh] border\",\n  bottom: \"w-[calc(100%-8px)] mx-1 mb-1 max-h-[80vh] mt-auto border\",\n};\n\nconst getVariants = (position: DrawerPosition) => {\n  switch (position) {\n    case \"left\":\n      return { hidden: { x: \"-100%\" }, visible: { x: 0 } };\n    case \"right\":\n      return { hidden: { x: \"100%\" }, visible: { x: 0 } };\n    case \"top\":\n      return { hidden: { y: \"-100%\" }, visible: { y: 0 } };\n    case \"bottom\":\n      return { hidden: { y: \"100%\" }, visible: { y: 0 } };\n  }\n};\n\nexport const Drawer = ({\n  open,\n  onOpenChange,\n  title,\n  description,\n  position = \"right\",\n  children,\n  footer,\n}: DrawerProps) => {\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  useOverlayEffects(panelRef, open);\n\n  useEffect(() => {\n    if (!open || typeof window === \"undefined\") return;\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onOpenChange?.(false);\n      }\n    };\n    window.addEventListener(\"keydown\", handleKey);\n    return () => window.removeEventListener(\"keydown\", handleKey);\n  }, [open, onOpenChange]);\n\n  const variants = getVariants(position);\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <div\n          className=\"fixed inset-0 z-200 flex overlay-backdrop\"\n          role=\"presentation\"\n        >\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.3 }}\n            className=\"fixed inset-0 bg-ds-canvas/55 backdrop-blur-[3px]\"\n            onClick={() => onOpenChange?.(false)}\n          />\n          <motion.div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={title}\n            className={`${basePanel} ${positionClasses[position]}`}\n            tabIndex={-1}\n            ref={panelRef}\n            onClick={(event) => event.stopPropagation()}\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"hidden\"\n            variants={variants}\n            transition={{ type: \"spring\", damping: 25, stiffness: 200 }}\n          >\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 bg-linear-to-b from-ds-accent/10 via-transparent to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-x-0 top-0 h-24 bg-linear-to-b from-ds-accent/16 to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute -end-10 top-[-72px] h-40 w-40 rounded-full bg-ds-accent/18 blur-3xl\"\n            />\n            <button\n              type=\"button\"\n              className=\"absolute end-4 top-4 z-20 inline-flex h-9 w-9 items-center justify-center rounded-full border border-ds-border-2 bg-ds-surface-2 text-lg font-light text-ds-1 shadow-sm backdrop-blur-md transition-all duration-200 hover:bg-ds-surface-3\"\n              aria-label=\"Close drawer\"\n              onClick={() => onOpenChange?.(false)}\n            >\n              ×\n            </button>\n            <div className=\"relative z-10 flex h-full flex-col\">\n              {(title || description) && (\n                <header className=\"space-y-1 pe-10\">\n                  {title && (\n                    <h2 className=\"text-lg font-semibold tracking-tight text-ds-1\">\n                      {title}\n                    </h2>\n                  )}\n                  {description && (\n                    <p className=\"text-sm text-ds-2\">{description}</p>\n                  )}\n                </header>\n              )}\n              {children && (\n                <div className=\"mt-4 flex-1 overflow-auto space-y-4 pe-1\">\n                  {children}\n                </div>\n              )}\n              {footer && (\n                <footer className=\"mt-6 border-t border-ds-border-2 pt-4\">\n                  {footer}\n                </footer>\n              )}\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAM,YACJ;AAEF,IAAM,kBAAkD;CACtD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;AACV;AAEA,IAAM,eAAe,aAA6B;CAChD,QAAQ,UAAR;EACE,KAAK,QACH,OAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;EACrD,KAAK,SACH,OAAO;GAAE,QAAQ,EAAE,GAAG,OAAO;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;EACpD,KAAK,OACH,OAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;EACrD,KAAK,UACH,OAAO;GAAE,QAAQ,EAAE,GAAG,OAAO;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;CACtD;AACF;AAEA,IAAa,UAAU,EACrB,MACA,cACA,OACA,aACA,WAAW,SACX,UACA,aACiB;CACjB,MAAM,WAAW,OAA8B,IAAI;CACnD,kBAAkB,UAAU,IAAI;CAEhC,gBAAgB;EACd,IAAI,CAAC,QAAQ,OAAO,WAAW,aAAa;EAC5C,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,QAAQ,UAChB,eAAe,KAAK;EAExB;EACA,OAAO,iBAAiB,WAAW,SAAS;EAC5C,aAAa,OAAO,oBAAoB,WAAW,SAAS;CAC9D,GAAG,CAAC,MAAM,YAAY,CAAC;CAEvB,MAAM,WAAW,YAAY,QAAQ;CAErC,OACE,oBAAC,iBAAD,EAAA,UACG,QACC,qBAAC,OAAD;EACE,WAAU;EACV,MAAK;YAFP,CAIE,oBAAC,OAAO,KAAR;GACE,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS,EAAE,SAAS,EAAE;GACtB,MAAM,EAAE,SAAS,EAAE;GACnB,YAAY,EAAE,UAAU,GAAI;GAC5B,WAAU;GACV,eAAe,eAAe,KAAK;EACpC,CAAA,GACD,qBAAC,OAAO,KAAR;GACE,MAAK;GACL,cAAW;GACX,cAAY;GACZ,WAAW,GAAG,UAAU,GAAG,gBAAgB;GAC3C,UAAU;GACV,KAAK;GACL,UAAU,UAAU,MAAM,gBAAgB;GAC1C,SAAQ;GACR,SAAQ;GACR,MAAK;GACK;GACV,YAAY;IAAE,MAAM;IAAU,SAAS;IAAI,WAAW;GAAI;aAZ5D;IAcE,oBAAC,OAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA;IACD,oBAAC,OAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA;IACD,oBAAC,OAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA;IACD,oBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,cAAW;KACX,eAAe,eAAe,KAAK;eACpC;IAEO,CAAA;IACR,qBAAC,OAAD;KAAK,WAAU;eAAf;OACI,SAAS,gBACT,qBAAC,UAAD;OAAQ,WAAU;iBAAlB,CACG,SACC,oBAAC,MAAD;QAAI,WAAU;kBACX;OACC,CAAA,GAEL,eACC,oBAAC,KAAD;QAAG,WAAU;kBAAqB;OAAe,CAAA,CAE7C;;MAET,YACC,oBAAC,OAAD;OAAK,WAAU;OACZ;MACE,CAAA;MAEN,UACC,oBAAC,UAAD;OAAQ,WAAU;iBACf;MACK,CAAA;KAEP;;GACK;IACT;IAEQ,CAAA;AAErB"}

package/dist/chunks/{Drawer-D72Xi2Gq.cjs → Drawer-C_DLqrus.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_overlay = require("./overlay-DzE_GyYf.cjs");
+const require_overlay = require("./overlay-15EzdrIu.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -125,4 +124,4 @@ Object.defineProperty(exports, "Drawer", {
 	}
 });
 
-//# sourceMappingURL=Drawer-D72Xi2Gq.cjs.map
+//# sourceMappingURL=Drawer-C_DLqrus.cjs.map

package/dist/chunks/{Drawer-D72Xi2Gq.cjs.map → Drawer-C_DLqrus.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-D72Xi2Gq.cjs","names":[],"sources":["../../src/components/overlays/drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport type { DrawerProps, DrawerPosition } from \"./types\";\nimport { useOverlayEffects } from \"../../shared/overlay\";\n\nconst basePanel =\n  \"relative flex flex-col overflow-hidden rounded-2xl border border-ds-border-2 bg-ds-surface-1/95 p-6 shadow-[0_24px_80px_rgba(15,23,42,0.22),0_8px_28px_rgba(15,23,42,0.14)] ring-1 ring-inset ring-ds-border-3/35 backdrop-blur-2xl backdrop-saturate-150\";\n\nconst positionClasses: Record<DrawerPosition, string> = {\n  right: \"h-[calc(100%-8px)] my-1 mr-1 w-full max-w-md ml-auto border\",\n  left: \"h-[calc(100%-8px)] my-1 ml-1 w-full max-w-md mr-auto border\",\n  top: \"w-[calc(100%-8px)] mx-1 mt-1 max-h-[80vh] border\",\n  bottom: \"w-[calc(100%-8px)] mx-1 mb-1 max-h-[80vh] mt-auto border\",\n};\n\nconst getVariants = (position: DrawerPosition) => {\n  switch (position) {\n    case \"left\":\n      return { hidden: { x: \"-100%\" }, visible: { x: 0 } };\n    case \"right\":\n      return { hidden: { x: \"100%\" }, visible: { x: 0 } };\n    case \"top\":\n      return { hidden: { y: \"-100%\" }, visible: { y: 0 } };\n    case \"bottom\":\n      return { hidden: { y: \"100%\" }, visible: { y: 0 } };\n  }\n};\n\nexport const Drawer = ({\n  open,\n  onOpenChange,\n  title,\n  description,\n  position = \"right\",\n  children,\n  footer,\n}: DrawerProps) => {\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  useOverlayEffects(panelRef, open);\n\n  useEffect(() => {\n    if (!open || typeof window === \"undefined\") return;\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onOpenChange?.(false);\n      }\n    };\n    window.addEventListener(\"keydown\", handleKey);\n    return () => window.removeEventListener(\"keydown\", handleKey);\n  }, [open, onOpenChange]);\n\n  const variants = getVariants(position);\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <div\n          className=\"fixed inset-0 z-200 flex overlay-backdrop\"\n          role=\"presentation\"\n        >\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.3 }}\n            className=\"fixed inset-0 bg-ds-canvas/55 backdrop-blur-[3px]\"\n            onClick={() => onOpenChange?.(false)}\n          />\n          <motion.div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={title}\n            className={`${basePanel} ${positionClasses[position]}`}\n            tabIndex={-1}\n            ref={panelRef}\n            onClick={(event) => event.stopPropagation()}\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"hidden\"\n            variants={variants}\n            transition={{ type: \"spring\", damping: 25, stiffness: 200 }}\n          >\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 bg-linear-to-b from-ds-accent/10 via-transparent to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-x-0 top-0 h-24 bg-linear-to-b from-ds-accent/16 to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute -end-10 top-[-72px] h-40 w-40 rounded-full bg-ds-accent/18 blur-3xl\"\n            />\n            <button\n              type=\"button\"\n              className=\"absolute end-4 top-4 z-20 inline-flex h-9 w-9 items-center justify-center rounded-full border border-ds-border-2 bg-ds-surface-2 text-lg font-light text-ds-1 shadow-sm backdrop-blur-md transition-all duration-200 hover:bg-ds-surface-3\"\n              aria-label=\"Close drawer\"\n              onClick={() => onOpenChange?.(false)}\n            >\n              ×\n            </button>\n            <div className=\"relative z-10 flex h-full flex-col\">\n              {(title || description) && (\n                <header className=\"space-y-1 pe-10\">\n                  {title && (\n                    <h2 className=\"text-lg font-semibold tracking-tight text-ds-1\">\n                      {title}\n                    </h2>\n                  )}\n                  {description && (\n                    <p className=\"text-sm text-ds-2\">{description}</p>\n                  )}\n                </header>\n              )}\n              {children && (\n                <div className=\"mt-4 flex-1 overflow-auto space-y-4 pe-1\">\n                  {children}\n                </div>\n              )}\n              {footer && (\n                <footer className=\"mt-6 border-t border-ds-border-2 pt-4\">\n                  {footer}\n                </footer>\n              )}\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAM,YACJ;AAEF,IAAM,kBAAkD;CACtD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,IAAM,eAAe,aAA6B;AAChD,SAAQ,UAAR;EACE,KAAK,OACH,QAAO;GAAE,QAAQ,EAAE,GAAG,SAAS;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;EACtD,KAAK,QACH,QAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;EACrD,KAAK,MACH,QAAO;GAAE,QAAQ,EAAE,GAAG,SAAS;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;EACtD,KAAK,SACH,QAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAE,SAAS,EAAE,GAAG,GAAG;GAAE;;;AAIzD,IAAa,UAAU,EACrB,MACA,cACA,OACA,aACA,WAAW,SACX,UACA,aACiB;CACjB,MAAM,YAAA,GAAA,MAAA,QAAyC,KAAK;AACpD,iBAAA,kBAAkB,UAAU,KAAK;AAEjC,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,QAAQ,OAAO,WAAW,YAAa;EAC5C,MAAM,aAAa,UAAyB;AAC1C,OAAI,MAAM,QAAQ,SAChB,gBAAe,MAAM;;AAGzB,SAAO,iBAAiB,WAAW,UAAU;AAC7C,eAAa,OAAO,oBAAoB,WAAW,UAAU;IAC5D,CAAC,MAAM,aAAa,CAAC;CAExB,MAAM,WAAW,YAAY,SAAS;AAEtC,QACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD,EAAA,UACG,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,MAAK;YAFP,CAIE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;GACE,SAAS,EAAE,SAAS,GAAG;GACvB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,GAAG;GACpB,YAAY,EAAE,UAAU,IAAK;GAC7B,WAAU;GACV,eAAe,eAAe,MAAM;GACpC,CAAA,EACF,iBAAA,GAAA,kBAAA,MAAC,cAAA,OAAO,KAAR;GACE,MAAK;GACL,cAAW;GACX,cAAY;GACZ,WAAW,GAAG,UAAU,GAAG,gBAAgB;GAC3C,UAAU;GACV,KAAK;GACL,UAAU,UAAU,MAAM,iBAAiB;GAC3C,SAAQ;GACR,SAAQ;GACR,MAAK;GACK;GACV,YAAY;IAAE,MAAM;IAAU,SAAS;IAAI,WAAW;IAAK;aAZ7D;IAcE,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IACF,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IACF,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IACF,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,cAAW;KACX,eAAe,eAAe,MAAM;eACrC;KAEQ,CAAA;IACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;OACI,SAAS,gBACT,iBAAA,GAAA,kBAAA,MAAC,UAAD;OAAQ,WAAU;iBAAlB,CACG,SACC,iBAAA,GAAA,kBAAA,KAAC,MAAD;QAAI,WAAU;kBACX;QACE,CAAA,EAEN,eACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBAAqB;QAAgB,CAAA,CAE7C;;MAEV,YACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;OACZ;OACG,CAAA;MAEP,UACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;OAAQ,WAAU;iBACf;OACM,CAAA;MAEP;;IACK;KACT;KAEQ,CAAA"}
+{"version":3,"file":"Drawer-C_DLqrus.cjs","names":[],"sources":["../../src/components/overlays/drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport type { DrawerProps, DrawerPosition } from \"./types\";\nimport { useOverlayEffects } from \"../../shared/overlay\";\n\nconst basePanel =\n  \"relative flex flex-col overflow-hidden rounded-2xl border border-ds-border-2 bg-ds-surface-1/95 p-6 shadow-[0_24px_80px_rgba(15,23,42,0.22),0_8px_28px_rgba(15,23,42,0.14)] ring-1 ring-inset ring-ds-border-3/35 backdrop-blur-2xl backdrop-saturate-150\";\n\nconst positionClasses: Record<DrawerPosition, string> = {\n  right: \"h-[calc(100%-8px)] my-1 mr-1 w-full max-w-md ml-auto border\",\n  left: \"h-[calc(100%-8px)] my-1 ml-1 w-full max-w-md mr-auto border\",\n  top: \"w-[calc(100%-8px)] mx-1 mt-1 max-h-[80vh] border\",\n  bottom: \"w-[calc(100%-8px)] mx-1 mb-1 max-h-[80vh] mt-auto border\",\n};\n\nconst getVariants = (position: DrawerPosition) => {\n  switch (position) {\n    case \"left\":\n      return { hidden: { x: \"-100%\" }, visible: { x: 0 } };\n    case \"right\":\n      return { hidden: { x: \"100%\" }, visible: { x: 0 } };\n    case \"top\":\n      return { hidden: { y: \"-100%\" }, visible: { y: 0 } };\n    case \"bottom\":\n      return { hidden: { y: \"100%\" }, visible: { y: 0 } };\n  }\n};\n\nexport const Drawer = ({\n  open,\n  onOpenChange,\n  title,\n  description,\n  position = \"right\",\n  children,\n  footer,\n}: DrawerProps) => {\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  useOverlayEffects(panelRef, open);\n\n  useEffect(() => {\n    if (!open || typeof window === \"undefined\") return;\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onOpenChange?.(false);\n      }\n    };\n    window.addEventListener(\"keydown\", handleKey);\n    return () => window.removeEventListener(\"keydown\", handleKey);\n  }, [open, onOpenChange]);\n\n  const variants = getVariants(position);\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <div\n          className=\"fixed inset-0 z-200 flex overlay-backdrop\"\n          role=\"presentation\"\n        >\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.3 }}\n            className=\"fixed inset-0 bg-ds-canvas/55 backdrop-blur-[3px]\"\n            onClick={() => onOpenChange?.(false)}\n          />\n          <motion.div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={title}\n            className={`${basePanel} ${positionClasses[position]}`}\n            tabIndex={-1}\n            ref={panelRef}\n            onClick={(event) => event.stopPropagation()}\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"hidden\"\n            variants={variants}\n            transition={{ type: \"spring\", damping: 25, stiffness: 200 }}\n          >\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 bg-linear-to-b from-ds-accent/10 via-transparent to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-x-0 top-0 h-24 bg-linear-to-b from-ds-accent/16 to-transparent\"\n            />\n            <div\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute -end-10 top-[-72px] h-40 w-40 rounded-full bg-ds-accent/18 blur-3xl\"\n            />\n            <button\n              type=\"button\"\n              className=\"absolute end-4 top-4 z-20 inline-flex h-9 w-9 items-center justify-center rounded-full border border-ds-border-2 bg-ds-surface-2 text-lg font-light text-ds-1 shadow-sm backdrop-blur-md transition-all duration-200 hover:bg-ds-surface-3\"\n              aria-label=\"Close drawer\"\n              onClick={() => onOpenChange?.(false)}\n            >\n              ×\n            </button>\n            <div className=\"relative z-10 flex h-full flex-col\">\n              {(title || description) && (\n                <header className=\"space-y-1 pe-10\">\n                  {title && (\n                    <h2 className=\"text-lg font-semibold tracking-tight text-ds-1\">\n                      {title}\n                    </h2>\n                  )}\n                  {description && (\n                    <p className=\"text-sm text-ds-2\">{description}</p>\n                  )}\n                </header>\n              )}\n              {children && (\n                <div className=\"mt-4 flex-1 overflow-auto space-y-4 pe-1\">\n                  {children}\n                </div>\n              )}\n              {footer && (\n                <footer className=\"mt-6 border-t border-ds-border-2 pt-4\">\n                  {footer}\n                </footer>\n              )}\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAM,YACJ;AAEF,IAAM,kBAAkD;CACtD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;AACV;AAEA,IAAM,eAAe,aAA6B;CAChD,QAAQ,UAAR;EACE,KAAK,QACH,OAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;EACrD,KAAK,SACH,OAAO;GAAE,QAAQ,EAAE,GAAG,OAAO;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;EACpD,KAAK,OACH,OAAO;GAAE,QAAQ,EAAE,GAAG,QAAQ;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;EACrD,KAAK,UACH,OAAO;GAAE,QAAQ,EAAE,GAAG,OAAO;GAAG,SAAS,EAAE,GAAG,EAAE;EAAE;CACtD;AACF;AAEA,IAAa,UAAU,EACrB,MACA,cACA,OACA,aACA,WAAW,SACX,UACA,aACiB;CACjB,MAAM,YAAA,GAAA,MAAA,QAAyC,IAAI;CACnD,gBAAA,kBAAkB,UAAU,IAAI;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,QAAQ,OAAO,WAAW,aAAa;EAC5C,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,QAAQ,UAChB,eAAe,KAAK;EAExB;EACA,OAAO,iBAAiB,WAAW,SAAS;EAC5C,aAAa,OAAO,oBAAoB,WAAW,SAAS;CAC9D,GAAG,CAAC,MAAM,YAAY,CAAC;CAEvB,MAAM,WAAW,YAAY,QAAQ;CAErC,OACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD,EAAA,UACG,QACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,MAAK;YAFP,CAIE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;GACE,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS,EAAE,SAAS,EAAE;GACtB,MAAM,EAAE,SAAS,EAAE;GACnB,YAAY,EAAE,UAAU,GAAI;GAC5B,WAAU;GACV,eAAe,eAAe,KAAK;EACpC,CAAA,GACD,iBAAA,GAAA,kBAAA,MAAC,cAAA,OAAO,KAAR;GACE,MAAK;GACL,cAAW;GACX,cAAY;GACZ,WAAW,GAAG,UAAU,GAAG,gBAAgB;GAC3C,UAAU;GACV,KAAK;GACL,UAAU,UAAU,MAAM,gBAAgB;GAC1C,SAAQ;GACR,SAAQ;GACR,MAAK;GACK;GACV,YAAY;IAAE,MAAM;IAAU,SAAS;IAAI,WAAW;GAAI;aAZ5D;IAcE,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA;IACD,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA;IACD,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA;IACD,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,cAAW;KACX,eAAe,eAAe,KAAK;eACpC;IAEO,CAAA;IACR,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;OACI,SAAS,gBACT,iBAAA,GAAA,kBAAA,MAAC,UAAD;OAAQ,WAAU;iBAAlB,CACG,SACC,iBAAA,GAAA,kBAAA,KAAC,MAAD;QAAI,WAAU;kBACX;OACC,CAAA,GAEL,eACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBAAqB;OAAe,CAAA,CAE7C;;MAET,YACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;OACZ;MACE,CAAA;MAEN,UACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;OAAQ,WAAU;iBACf;MACK,CAAA;KAEP;;GACK;IACT;IAEQ,CAAA;AAErB"}

package/dist/chunks/{DropdownMenu-BQ4WlaGp.mjs → DropdownMenu-B18BI5l7.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/dropdown-menu/DropdownMenu.tsx
@@ -49,4 +49,4 @@ function DropdownMenu({ trigger, children, open, onOpenChange, className, panelC
 //#endregion
 export { DropdownMenu as t };
 
-//# sourceMappingURL=DropdownMenu-BQ4WlaGp.mjs.map
+//# sourceMappingURL=DropdownMenu-B18BI5l7.mjs.map

package/dist/chunks/{DropdownMenu-BQ4WlaGp.mjs.map → DropdownMenu-B18BI5l7.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu-BQ4WlaGp.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  align,\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  const defaultAnimation = align === \"start\" ?  \"origin-top-right\": \"origin-top-right\";\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"flex w-full\"\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 min-w-max rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl\",\n          \"top-full mt-1 transition-all duration-300 ease-in-out\",\n          align === \"end\" ? \"end-5\" : align === \"start\" ? \"start-5\" : \"\",\n          animationClassName ?? defaultAnimation,\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,OACnB,SACoB;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;CAEN,MAAM,mBAAmB,UAAU,UAAW,qBAAoB;AAElE,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,4GACA,yDACA,UAAU,QAAQ,UAAU,UAAU,UAAU,YAAY,IAC5D,sBAAsB,kBACtB,eAAe,cAAc,WAC7B,eACD;GACD,eAAe;AACb,QAAI,iBACF,SAAQ,MAAM;;GAIjB;GACG,CAAA,CACF"}
+{"version":3,"file":"DropdownMenu-B18BI5l7.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  align,\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  const defaultAnimation = align === \"start\" ?  \"origin-top-right\": \"origin-top-right\";\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"flex w-full\"\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 min-w-max rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl\",\n          \"top-full mt-1 transition-all duration-300 ease-in-out\",\n          align === \"end\" ? \"end-5\" : align === \"start\" ? \"start-5\" : \"\",\n          animationClassName ?? defaultAnimation,\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,OACnB,SACoB;CACpB,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,eAAe,eAAe,OAAO;CAE3C,MAAM,WAAW,aAAwD;EACvE,MAAM,aACJ,OAAO,aAAa,aAChB,SAAS,YAAY,IACrB;EAEN,IAAI,CAAC,cACH,gBAAgB,UAAU;EAG5B,eAAe,UAAU;CAC3B;CAEA,gBAAgB;EACd,SAAS,mBAAmB,OAAmB;GAC7C,IAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,GACzE,QAAQ,KAAK;EAEjB;EAEA,SAAS,cAAc,OAAsB;GAC3C,IAAI,MAAM,QAAQ,UAChB,QAAQ,KAAK;EAEjB;EAEA,SAAS,iBAAiB,aAAa,kBAAkB;EACzD,SAAS,iBAAiB,WAAW,aAAa;EAElD,aAAa;GACX,SAAS,oBAAoB,aAAa,kBAAkB;GAC5D,SAAS,oBAAoB,WAAW,aAAa;EACvD;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,mBAAmB,UAAU,UAAW,qBAAoB;CAElE,OACE,qBAAC,OAAD;EAAK,KAAK;EAAY,WAAW,gBAAgB,wBAAwB,SAAS;YAAlF,CACE,oBAAC,OAAD;GACE,WAAU;GACV,cAAc,UAAU;IACtB,MAAM,eAAe;IACrB,SAAS,YAAY,CAAC,OAAO;GAC/B;aAEC;EACE,CAAA,GAEL,oBAAC,OAAD;GACE,WAAW,gBACT,4GACA,yDACA,UAAU,QAAQ,UAAU,UAAU,UAAU,YAAY,IAC5D,sBAAsB,kBACtB,eAAe,cAAc,WAC7B,cACF;GACA,eAAe;IACb,IAAI,kBACF,QAAQ,KAAK;GAEjB;GAEC;EACE,CAAA,CACF;;AAET"}

package/dist/chunks/{DropdownMenu-yh04burS.cjs → DropdownMenu-CEmlmX7P.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/overlays/dropdown-menu/DropdownMenu.tsx
@@ -55,4 +54,4 @@ Object.defineProperty(exports, "DropdownMenu", {
 	}
 });
 
-//# sourceMappingURL=DropdownMenu-yh04burS.cjs.map
+//# sourceMappingURL=DropdownMenu-CEmlmX7P.cjs.map

package/dist/chunks/{DropdownMenu-yh04burS.cjs.map → DropdownMenu-CEmlmX7P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu-yh04burS.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  align,\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  const defaultAnimation = align === \"start\" ?  \"origin-top-right\": \"origin-top-right\";\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"flex w-full\"\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 min-w-max rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl\",\n          \"top-full mt-1 transition-all duration-300 ease-in-out\",\n          align === \"end\" ? \"end-5\" : align === \"start\" ? \"start-5\" : \"\",\n          animationClassName ?? defaultAnimation,\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,OACnB,SACoB;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;CAEN,MAAM,mBAAmB,UAAU,UAAW,qBAAoB;AAElE,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,4GACA,yDACA,UAAU,QAAQ,UAAU,UAAU,UAAU,YAAY,IAC5D,sBAAsB,kBACtB,eAAe,cAAc,WAC7B,eACD;GACD,eAAe;AACb,QAAI,iBACF,SAAQ,MAAM;;GAIjB;GACG,CAAA,CACF"}
+{"version":3,"file":"DropdownMenu-CEmlmX7P.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  align,\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  const defaultAnimation = align === \"start\" ?  \"origin-top-right\": \"origin-top-right\";\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"flex w-full\"\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 min-w-max rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl\",\n          \"top-full mt-1 transition-all duration-300 ease-in-out\",\n          align === \"end\" ? \"end-5\" : align === \"start\" ? \"start-5\" : \"\",\n          animationClassName ?? defaultAnimation,\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,OACnB,SACoB;CACpB,MAAM,cAAA,GAAA,MAAA,QAAoC,IAAI;CAC9C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,KAAK;CACtD,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,eAAe,eAAe,OAAO;CAE3C,MAAM,WAAW,aAAwD;EACvE,MAAM,aACJ,OAAO,aAAa,aAChB,SAAS,YAAY,IACrB;EAEN,IAAI,CAAC,cACH,gBAAgB,UAAU;EAG5B,eAAe,UAAU;CAC3B;CAEA,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,mBAAmB,OAAmB;GAC7C,IAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,GACzE,QAAQ,KAAK;EAEjB;EAEA,SAAS,cAAc,OAAsB;GAC3C,IAAI,MAAM,QAAQ,UAChB,QAAQ,KAAK;EAEjB;EAEA,SAAS,iBAAiB,aAAa,kBAAkB;EACzD,SAAS,iBAAiB,WAAW,aAAa;EAElD,aAAa;GACX,SAAS,oBAAoB,aAAa,kBAAkB;GAC5D,SAAS,oBAAoB,WAAW,aAAa;EACvD;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,mBAAmB,UAAU,UAAW,qBAAoB;CAElE,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,KAAK;EAAY,WAAW,cAAA,gBAAgB,wBAAwB,SAAS;YAAlF,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAU;GACV,cAAc,UAAU;IACtB,MAAM,eAAe;IACrB,SAAS,YAAY,CAAC,OAAO;GAC/B;aAEC;EACE,CAAA,GAEL,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,4GACA,yDACA,UAAU,QAAQ,UAAU,UAAU,UAAU,YAAY,IAC5D,sBAAsB,kBACtB,eAAe,cAAc,WAC7B,cACF;GACA,eAAe;IACb,IAAI,kBACF,QAAQ,KAAK;GAEjB;GAEC;EACE,CAAA,CACF;;AAET"}