erp-pro-ui 0.1.2 → 0.1.4

package/dist/animations.css

@@ -89,3 +89,43 @@
 .ui\:animate-gradient-fifth {
   animation: moveInCircle 20s ease infinite;
 }
+
+@keyframes ui-skeleton-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.58;
+  }
+}
+
+@keyframes ui-skeleton-wave {
+  0% {
+    background-position: 200% 0;
+  }
+
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+.ui-skeleton-pulse {
+  animation: ui-skeleton-pulse var(--ui-skeleton-duration, 1.6s) ease-in-out
+    infinite;
+}
+
+.ui-skeleton-wave {
+  background-image: linear-gradient(
+    90deg,
+    var(--ui-skeleton-base) 0%,
+    var(--ui-skeleton-base) 30%,
+    var(--ui-skeleton-highlight) 50%,
+    var(--ui-skeleton-base) 70%,
+    var(--ui-skeleton-base) 100%
+  );
+  background-size: 220% 100%;
+  animation: ui-skeleton-wave var(--ui-skeleton-duration, 1.6s) linear infinite;
+  will-change: background-position;
+}

package/dist/calendar.cjs

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

package/dist/calendar.mjs

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

package/dist/card.cjs

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

package/dist/card.mjs

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

package/dist/carousel.cjs

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

package/dist/carousel.mjs

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

package/dist/catalog.cjs

@@ -254,6 +254,12 @@ var uiCatalogItems = [
 		packageExportPath: "charts",
 		storybookTitle: "Data Display/BarChart"
 	},
+	{
+		name: "Positive Negative Bar Chart",
+		slug: "positive-negative-bar-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/PositiveNegativeBarChart"
+	},
 	{
 		name: "Pie Chart",
 		slug: "pie-chart",

package/dist/catalog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.cjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n  readonly name: string;\n  readonly slug: string;\n  readonly packageExportPath: string;\n  readonly storybookTitle: string;\n  readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n  {\n    name: \"Combobox\",\n    slug: \"combobox\",\n    packageExportPath: \"combobox\",\n    storybookTitle: \"Forms/Combobox\",\n  },\n  {\n    name: \"Button\",\n    slug: \"button\",\n    packageExportPath: \"button\",\n    storybookTitle: \"Forms/Button\",\n  },\n  {\n    name: \"Input\",\n    slug: \"input\",\n    packageExportPath: \"input\",\n    storybookTitle: \"Forms/Input\",\n  },\n  {\n    name: \"Checkbox\",\n    slug: \"checkbox\",\n    packageExportPath: \"checkbox\",\n    storybookTitle: \"Forms/Checkbox\",\n  },\n  {\n    name: \"Radio\",\n    slug: \"radio\",\n    packageExportPath: \"radio\",\n    storybookTitle: \"Forms/Radio\",\n  },\n  {\n    name: \"Switch\",\n    slug: \"switch\",\n    packageExportPath: \"switch\",\n    storybookTitle: \"Forms/Switch\",\n  },\n  {\n    name: \"Select\",\n    slug: \"select\",\n    packageExportPath: \"select\",\n    storybookTitle: \"Forms/Select\",\n  },\n  {\n    name: \"Textarea\",\n    slug: \"textarea\",\n    packageExportPath: \"textarea\",\n    storybookTitle: \"Forms/Textarea\",\n  },\n  {\n    name: \"Label\",\n    slug: \"label\",\n    packageExportPath: \"label\",\n    storybookTitle: \"Forms/Label\",\n  },\n  {\n    name: \"Dialog\",\n    slug: \"dialog\",\n    packageExportPath: \"dialog\",\n    storybookTitle: \"Overlays/Dialog\",\n  },\n  {\n    name: \"Drawer\",\n    slug: \"drawer\",\n    packageExportPath: \"drawer\",\n    storybookTitle: \"Layout/Drawer\",\n  },\n  {\n    name: \"Alert\",\n    slug: \"alert\",\n    packageExportPath: \"alert\",\n    storybookTitle: \"Data Display/Alert\",\n  },\n  {\n    name: \"Toast\",\n    slug: \"toast\",\n    packageExportPath: \"toast\",\n    storybookTitle: \"Data Display/Toast\",\n  },\n  {\n    name: \"Tooltip\",\n    slug: \"tooltip\",\n    packageExportPath: \"tooltip\",\n    storybookTitle: \"Layout/Tooltip\",\n  },\n  {\n    name: \"Accordion\",\n    slug: \"accordion\",\n    packageExportPath: \"accordion\",\n    storybookTitle: \"Layout/Accordion\",\n  },\n  {\n    name: \"Card\",\n    slug: \"card\",\n    packageExportPath: \"card\",\n    storybookTitle: \"Layout/Card\",\n  },\n  {\n    name: \"Stepper\",\n    slug: \"stepper\",\n    packageExportPath: \"stepper\",\n    storybookTitle: \"Layout/Stepper\",\n  },\n  {\n    name: \"Chip\",\n    slug: \"chip\",\n    packageExportPath: \"chip\",\n    storybookTitle: \"Data Display/Chip\",\n  },\n  {\n    name: \"Progress Bar\",\n    slug: \"progress-bar\",\n    packageExportPath: \"progress-bar\",\n    storybookTitle: \"Data Display/ProgressBar\",\n  },\n  {\n    name: \"Calendar\",\n    slug: \"calendar\",\n    packageExportPath: \"calendar\",\n    storybookTitle: \"Forms/Calendar\",\n  },\n  {\n    name: \"DatePicker\",\n    slug: \"datepicker\",\n    packageExportPath: \"date-picker\",\n    storybookTitle: \"Forms/DatePicker\",\n  },\n  {\n    name: \"MultiSelect Combobox\",\n    slug: \"multiselect-combobox\",\n    packageExportPath: \"multi-select-combobox\",\n    storybookTitle: \"Forms/MultiSelectCombobox\",\n  },\n  {\n    name: \"Hover Card\",\n    slug: \"hover-card\",\n    packageExportPath: \"hover-card\",\n    storybookTitle: \"Layout/HoverCard\",\n  },\n  {\n    name: \"Spotlight Card\",\n    slug: \"spotlight-card\",\n    packageExportPath: \"spotlight-card\",\n    storybookTitle: \"Visuals/SpotlightCard\",\n  },\n  {\n    name: \"Splash Cursor\",\n    slug: \"splash-cursor\",\n    packageExportPath: \"splash-cursor\",\n    storybookTitle: \"Visuals/SplashCursor\",\n  },\n  {\n    name: \"Chroma Grid\",\n    slug: \"chroma-grid\",\n    packageExportPath: \"chroma-grid\",\n    storybookTitle: \"Visuals/ChromaGrid\",\n  },\n  {\n    name: \"Color Palette\",\n    slug: \"color-palette\",\n    packageExportPath: \"color-palette\",\n    storybookTitle: \"Data Display/ColorPalette\",\n  },\n  {\n    name: \"Gradual Blur\",\n    slug: \"gradual-blur\",\n    packageExportPath: \"gradual-blur\",\n    storybookTitle: \"Visuals/GradualBlur\",\n  },\n  {\n    name: \"Animated Content\",\n    slug: \"animated-content\",\n    packageExportPath: \"animated-content\",\n    storybookTitle: \"Visuals/AnimatedContent\",\n    status: \"updated\",\n  },\n  {\n    name: \"Background Gradient\",\n    slug: \"background-gradient\",\n    packageExportPath: \"background-gradient-animation\",\n    storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n  },\n  {\n    name: \"Hover Border Gradient\",\n    slug: \"hover-border-gradient\",\n    packageExportPath: \"hover-border-gradient\",\n    storybookTitle: \"Visuals/HoverBorderGradient\",\n  },\n  {\n    name: \"Button Hover Border Gradient\",\n    slug: \"button-hover-border-gradient\",\n    packageExportPath: \"button-hover-border-gradient\",\n    storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n  },\n  {\n    name: \"Password Strength Meter\",\n    slug: \"password-strength-meter\",\n    packageExportPath: \"password-strength-meter\",\n    storybookTitle: \"Forms/PasswordStrengthMeter\",\n  },\n  {\n    name: \"Sun To Moon Button\",\n    slug: \"sun-to-moon-button\",\n    packageExportPath: \"sun-to-moon-button\",\n    storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n  },\n  {\n    name: \"Carousel\",\n    slug: \"carousel\",\n    packageExportPath: \"carousel\",\n    storybookTitle: \"Layout/Carousel\",\n  },\n  {\n    name: \"OTPInput\",\n    slug: \"otpinput\",\n    packageExportPath: \"otp-input\",\n    storybookTitle: \"Forms/OTPInput\",\n  },\n  {\n    name: \"Form\",\n    slug: \"form\",\n    packageExportPath: \"form\",\n    storybookTitle: \"Layout/Form\",\n  },\n  {\n    name: \"Data Table\",\n    slug: \"data-table\",\n    packageExportPath: \"data-table\",\n    storybookTitle: \"Data Display/DataTable\",\n  },\n  {\n    name: \"Loading\",\n    slug: \"loading\",\n    packageExportPath: \"loading\",\n    storybookTitle: \"Data Display/Loading\",\n  },\n  {\n    name: \"Skeleton\",\n    slug: \"skeleton\",\n    packageExportPath: \"skeleton\",\n    storybookTitle: \"Data Display/Skeleton\",\n  },\n  {\n    name: \"Area Chart\",\n    slug: \"area-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/AreaChart\",\n  },\n  {\n    name: \"Bar Chart\",\n    slug: \"bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/BarChart\",\n  },\n  {\n    name: \"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] 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;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: \"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] 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;CACF;AAGD,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,eAChB;AAED,SAAgB,kCAAkC,gBAAyB;AACzE,KAAI,CAAC,eACH;AAGF,QAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,eAAe;;AAG9E,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,cAAc"}

package/dist/catalog.d.ts

@@ -217,6 +217,11 @@ export declare const uiCatalogItems: readonly [{
     readonly slug: "bar-chart";
     readonly packageExportPath: "charts";
     readonly storybookTitle: "Data Display/BarChart";
+}, {
+    readonly name: "Positive Negative Bar Chart";
+    readonly slug: "positive-negative-bar-chart";
+    readonly packageExportPath: "charts";
+    readonly storybookTitle: "Data Display/PositiveNegativeBarChart";
 }, {
     readonly name: "Pie Chart";
     readonly slug: "pie-chart";
@@ -249,7 +254,7 @@ export declare const uiCatalogItems: readonly [{
     readonly storybookTitle: "Foundations/Typography";
 }];
 export type UiCatalogSlug = (typeof uiCatalogItems)[number]["slug"];
-export declare const uiCatalogStorybookTitles: ("Forms/Combobox" | "Forms/Button" | "Forms/Input" | "Forms/Checkbox" | "Forms/Radio" | "Forms/Switch" | "Forms/Select" | "Forms/Textarea" | "Forms/Label" | "Overlays/Dialog" | "Layout/Drawer" | "Data Display/Alert" | "Data Display/Toast" | "Layout/Tooltip" | "Layout/Accordion" | "Layout/Card" | "Layout/Stepper" | "Data Display/Chip" | "Data Display/ProgressBar" | "Forms/Calendar" | "Forms/DatePicker" | "Forms/MultiSelectCombobox" | "Layout/HoverCard" | "Visuals/SpotlightCard" | "Visuals/SplashCursor" | "Visuals/ChromaGrid" | "Data Display/ColorPalette" | "Visuals/GradualBlur" | "Visuals/AnimatedContent" | "Visuals/BackgroundGradientAnimation" | "Visuals/HoverBorderGradient" | "Visuals/ButtonHoverBorderGradient" | "Forms/PasswordStrengthMeter" | "Foundations/Theme/SunToMoonButton" | "Layout/Carousel" | "Forms/OTPInput" | "Layout/Form" | "Data Display/DataTable" | "Data Display/Loading" | "Data Display/Skeleton" | "Data Display/AreaChart" | "Data Display/BarChart" | "Data Display/PieChart" | "Data Display/NeonLineChart" | "Data Display/StackedBarChart" | "Data Display/ThinBreakdownBar" | "Foundations/Icons" | "Foundations/Typography")[];
+export declare const uiCatalogStorybookTitles: ("Forms/Combobox" | "Forms/Button" | "Forms/Input" | "Forms/Checkbox" | "Forms/Radio" | "Forms/Switch" | "Forms/Select" | "Forms/Textarea" | "Forms/Label" | "Overlays/Dialog" | "Layout/Drawer" | "Data Display/Alert" | "Data Display/Toast" | "Layout/Tooltip" | "Layout/Accordion" | "Layout/Card" | "Layout/Stepper" | "Data Display/Chip" | "Data Display/ProgressBar" | "Forms/Calendar" | "Forms/DatePicker" | "Forms/MultiSelectCombobox" | "Layout/HoverCard" | "Visuals/SpotlightCard" | "Visuals/SplashCursor" | "Visuals/ChromaGrid" | "Data Display/ColorPalette" | "Visuals/GradualBlur" | "Visuals/AnimatedContent" | "Visuals/BackgroundGradientAnimation" | "Visuals/HoverBorderGradient" | "Visuals/ButtonHoverBorderGradient" | "Forms/PasswordStrengthMeter" | "Foundations/Theme/SunToMoonButton" | "Layout/Carousel" | "Forms/OTPInput" | "Layout/Form" | "Data Display/DataTable" | "Data Display/Loading" | "Data Display/Skeleton" | "Data Display/AreaChart" | "Data Display/BarChart" | "Data Display/PositiveNegativeBarChart" | "Data Display/PieChart" | "Data Display/NeonLineChart" | "Data Display/StackedBarChart" | "Data Display/ThinBreakdownBar" | "Foundations/Icons" | "Foundations/Typography")[];
 export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: string): {
     readonly name: "Combobox";
     readonly slug: "combobox";
@@ -461,6 +466,11 @@ export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: strin
     readonly slug: "bar-chart";
     readonly packageExportPath: "charts";
     readonly storybookTitle: "Data Display/BarChart";
+} | {
+    readonly name: "Positive Negative Bar Chart";
+    readonly slug: "positive-negative-bar-chart";
+    readonly packageExportPath: "charts";
+    readonly storybookTitle: "Data Display/PositiveNegativeBarChart";
 } | {
     readonly name: "Pie Chart";
     readonly slug: "pie-chart";

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkSkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,wBAAwB,moCAEpC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwSkB,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,wBAAwB,6qCAEpC,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,cAAc,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAMxE;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAEjE"}

package/dist/catalog.mjs

@@ -253,6 +253,12 @@ var uiCatalogItems = [
 		packageExportPath: "charts",
 		storybookTitle: "Data Display/BarChart"
 	},
+	{
+		name: "Positive Negative Bar Chart",
+		slug: "positive-negative-bar-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/PositiveNegativeBarChart"
+	},
 	{
 		name: "Pie Chart",
 		slug: "pie-chart",

package/dist/catalog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.mjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n  readonly name: string;\n  readonly slug: string;\n  readonly packageExportPath: string;\n  readonly storybookTitle: string;\n  readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n  {\n    name: \"Combobox\",\n    slug: \"combobox\",\n    packageExportPath: \"combobox\",\n    storybookTitle: \"Forms/Combobox\",\n  },\n  {\n    name: \"Button\",\n    slug: \"button\",\n    packageExportPath: \"button\",\n    storybookTitle: \"Forms/Button\",\n  },\n  {\n    name: \"Input\",\n    slug: \"input\",\n    packageExportPath: \"input\",\n    storybookTitle: \"Forms/Input\",\n  },\n  {\n    name: \"Checkbox\",\n    slug: \"checkbox\",\n    packageExportPath: \"checkbox\",\n    storybookTitle: \"Forms/Checkbox\",\n  },\n  {\n    name: \"Radio\",\n    slug: \"radio\",\n    packageExportPath: \"radio\",\n    storybookTitle: \"Forms/Radio\",\n  },\n  {\n    name: \"Switch\",\n    slug: \"switch\",\n    packageExportPath: \"switch\",\n    storybookTitle: \"Forms/Switch\",\n  },\n  {\n    name: \"Select\",\n    slug: \"select\",\n    packageExportPath: \"select\",\n    storybookTitle: \"Forms/Select\",\n  },\n  {\n    name: \"Textarea\",\n    slug: \"textarea\",\n    packageExportPath: \"textarea\",\n    storybookTitle: \"Forms/Textarea\",\n  },\n  {\n    name: \"Label\",\n    slug: \"label\",\n    packageExportPath: \"label\",\n    storybookTitle: \"Forms/Label\",\n  },\n  {\n    name: \"Dialog\",\n    slug: \"dialog\",\n    packageExportPath: \"dialog\",\n    storybookTitle: \"Overlays/Dialog\",\n  },\n  {\n    name: \"Drawer\",\n    slug: \"drawer\",\n    packageExportPath: \"drawer\",\n    storybookTitle: \"Layout/Drawer\",\n  },\n  {\n    name: \"Alert\",\n    slug: \"alert\",\n    packageExportPath: \"alert\",\n    storybookTitle: \"Data Display/Alert\",\n  },\n  {\n    name: \"Toast\",\n    slug: \"toast\",\n    packageExportPath: \"toast\",\n    storybookTitle: \"Data Display/Toast\",\n  },\n  {\n    name: \"Tooltip\",\n    slug: \"tooltip\",\n    packageExportPath: \"tooltip\",\n    storybookTitle: \"Layout/Tooltip\",\n  },\n  {\n    name: \"Accordion\",\n    slug: \"accordion\",\n    packageExportPath: \"accordion\",\n    storybookTitle: \"Layout/Accordion\",\n  },\n  {\n    name: \"Card\",\n    slug: \"card\",\n    packageExportPath: \"card\",\n    storybookTitle: \"Layout/Card\",\n  },\n  {\n    name: \"Stepper\",\n    slug: \"stepper\",\n    packageExportPath: \"stepper\",\n    storybookTitle: \"Layout/Stepper\",\n  },\n  {\n    name: \"Chip\",\n    slug: \"chip\",\n    packageExportPath: \"chip\",\n    storybookTitle: \"Data Display/Chip\",\n  },\n  {\n    name: \"Progress Bar\",\n    slug: \"progress-bar\",\n    packageExportPath: \"progress-bar\",\n    storybookTitle: \"Data Display/ProgressBar\",\n  },\n  {\n    name: \"Calendar\",\n    slug: \"calendar\",\n    packageExportPath: \"calendar\",\n    storybookTitle: \"Forms/Calendar\",\n  },\n  {\n    name: \"DatePicker\",\n    slug: \"datepicker\",\n    packageExportPath: \"date-picker\",\n    storybookTitle: \"Forms/DatePicker\",\n  },\n  {\n    name: \"MultiSelect Combobox\",\n    slug: \"multiselect-combobox\",\n    packageExportPath: \"multi-select-combobox\",\n    storybookTitle: \"Forms/MultiSelectCombobox\",\n  },\n  {\n    name: \"Hover Card\",\n    slug: \"hover-card\",\n    packageExportPath: \"hover-card\",\n    storybookTitle: \"Layout/HoverCard\",\n  },\n  {\n    name: \"Spotlight Card\",\n    slug: \"spotlight-card\",\n    packageExportPath: \"spotlight-card\",\n    storybookTitle: \"Visuals/SpotlightCard\",\n  },\n  {\n    name: \"Splash Cursor\",\n    slug: \"splash-cursor\",\n    packageExportPath: \"splash-cursor\",\n    storybookTitle: \"Visuals/SplashCursor\",\n  },\n  {\n    name: \"Chroma Grid\",\n    slug: \"chroma-grid\",\n    packageExportPath: \"chroma-grid\",\n    storybookTitle: \"Visuals/ChromaGrid\",\n  },\n  {\n    name: \"Color Palette\",\n    slug: \"color-palette\",\n    packageExportPath: \"color-palette\",\n    storybookTitle: \"Data Display/ColorPalette\",\n  },\n  {\n    name: \"Gradual Blur\",\n    slug: \"gradual-blur\",\n    packageExportPath: \"gradual-blur\",\n    storybookTitle: \"Visuals/GradualBlur\",\n  },\n  {\n    name: \"Animated Content\",\n    slug: \"animated-content\",\n    packageExportPath: \"animated-content\",\n    storybookTitle: \"Visuals/AnimatedContent\",\n    status: \"updated\",\n  },\n  {\n    name: \"Background Gradient\",\n    slug: \"background-gradient\",\n    packageExportPath: \"background-gradient-animation\",\n    storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n  },\n  {\n    name: \"Hover Border Gradient\",\n    slug: \"hover-border-gradient\",\n    packageExportPath: \"hover-border-gradient\",\n    storybookTitle: \"Visuals/HoverBorderGradient\",\n  },\n  {\n    name: \"Button Hover Border Gradient\",\n    slug: \"button-hover-border-gradient\",\n    packageExportPath: \"button-hover-border-gradient\",\n    storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n  },\n  {\n    name: \"Password Strength Meter\",\n    slug: \"password-strength-meter\",\n    packageExportPath: \"password-strength-meter\",\n    storybookTitle: \"Forms/PasswordStrengthMeter\",\n  },\n  {\n    name: \"Sun To Moon Button\",\n    slug: \"sun-to-moon-button\",\n    packageExportPath: \"sun-to-moon-button\",\n    storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n  },\n  {\n    name: \"Carousel\",\n    slug: \"carousel\",\n    packageExportPath: \"carousel\",\n    storybookTitle: \"Layout/Carousel\",\n  },\n  {\n    name: \"OTPInput\",\n    slug: \"otpinput\",\n    packageExportPath: \"otp-input\",\n    storybookTitle: \"Forms/OTPInput\",\n  },\n  {\n    name: \"Form\",\n    slug: \"form\",\n    packageExportPath: \"form\",\n    storybookTitle: \"Layout/Form\",\n  },\n  {\n    name: \"Data Table\",\n    slug: \"data-table\",\n    packageExportPath: \"data-table\",\n    storybookTitle: \"Data Display/DataTable\",\n  },\n  {\n    name: \"Loading\",\n    slug: \"loading\",\n    packageExportPath: \"loading\",\n    storybookTitle: \"Data Display/Loading\",\n  },\n  {\n    name: \"Skeleton\",\n    slug: \"skeleton\",\n    packageExportPath: \"skeleton\",\n    storybookTitle: \"Data Display/Skeleton\",\n  },\n  {\n    name: \"Area Chart\",\n    slug: \"area-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/AreaChart\",\n  },\n  {\n    name: \"Bar Chart\",\n    slug: \"bar-chart\",\n    packageExportPath: \"charts\",\n    storybookTitle: \"Data Display/BarChart\",\n  },\n  {\n    name: \"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] 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;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: \"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] 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;CACF;AAGD,IAAa,2BAA2B,eAAe,KACpD,SAAS,KAAK,eAChB;AAED,SAAgB,kCAAkC,gBAAyB;AACzE,KAAI,CAAC,eACH;AAGF,QAAO,eAAe,MAAM,SAAS,KAAK,mBAAmB,eAAe;;AAG9E,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,cAAc"}

package/dist/charts.cjs

@@ -1,9 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_charts = require("./chunks/charts-BpElnsoR.cjs");
+const require_charts = require("./chunks/charts-DbxyHtlX.cjs");
 exports.AreaChart = require_charts.AreaChart;
 exports.BarChart = require_charts.BarChart;
 exports.NeonLineChart = require_charts.NeonLineChart;
 exports.PieChart = require_charts.PieChart;
+exports.PositiveNegativeBarChart = require_charts.PositiveNegativeBarChart;
 exports.StackedBarChart = require_charts.StackedBarChart;
 exports.ThinBreakdownBar = require_charts.ThinBreakdownBar;
 exports.chartColorTokens = require_charts.chartColorTokens;

package/dist/charts.mjs

@@ -1,2 +1,2 @@
-import { a as StackedBarChart, c as getChartColorVar, i as ThinBreakdownBar, l as getChartPalette, n as BarChart, o as NeonLineChart, r as AreaChart, s as chartColorTokens, t as PieChart } from "./chunks/charts-DugYWvEf.mjs";
-export { AreaChart, BarChart, NeonLineChart, PieChart, StackedBarChart, ThinBreakdownBar, chartColorTokens, getChartColorVar, getChartPalette };
+import { a as ThinBreakdownBar, c as chartColorTokens, i as AreaChart, l as getChartColorVar, n as PositiveNegativeBarChart, o as StackedBarChart, r as BarChart, s as NeonLineChart, t as PieChart, u as getChartPalette } from "./chunks/charts-BYvM4TMG.mjs";
+export { AreaChart, BarChart, 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-yHuSw-hV.cjs");
+const require_checkbox = require("./chunks/checkbox-CxOcjoGP.cjs");
 exports.Checkbox = require_checkbox.Checkbox;

package/dist/checkbox.mjs

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

package/dist/chip.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chip = require("./chunks/chip-DcBji__g.cjs");
+const require_chip = require("./chunks/chip-B4ol1yPk.cjs");
 exports.Chip = require_chip.Chip;

package/dist/chip.mjs

@@ -1,2 +1,2 @@
-import { t as Chip } from "./chunks/chip-BGSUmnlO.mjs";
+import { t as Chip } from "./chunks/chip-DdnBLdpl.mjs";
 export { Chip };

package/dist/chroma-grid.cjs

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

package/dist/chroma-grid.mjs

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

package/dist/chunks/{calendar-xrGmvukr.cjs → calendar-Cpp_Rc7T.cjs}

@@ -1,4 +1,5 @@
 require("./chunk-B_GkZjkl.cjs");
+const require_select = require("./select-CCUSMvfS.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/forms/calendar/Calendar.tsx
@@ -11,6 +12,10 @@ var dayNames = [
 	"FRI",
 	"SAT"
 ];
+var monthOptions = Array.from({ length: 12 }, (_, monthIndex) => new Date(2026, monthIndex, 1).toLocaleString(void 0, { month: "long" })).map((monthName, monthIndex) => ({
+	label: monthName,
+	value: String(monthIndex)
+}));
 var getDaysInMonth = (month, year) => {
 	const firstDay = new Date(year, month, 1);
 	const lastDay = new Date(year, month + 1, 0);
@@ -38,13 +43,22 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 	const currentMonth = month ?? internalMonth;
 	const currentYear = year ?? internalYear;
 	const currentRange = range ? normalizeRange(range) : internalRange;
+	const yearOptions = (0, react.useMemo)(() => {
+		const startYear = 1980;
+		const endYear = Math.max((/* @__PURE__ */ new Date()).getFullYear() + 10, currentYear + 5);
+		return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({
+			label: String(endYear - index),
+			value: String(endYear - index)
+		}));
+	}, [currentYear]);
+	const setDisplayedMonth = (nextMonth, nextYear) => {
+		if (month === void 0) setInternalMonth(nextMonth);
+		if (year === void 0) setInternalYear(nextYear);
+		onMonthChange?.(nextMonth, nextYear);
+	};
 	const updateMonth = (offset) => {
 		const nextDate = new Date(currentYear, currentMonth + offset, 1);
-		if (month === void 0) {
-			setInternalMonth(nextDate.getMonth());
-			setInternalYear(nextDate.getFullYear());
-		}
-		onMonthChange?.(nextDate.getMonth(), nextDate.getFullYear());
+		setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());
 	};
 	const days = (0, react.useMemo)(() => getDaysInMonth(currentMonth, currentYear), [currentMonth, currentYear]);
 	const isInRange = (date) => {
@@ -77,28 +91,55 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 		onSelect?.(date);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `w-[320px] rounded-lg border border-white/20 bg-white/70 p-4 shadow-xl backdrop-blur-xl dark:border-white/10 dark:bg-neutral-900/70 ${className}`.trim(),
+		className: `w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-white/20 bg-white/70 p-4 shadow-xl backdrop-blur-xl dark:border-white/10 dark:bg-neutral-900/70 ${className}`.trim(),
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "mb-4 flex items-center justify-between",
+				className: "mb-4 flex items-center gap-2",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "text-sm text-muted-foreground",
+						className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-input bg-background-secondary text-sm text-muted-foreground transition-colors hover:border-accent hover:text-accent",
 						onClick: () => updateMonth(-1),
 						"aria-label": "Previous month",
 						children: "←"
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "text-sm font-medium text-heading",
-						children: new Date(currentYear, currentMonth).toLocaleString(void 0, {
-							month: "long",
-							year: "numeric"
-						})
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.Select, {
+							name: "calendar-month-select",
+							value: String(currentMonth),
+							onChange: (event) => {
+								setDisplayedMonth(Number(event.target.value), currentYear);
+							},
+							options: monthOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "left-0 right-auto min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Month",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select month"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.Select, {
+							name: "calendar-year-select",
+							value: String(currentYear),
+							onChange: (event) => {
+								setDisplayedMonth(currentMonth, Number(event.target.value));
+							},
+							options: yearOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "left-auto right-0 min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Year",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select year"
+						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "text-sm text-muted-foreground",
+						className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-input bg-background-secondary text-sm text-muted-foreground transition-colors hover:border-accent hover:text-accent",
 						onClick: () => updateMonth(1),
 						"aria-label": "Next month",
 						children: "→"
@@ -119,7 +160,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 					if (!date) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}, `empty-${index}`);
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: `rounded-md px-0 py-2 text-sm transition-colors ${isSelected || isRangeStart || isRangeEnd ? "bg-ring text-white" : inRange ? "bg-ring/10 text-heading" : isToday ? "border border-ring text-heading" : "text-muted-foreground"}`,
+						className: `rounded-md px-0 py-2 text-sm transition-colors ${isSelected || isRangeStart || isRangeEnd ? "bg-accent text-on-accent" : inRange ? "bg-accent-subtle text-accent" : isToday ? "border border-accent text-accent" : "text-muted-foreground"}`,
 						onClick: () => handleSelect(date),
 						children: date.getDate()
 					}, date.toISOString());
@@ -140,4 +181,4 @@ Object.defineProperty(exports, "Calendar", {
 	}
 });
 
-//# sourceMappingURL=calendar-xrGmvukr.cjs.map
+//# sourceMappingURL=calendar-Cpp_Rc7T.cjs.map

package/dist/chunks/calendar-Cpp_Rc7T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-Cpp_Rc7T.cjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-white/20 bg-white/70 p-4 shadow-xl backdrop-blur-xl dark:border-white/10 dark:bg-neutral-900/70 ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-input bg-background-secondary text-sm text-muted-foreground transition-colors hover:border-accent hover:text-accent\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-0 right-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-auto right-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-input bg-background-secondary text-sm text-muted-foreground transition-colors hover:border-accent hover:text-accent\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span\n            key={dayName}\n            className=\"text-xs font-medium text-muted-foreground\"\n          >\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-accent text-on-accent\"\n                  : inRange\n                    ? \"bg-accent-subtle text-accent\"\n                    : isToday\n                      ? \"border border-accent text-accent\"\n                      : \"text-muted-foreground\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/{calendar-BarcG6x_.mjs → calendar-DrCgT_pj.mjs}

@@ -1,3 +1,4 @@
+import { t as Select } from "./select-B8UQ6Uq5.mjs";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/forms/calendar/Calendar.tsx
@@ -10,6 +11,10 @@ var dayNames = [
 	"FRI",
 	"SAT"
 ];
+var monthOptions = Array.from({ length: 12 }, (_, monthIndex) => new Date(2026, monthIndex, 1).toLocaleString(void 0, { month: "long" })).map((monthName, monthIndex) => ({
+	label: monthName,
+	value: String(monthIndex)
+}));
 var getDaysInMonth = (month, year) => {
 	const firstDay = new Date(year, month, 1);
 	const lastDay = new Date(year, month + 1, 0);
@@ -37,13 +42,22 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 	const currentMonth = month ?? internalMonth;
 	const currentYear = year ?? internalYear;
 	const currentRange = range ? normalizeRange(range) : internalRange;
+	const yearOptions = useMemo(() => {
+		const startYear = 1980;
+		const endYear = Math.max((/* @__PURE__ */ new Date()).getFullYear() + 10, currentYear + 5);
+		return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({
+			label: String(endYear - index),
+			value: String(endYear - index)
+		}));
+	}, [currentYear]);
+	const setDisplayedMonth = (nextMonth, nextYear) => {
+		if (month === void 0) setInternalMonth(nextMonth);
+		if (year === void 0) setInternalYear(nextYear);
+		onMonthChange?.(nextMonth, nextYear);
+	};
 	const updateMonth = (offset) => {
 		const nextDate = new Date(currentYear, currentMonth + offset, 1);
-		if (month === void 0) {
-			setInternalMonth(nextDate.getMonth());
-			setInternalYear(nextDate.getFullYear());
-		}
-		onMonthChange?.(nextDate.getMonth(), nextDate.getFullYear());
+		setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());
 	};
 	const days = useMemo(() => getDaysInMonth(currentMonth, currentYear), [currentMonth, currentYear]);
 	const isInRange = (date) => {
@@ -76,28 +90,55 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 		onSelect?.(date);
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: `w-[320px] rounded-lg border border-white/20 bg-white/70 p-4 shadow-xl backdrop-blur-xl dark:border-white/10 dark:bg-neutral-900/70 ${className}`.trim(),
+		className: `w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-white/20 bg-white/70 p-4 shadow-xl backdrop-blur-xl dark:border-white/10 dark:bg-neutral-900/70 ${className}`.trim(),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "mb-4 flex items-center justify-between",
+				className: "mb-4 flex items-center gap-2",
 				children: [
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
-						className: "text-sm text-muted-foreground",
+						className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-input bg-background-secondary text-sm text-muted-foreground transition-colors hover:border-accent hover:text-accent",
 						onClick: () => updateMonth(-1),
 						"aria-label": "Previous month",
 						children: "←"
 					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium text-heading",
-						children: new Date(currentYear, currentMonth).toLocaleString(void 0, {
-							month: "long",
-							year: "numeric"
-						})
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2",
+						children: [/* @__PURE__ */ jsx(Select, {
+							name: "calendar-month-select",
+							value: String(currentMonth),
+							onChange: (event) => {
+								setDisplayedMonth(Number(event.target.value), currentYear);
+							},
+							options: monthOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "left-0 right-auto min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Month",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select month"
+						}), /* @__PURE__ */ jsx(Select, {
+							name: "calendar-year-select",
+							value: String(currentYear),
+							onChange: (event) => {
+								setDisplayedMonth(currentMonth, Number(event.target.value));
+							},
+							options: yearOptions,
+							containerClassName: "min-w-0",
+							triggerClassName: "font-medium",
+							dropdownClassName: "left-auto right-0 min-w-full w-max",
+							optionClassName: "justify-start",
+							placeholder: "Year",
+							size: "compact",
+							selectionIndicator: "none",
+							"aria-label": "Select year"
+						})]
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
-						className: "text-sm text-muted-foreground",
+						className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-input bg-background-secondary text-sm text-muted-foreground transition-colors hover:border-accent hover:text-accent",
 						onClick: () => updateMonth(1),
 						"aria-label": "Next month",
 						children: "→"
@@ -118,7 +159,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 					if (!date) return /* @__PURE__ */ jsx("span", {}, `empty-${index}`);
 					return /* @__PURE__ */ jsx("button", {
 						type: "button",
-						className: `rounded-md px-0 py-2 text-sm transition-colors ${isSelected || isRangeStart || isRangeEnd ? "bg-ring text-white" : inRange ? "bg-ring/10 text-heading" : isToday ? "border border-ring text-heading" : "text-muted-foreground"}`,
+						className: `rounded-md px-0 py-2 text-sm transition-colors ${isSelected || isRangeStart || isRangeEnd ? "bg-accent text-on-accent" : inRange ? "bg-accent-subtle text-accent" : isToday ? "border border-accent text-accent" : "text-muted-foreground"}`,
 						onClick: () => handleSelect(date),
 						children: date.getDate()
 					}, date.toISOString());
@@ -134,4 +175,4 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 //#endregion
 export { Calendar as t };
 
-//# sourceMappingURL=calendar-BarcG6x_.mjs.map
+//# sourceMappingURL=calendar-DrCgT_pj.mjs.map