erp-pro-ui 0.1.0 → 0.1.2

package/dist/catalog.mjs

@@ -0,0 +1,304 @@
+//#region src/catalog.ts
+var uiCatalogItems = [
+	{
+		name: "Combobox",
+		slug: "combobox",
+		packageExportPath: "combobox",
+		storybookTitle: "Forms/Combobox"
+	},
+	{
+		name: "Button",
+		slug: "button",
+		packageExportPath: "button",
+		storybookTitle: "Forms/Button"
+	},
+	{
+		name: "Input",
+		slug: "input",
+		packageExportPath: "input",
+		storybookTitle: "Forms/Input"
+	},
+	{
+		name: "Checkbox",
+		slug: "checkbox",
+		packageExportPath: "checkbox",
+		storybookTitle: "Forms/Checkbox"
+	},
+	{
+		name: "Radio",
+		slug: "radio",
+		packageExportPath: "radio",
+		storybookTitle: "Forms/Radio"
+	},
+	{
+		name: "Switch",
+		slug: "switch",
+		packageExportPath: "switch",
+		storybookTitle: "Forms/Switch"
+	},
+	{
+		name: "Select",
+		slug: "select",
+		packageExportPath: "select",
+		storybookTitle: "Forms/Select"
+	},
+	{
+		name: "Textarea",
+		slug: "textarea",
+		packageExportPath: "textarea",
+		storybookTitle: "Forms/Textarea"
+	},
+	{
+		name: "Label",
+		slug: "label",
+		packageExportPath: "label",
+		storybookTitle: "Forms/Label"
+	},
+	{
+		name: "Dialog",
+		slug: "dialog",
+		packageExportPath: "dialog",
+		storybookTitle: "Overlays/Dialog"
+	},
+	{
+		name: "Drawer",
+		slug: "drawer",
+		packageExportPath: "drawer",
+		storybookTitle: "Layout/Drawer"
+	},
+	{
+		name: "Alert",
+		slug: "alert",
+		packageExportPath: "alert",
+		storybookTitle: "Data Display/Alert"
+	},
+	{
+		name: "Toast",
+		slug: "toast",
+		packageExportPath: "toast",
+		storybookTitle: "Data Display/Toast"
+	},
+	{
+		name: "Tooltip",
+		slug: "tooltip",
+		packageExportPath: "tooltip",
+		storybookTitle: "Layout/Tooltip"
+	},
+	{
+		name: "Accordion",
+		slug: "accordion",
+		packageExportPath: "accordion",
+		storybookTitle: "Layout/Accordion"
+	},
+	{
+		name: "Card",
+		slug: "card",
+		packageExportPath: "card",
+		storybookTitle: "Layout/Card"
+	},
+	{
+		name: "Stepper",
+		slug: "stepper",
+		packageExportPath: "stepper",
+		storybookTitle: "Layout/Stepper"
+	},
+	{
+		name: "Chip",
+		slug: "chip",
+		packageExportPath: "chip",
+		storybookTitle: "Data Display/Chip"
+	},
+	{
+		name: "Progress Bar",
+		slug: "progress-bar",
+		packageExportPath: "progress-bar",
+		storybookTitle: "Data Display/ProgressBar"
+	},
+	{
+		name: "Calendar",
+		slug: "calendar",
+		packageExportPath: "calendar",
+		storybookTitle: "Forms/Calendar"
+	},
+	{
+		name: "DatePicker",
+		slug: "datepicker",
+		packageExportPath: "date-picker",
+		storybookTitle: "Forms/DatePicker"
+	},
+	{
+		name: "MultiSelect Combobox",
+		slug: "multiselect-combobox",
+		packageExportPath: "multi-select-combobox",
+		storybookTitle: "Forms/MultiSelectCombobox"
+	},
+	{
+		name: "Hover Card",
+		slug: "hover-card",
+		packageExportPath: "hover-card",
+		storybookTitle: "Layout/HoverCard"
+	},
+	{
+		name: "Spotlight Card",
+		slug: "spotlight-card",
+		packageExportPath: "spotlight-card",
+		storybookTitle: "Visuals/SpotlightCard"
+	},
+	{
+		name: "Splash Cursor",
+		slug: "splash-cursor",
+		packageExportPath: "splash-cursor",
+		storybookTitle: "Visuals/SplashCursor"
+	},
+	{
+		name: "Chroma Grid",
+		slug: "chroma-grid",
+		packageExportPath: "chroma-grid",
+		storybookTitle: "Visuals/ChromaGrid"
+	},
+	{
+		name: "Color Palette",
+		slug: "color-palette",
+		packageExportPath: "color-palette",
+		storybookTitle: "Data Display/ColorPalette"
+	},
+	{
+		name: "Gradual Blur",
+		slug: "gradual-blur",
+		packageExportPath: "gradual-blur",
+		storybookTitle: "Visuals/GradualBlur"
+	},
+	{
+		name: "Animated Content",
+		slug: "animated-content",
+		packageExportPath: "animated-content",
+		storybookTitle: "Visuals/AnimatedContent",
+		status: "updated"
+	},
+	{
+		name: "Background Gradient",
+		slug: "background-gradient",
+		packageExportPath: "background-gradient-animation",
+		storybookTitle: "Visuals/BackgroundGradientAnimation"
+	},
+	{
+		name: "Hover Border Gradient",
+		slug: "hover-border-gradient",
+		packageExportPath: "hover-border-gradient",
+		storybookTitle: "Visuals/HoverBorderGradient"
+	},
+	{
+		name: "Button Hover Border Gradient",
+		slug: "button-hover-border-gradient",
+		packageExportPath: "button-hover-border-gradient",
+		storybookTitle: "Visuals/ButtonHoverBorderGradient"
+	},
+	{
+		name: "Password Strength Meter",
+		slug: "password-strength-meter",
+		packageExportPath: "password-strength-meter",
+		storybookTitle: "Forms/PasswordStrengthMeter"
+	},
+	{
+		name: "Sun To Moon Button",
+		slug: "sun-to-moon-button",
+		packageExportPath: "sun-to-moon-button",
+		storybookTitle: "Foundations/Theme/SunToMoonButton"
+	},
+	{
+		name: "Carousel",
+		slug: "carousel",
+		packageExportPath: "carousel",
+		storybookTitle: "Layout/Carousel"
+	},
+	{
+		name: "OTPInput",
+		slug: "otpinput",
+		packageExportPath: "otp-input",
+		storybookTitle: "Forms/OTPInput"
+	},
+	{
+		name: "Form",
+		slug: "form",
+		packageExportPath: "form",
+		storybookTitle: "Layout/Form"
+	},
+	{
+		name: "Data Table",
+		slug: "data-table",
+		packageExportPath: "data-table",
+		storybookTitle: "Data Display/DataTable"
+	},
+	{
+		name: "Loading",
+		slug: "loading",
+		packageExportPath: "loading",
+		storybookTitle: "Data Display/Loading"
+	},
+	{
+		name: "Skeleton",
+		slug: "skeleton",
+		packageExportPath: "skeleton",
+		storybookTitle: "Data Display/Skeleton"
+	},
+	{
+		name: "Area Chart",
+		slug: "area-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/AreaChart"
+	},
+	{
+		name: "Bar Chart",
+		slug: "bar-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/BarChart"
+	},
+	{
+		name: "Pie Chart",
+		slug: "pie-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/PieChart"
+	},
+	{
+		name: "Neon Line Chart",
+		slug: "neon-line-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/NeonLineChart"
+	},
+	{
+		name: "Stacked Bar Chart",
+		slug: "stacked-bar-chart",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/StackedBarChart"
+	},
+	{
+		name: "Thin Breakdown Bar",
+		slug: "thin-breakdown-bar",
+		packageExportPath: "charts",
+		storybookTitle: "Data Display/ThinBreakdownBar"
+	},
+	{
+		name: "Icons",
+		slug: "icons",
+		packageExportPath: "icons",
+		storybookTitle: "Foundations/Icons"
+	},
+	{
+		name: "Typography",
+		slug: "typography",
+		packageExportPath: "typography",
+		storybookTitle: "Foundations/Typography"
+	}
+];
+var uiCatalogStorybookTitles = uiCatalogItems.map((item) => item.storybookTitle);
+function findUiCatalogItemByStorybookTitle(storybookTitle) {
+	if (!storybookTitle) return;
+	return uiCatalogItems.find((item) => item.storybookTitle === storybookTitle);
+}
+function getUiCatalogDocsRoute(slug) {
+	return `/ui-basics/${slug}`;
+}
+//#endregion
+export { findUiCatalogItemByStorybookTitle, getUiCatalogDocsRoute, uiCatalogItems, uiCatalogStorybookTitles };
+
+//# sourceMappingURL=catalog.mjs.map

package/dist/catalog.mjs.map

@@ -0,0 +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"}

package/dist/charts.cjs

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

package/dist/charts.d.ts

@@ -0,0 +1,2 @@
+export * from './components/data-display/charts/index'
+export {}

package/dist/charts.mjs

@@ -0,0 +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 };

package/dist/checkbox.cjs

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

package/dist/checkbox.d.ts

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

package/dist/checkbox.mjs

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

package/dist/chip.cjs

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

package/dist/chip.d.ts

@@ -0,0 +1,2 @@
+export * from './components/data-display/chip/index'
+export {}

package/dist/chip.mjs

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

package/dist/chroma-grid.cjs

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

package/dist/chroma-grid.d.ts

@@ -0,0 +1,2 @@
+export * from './components/effects/chroma-grid/index'
+export {}

package/dist/chroma-grid.mjs

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

package/dist/chunks/HoverBorderGradient-DVFEIXFQ.mjs

@@ -0,0 +1,69 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+//#region src/components/effects/hover-border-gradient/HoverBorderGradient.tsx
+var movingMap = {
+	TOP: "radial-gradient(50.7% 50% at 50% 0%, var(--color-hover-gradient) 0%, transparent 100%)",
+	LEFT: "radial-gradient(25.6% 43.1% at 0% 50%, var(--color-hover-gradient) 0%, transparent 100%)",
+	BOTTOM: "radial-gradient(50.7% 50% at 50% 100%, var(--color-hover-gradient) 0%, transparent 100%)",
+	RIGHT: "radial-gradient(25.2% 41% at 100% 50%, var(--color-hover-gradient) 0%, transparent 100%)"
+};
+var highlight = `radial-gradient(85% 181% at 50% 50%, var(--color-hover-gradient) 0%, transparent 100%)`;
+function HoverBorderGradient({ containerClassName, className, duration = 1, clockwise = true, children, ...props }) {
+	const [hovered, setHovered] = useState(false);
+	const [direction, setDirection] = useState("TOP");
+	const rotateDirection = useCallback((current) => {
+		const directions = [
+			"TOP",
+			"LEFT",
+			"BOTTOM",
+			"RIGHT"
+		];
+		const index = directions.indexOf(current);
+		return directions[clockwise ? (index - 1 + directions.length) % directions.length : (index + 1) % directions.length];
+	}, [clockwise]);
+	useEffect(() => {
+		if (!hovered) {
+			const interval = setInterval(() => {
+				setDirection((prevState) => rotateDirection(prevState));
+			}, duration * 1e3);
+			return () => clearInterval(interval);
+		}
+	}, [
+		hovered,
+		duration,
+		rotateDirection
+	]);
+	const handleMouseEnter = () => setHovered(true);
+	const handleMouseLeave = () => setHovered(false);
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		className: mergeClassNames("relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-neutral-300 dark:border-white/10 p-px transition duration-500", containerClassName),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: mergeClassNames("bg-white dark:bg-neutral-900 text-neutral-900 dark:text-white z-10 w-auto rounded-[inherit] px-4 py-2", className),
+			children
+		}), /* @__PURE__ */ jsx(motion.div, {
+			className: mergeClassNames("absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]"),
+			style: {
+				filter: "blur(2px)",
+				position: "absolute",
+				width: "100%",
+				height: "100%"
+			},
+			initial: { background: movingMap[direction] },
+			animate: { background: hovered ? [movingMap[direction], highlight] : movingMap[direction] },
+			transition: {
+				ease: "linear",
+				duration: duration ?? 1
+			}
+		})]
+	});
+}
+//#endregion
+export { HoverBorderGradient as t };
+
+//# sourceMappingURL=HoverBorderGradient-DVFEIXFQ.mjs.map

package/dist/chunks/HoverBorderGradient-DVFEIXFQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverBorderGradient-DVFEIXFQ.mjs","names":[],"sources":["../../src/components/effects/hover-border-gradient/HoverBorderGradient.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\nimport { motion } from \"framer-motion\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ntype Direction = \"TOP\" | \"LEFT\" | \"BOTTOM\" | \"RIGHT\";\n\ntype HoverBorderGradientProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    containerClassName?: string;\n    className?: string;\n    duration?: number;\n    clockwise?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst movingMap: Record<Direction, string> = {\n  TOP: \"radial-gradient(50.7% 50% at 50% 0%, var(--color-hover-gradient) 0%, transparent 100%)\",\n  LEFT: \"radial-gradient(25.6% 43.1% at 0% 50%, var(--color-hover-gradient) 0%, transparent 100%)\",\n  BOTTOM:\n    \"radial-gradient(50.7% 50% at 50% 100%, var(--color-hover-gradient) 0%, transparent 100%)\",\n  RIGHT:\n    \"radial-gradient(25.2% 41% at 100% 50%, var(--color-hover-gradient) 0%, transparent 100%)\",\n};\n\nconst highlight = `radial-gradient(85% 181% at 50% 50%, var(--color-hover-gradient) 0%, transparent 100%)`;\n\nexport function HoverBorderGradient({\n  containerClassName,\n  className,\n  duration = 1,\n  clockwise = true,\n  children,\n  ...props\n}: HoverBorderGradientProps) {\n  const [hovered, setHovered] = useState(false);\n  const [direction, setDirection] = useState<Direction>(\"TOP\");\n\n  const rotateDirection = useCallback(\n    (current: Direction): Direction => {\n      const directions: Direction[] = [\"TOP\", \"LEFT\", \"BOTTOM\", \"RIGHT\"];\n      const index = directions.indexOf(current);\n      const nextIndex = clockwise\n        ? (index - 1 + directions.length) % directions.length\n        : (index + 1) % directions.length;\n      return directions[nextIndex];\n    },\n    [clockwise],\n  );\n\n  useEffect(() => {\n    if (!hovered) {\n      const interval = setInterval(() => {\n        setDirection((prevState) => rotateDirection(prevState));\n      }, duration * 1000);\n      return () => clearInterval(interval);\n    }\n  }, [hovered, duration, rotateDirection]);\n\n  const handleMouseEnter = () => setHovered(true);\n  const handleMouseLeave = () => setHovered(false);\n\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={mergeClassNames(\n        \"relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-neutral-300 dark:border-white/10 p-px transition duration-500\",\n        containerClassName,\n      )}\n      {...props}\n    >\n      <div\n        className={mergeClassNames(\n          \"bg-white dark:bg-neutral-900 text-neutral-900 dark:text-white z-10 w-auto rounded-[inherit] px-4 py-2\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n      <motion.div\n        className={mergeClassNames(\n          \"absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]\",\n        )}\n        style={{\n          filter: \"blur(2px)\",\n          position: \"absolute\",\n          width: \"100%\",\n          height: \"100%\",\n        }}\n        initial={{ background: movingMap[direction] }}\n        animate={{\n          background: hovered\n            ? [movingMap[direction], highlight]\n            : movingMap[direction],\n        }}\n        transition={{ ease: \"linear\", duration: duration ?? 1 }}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;AAeA,IAAM,YAAuC;CAC3C,KAAK;CACL,MAAM;CACN,QACE;CACF,OACE;CACH;AAED,IAAM,YAAY;AAElB,SAAgB,oBAAoB,EAClC,oBACA,WACA,WAAW,GACX,YAAY,MACZ,UACA,GAAG,SACwB;CAC3B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,WAAW,gBAAgB,SAAoB,MAAM;CAE5D,MAAM,kBAAkB,aACrB,YAAkC;EACjC,MAAM,aAA0B;GAAC;GAAO;GAAQ;GAAU;GAAQ;EAClE,MAAM,QAAQ,WAAW,QAAQ,QAAQ;AAIzC,SAAO,WAHW,aACb,QAAQ,IAAI,WAAW,UAAU,WAAW,UAC5C,QAAQ,KAAK,WAAW;IAG/B,CAAC,UAAU,CACZ;AAED,iBAAgB;AACd,MAAI,CAAC,SAAS;GACZ,MAAM,WAAW,kBAAkB;AACjC,kBAAc,cAAc,gBAAgB,UAAU,CAAC;MACtD,WAAW,IAAK;AACnB,gBAAa,cAAc,SAAS;;IAErC;EAAC;EAAS;EAAU;EAAgB,CAAC;CAExC,MAAM,yBAAyB,WAAW,KAAK;CAC/C,MAAM,yBAAyB,WAAW,MAAM;AAEhD,QACE,qBAAC,UAAD;EACE,MAAK;EACL,cAAc;EACd,cAAc;EACd,WAAW,gBACT,4MACA,mBACD;EACD,GAAI;YARN,CAUE,oBAAC,OAAD;GACE,WAAW,gBACT,yGACA,UACD;GAEA;GACG,CAAA,EACN,oBAAC,OAAO,KAAR;GACE,WAAW,gBACT,mEACD;GACD,OAAO;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,QAAQ;IACT;GACD,SAAS,EAAE,YAAY,UAAU,YAAY;GAC7C,SAAS,EACP,YAAY,UACR,CAAC,UAAU,YAAY,UAAU,GACjC,UAAU,YACf;GACD,YAAY;IAAE,MAAM;IAAU,UAAU,YAAY;IAAG;GACvD,CAAA,CACK"}

package/dist/chunks/HoverBorderGradient-Df3PKpw6.cjs

@@ -0,0 +1,75 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-B4SmmY4J.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let framer_motion = require("framer-motion");
+//#region src/components/effects/hover-border-gradient/HoverBorderGradient.tsx
+var movingMap = {
+	TOP: "radial-gradient(50.7% 50% at 50% 0%, var(--color-hover-gradient) 0%, transparent 100%)",
+	LEFT: "radial-gradient(25.6% 43.1% at 0% 50%, var(--color-hover-gradient) 0%, transparent 100%)",
+	BOTTOM: "radial-gradient(50.7% 50% at 50% 100%, var(--color-hover-gradient) 0%, transparent 100%)",
+	RIGHT: "radial-gradient(25.2% 41% at 100% 50%, var(--color-hover-gradient) 0%, transparent 100%)"
+};
+var highlight = `radial-gradient(85% 181% at 50% 50%, var(--color-hover-gradient) 0%, transparent 100%)`;
+function HoverBorderGradient({ containerClassName, className, duration = 1, clockwise = true, children, ...props }) {
+	const [hovered, setHovered] = (0, react.useState)(false);
+	const [direction, setDirection] = (0, react.useState)("TOP");
+	const rotateDirection = (0, react.useCallback)((current) => {
+		const directions = [
+			"TOP",
+			"LEFT",
+			"BOTTOM",
+			"RIGHT"
+		];
+		const index = directions.indexOf(current);
+		return directions[clockwise ? (index - 1 + directions.length) % directions.length : (index + 1) % directions.length];
+	}, [clockwise]);
+	(0, react.useEffect)(() => {
+		if (!hovered) {
+			const interval = setInterval(() => {
+				setDirection((prevState) => rotateDirection(prevState));
+			}, duration * 1e3);
+			return () => clearInterval(interval);
+		}
+	}, [
+		hovered,
+		duration,
+		rotateDirection
+	]);
+	const handleMouseEnter = () => setHovered(true);
+	const handleMouseLeave = () => setHovered(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		className: require_utils.mergeClassNames("relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-neutral-300 dark:border-white/10 p-px transition duration-500", containerClassName),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.mergeClassNames("bg-white dark:bg-neutral-900 text-neutral-900 dark:text-white z-10 w-auto rounded-[inherit] px-4 py-2", className),
+			children
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+			className: require_utils.mergeClassNames("absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]"),
+			style: {
+				filter: "blur(2px)",
+				position: "absolute",
+				width: "100%",
+				height: "100%"
+			},
+			initial: { background: movingMap[direction] },
+			animate: { background: hovered ? [movingMap[direction], highlight] : movingMap[direction] },
+			transition: {
+				ease: "linear",
+				duration: duration ?? 1
+			}
+		})]
+	});
+}
+//#endregion
+Object.defineProperty(exports, "HoverBorderGradient", {
+	enumerable: true,
+	get: function() {
+		return HoverBorderGradient;
+	}
+});
+
+//# sourceMappingURL=HoverBorderGradient-Df3PKpw6.cjs.map

package/dist/chunks/HoverBorderGradient-Df3PKpw6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverBorderGradient-Df3PKpw6.cjs","names":[],"sources":["../../src/components/effects/hover-border-gradient/HoverBorderGradient.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\nimport { motion } from \"framer-motion\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ntype Direction = \"TOP\" | \"LEFT\" | \"BOTTOM\" | \"RIGHT\";\n\ntype HoverBorderGradientProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    containerClassName?: string;\n    className?: string;\n    duration?: number;\n    clockwise?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst movingMap: Record<Direction, string> = {\n  TOP: \"radial-gradient(50.7% 50% at 50% 0%, var(--color-hover-gradient) 0%, transparent 100%)\",\n  LEFT: \"radial-gradient(25.6% 43.1% at 0% 50%, var(--color-hover-gradient) 0%, transparent 100%)\",\n  BOTTOM:\n    \"radial-gradient(50.7% 50% at 50% 100%, var(--color-hover-gradient) 0%, transparent 100%)\",\n  RIGHT:\n    \"radial-gradient(25.2% 41% at 100% 50%, var(--color-hover-gradient) 0%, transparent 100%)\",\n};\n\nconst highlight = `radial-gradient(85% 181% at 50% 50%, var(--color-hover-gradient) 0%, transparent 100%)`;\n\nexport function HoverBorderGradient({\n  containerClassName,\n  className,\n  duration = 1,\n  clockwise = true,\n  children,\n  ...props\n}: HoverBorderGradientProps) {\n  const [hovered, setHovered] = useState(false);\n  const [direction, setDirection] = useState<Direction>(\"TOP\");\n\n  const rotateDirection = useCallback(\n    (current: Direction): Direction => {\n      const directions: Direction[] = [\"TOP\", \"LEFT\", \"BOTTOM\", \"RIGHT\"];\n      const index = directions.indexOf(current);\n      const nextIndex = clockwise\n        ? (index - 1 + directions.length) % directions.length\n        : (index + 1) % directions.length;\n      return directions[nextIndex];\n    },\n    [clockwise],\n  );\n\n  useEffect(() => {\n    if (!hovered) {\n      const interval = setInterval(() => {\n        setDirection((prevState) => rotateDirection(prevState));\n      }, duration * 1000);\n      return () => clearInterval(interval);\n    }\n  }, [hovered, duration, rotateDirection]);\n\n  const handleMouseEnter = () => setHovered(true);\n  const handleMouseLeave = () => setHovered(false);\n\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={mergeClassNames(\n        \"relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-neutral-300 dark:border-white/10 p-px transition duration-500\",\n        containerClassName,\n      )}\n      {...props}\n    >\n      <div\n        className={mergeClassNames(\n          \"bg-white dark:bg-neutral-900 text-neutral-900 dark:text-white z-10 w-auto rounded-[inherit] px-4 py-2\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n      <motion.div\n        className={mergeClassNames(\n          \"absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]\",\n        )}\n        style={{\n          filter: \"blur(2px)\",\n          position: \"absolute\",\n          width: \"100%\",\n          height: \"100%\",\n        }}\n        initial={{ background: movingMap[direction] }}\n        animate={{\n          background: hovered\n            ? [movingMap[direction], highlight]\n            : movingMap[direction],\n        }}\n        transition={{ ease: \"linear\", duration: duration ?? 1 }}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAeA,IAAM,YAAuC;CAC3C,KAAK;CACL,MAAM;CACN,QACE;CACF,OACE;CACH;AAED,IAAM,YAAY;AAElB,SAAgB,oBAAoB,EAClC,oBACA,WACA,WAAW,GACX,YAAY,MACZ,UACA,GAAG,SACwB;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAoC,MAAM;CAE5D,MAAM,mBAAA,GAAA,MAAA,cACH,YAAkC;EACjC,MAAM,aAA0B;GAAC;GAAO;GAAQ;GAAU;GAAQ;EAClE,MAAM,QAAQ,WAAW,QAAQ,QAAQ;AAIzC,SAAO,WAHW,aACb,QAAQ,IAAI,WAAW,UAAU,WAAW,UAC5C,QAAQ,KAAK,WAAW;IAG/B,CAAC,UAAU,CACZ;AAED,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,SAAS;GACZ,MAAM,WAAW,kBAAkB;AACjC,kBAAc,cAAc,gBAAgB,UAAU,CAAC;MACtD,WAAW,IAAK;AACnB,gBAAa,cAAc,SAAS;;IAErC;EAAC;EAAS;EAAU;EAAgB,CAAC;CAExC,MAAM,yBAAyB,WAAW,KAAK;CAC/C,MAAM,yBAAyB,WAAW,MAAM;AAEhD,QACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACE,MAAK;EACL,cAAc;EACd,cAAc;EACd,WAAW,cAAA,gBACT,4MACA,mBACD;EACD,GAAI;YARN,CAUE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,yGACA,UACD;GAEA;GACG,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;GACE,WAAW,cAAA,gBACT,mEACD;GACD,OAAO;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,QAAQ;IACT;GACD,SAAS,EAAE,YAAY,UAAU,YAAY;GAC7C,SAAS,EACP,YAAY,UACR,CAAC,UAAU,YAAY,UAAU,GACjC,UAAU,YACf;GACD,YAAY;IAAE,MAAM;IAAU,UAAU,YAAY;IAAG;GACvD,CAAA,CACK"}

package/dist/chunks/accordion-Cbt-SJhj.mjs

@@ -0,0 +1,66 @@
+import { N as ChevronDownIcon } from "./icons-DuumN7z-.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/navigation/accordion/Accordion.tsx
+var cx = (...classes) => classes.filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
+var caret = /* @__PURE__ */ jsx(ChevronDownIcon, {
+	className: "h-5 w-5 transition-transform duration-300",
+	"aria-hidden": "true"
+});
+var Accordion = ({ items, type = "single", defaultOpenIds = type === "single" && items.length ? [items[0].id] : [], value, onValueChange, className = "", separated = false }) => {
+	const [internalOpen, setInternalOpen] = useState(defaultOpenIds);
+	const controlled = Array.isArray(value);
+	const openItems = controlled ? value : internalOpen;
+	const toggleItem = (id) => {
+		let next;
+		const isOpen = openItems.includes(id);
+		if (type === "single") next = isOpen ? [] : [id];
+		else next = isOpen ? openItems.filter((openId) => openId !== id) : [...openItems, id];
+		if (!controlled) setInternalOpen(next);
+		onValueChange?.(next);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("space-y-3", className),
+		children: items.map((item) => {
+			const open = openItems.includes(item.id);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cx("rounded-xl backdrop-blur-2xl transition-all duration-300", "bg-white/60 border border-white/40 shadow-lg shadow-neutral-200/50", "dark:bg-neutral-900/50 dark:border-white/10 dark:shadow-neutral-950/50", "hover:bg-white/80 hover:shadow-xl hover:border-white/60", "dark:hover:bg-neutral-800/60 dark:hover:border-white/20", open && "ring-2 ring-focus/40", separated ? "p-0" : ""),
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: cx("flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200", "text-neutral-700 dark:text-neutral-200", "hover:bg-white/40 dark:hover:bg-white/5", separated ? "border-b border-neutral-200/50 dark:border-white/10" : "", item.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"),
+					"aria-expanded": open,
+					"aria-controls": `${item.id}-content`,
+					id: `${item.id}-trigger`,
+					onClick: () => !item.disabled && toggleItem(item.id),
+					disabled: item.disabled,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "text-left flex-1",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-base font-semibold text-neutral-900 dark:text-white",
+							children: item.title
+						}), item.description && /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-neutral-500 dark:text-neutral-400 mt-0.5",
+							children: item.description
+						})]
+					}), /* @__PURE__ */ jsx("span", {
+						className: cx("p-1.5 rounded-lg transition-all duration-300", "bg-neutral-100/80 dark:bg-white/10", "text-neutral-600 dark:text-neutral-300", open && "rotate-180 bg-accent-subtle text-accent"),
+						children: caret
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					id: `${item.id}-content`,
+					role: "region",
+					"aria-labelledby": `${item.id}-trigger`,
+					className: cx("overflow-hidden transition-all duration-300 ease-in-out", open ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"),
+					children: /* @__PURE__ */ jsx("div", {
+						className: "px-5 pb-5 pt-2 text-sm text-neutral-600 dark:text-neutral-300 leading-relaxed",
+						children: item.content
+					})
+				})]
+			}, item.id);
+		})
+	});
+};
+//#endregion
+export { Accordion as t };
+
+//# sourceMappingURL=accordion-Cbt-SJhj.mjs.map

package/dist/chunks/accordion-Cbt-SJhj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-Cbt-SJhj.mjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              // Glass effect base\n              \"rounded-xl backdrop-blur-2xl transition-all duration-300\",\n              // Light mode glass\n              \"bg-white/60 border border-white/40 shadow-lg shadow-neutral-200/50\",\n              // Dark mode glass\n              \"dark:bg-neutral-900/50 dark:border-white/10 dark:shadow-neutral-950/50\",\n              // Hover effects\n              \"hover:bg-white/80 hover:shadow-xl hover:border-white/60\",\n              \"dark:hover:bg-neutral-800/60 dark:hover:border-white/20\",\n              // Ring highlight on open\n              open && \"ring-2 ring-focus/40\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                // Text colors\n                \"text-neutral-700 dark:text-neutral-200\",\n                // Hover state\n                \"hover:bg-white/40 dark:hover:bg-white/5\",\n                separated\n                  ? \"border-b border-neutral-200/50 dark:border-white/10\"\n                  : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-neutral-900 dark:text-white\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-0.5\">\n                    {item.description}\n                  </p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-neutral-100/80 dark:bg-white/10\",\n                  \"text-neutral-600 dark:text-neutral-300\",\n                  open && \"rotate-180 bg-accent-subtle text-accent\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm text-neutral-600 dark:text-neutral-300 leading-relaxed\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,MAAM;AAE/D,IAAM,QACJ,oBAAC,iBAAD;CACE,WAAU;CACV,eAAY;CACZ,CAAA;AAGJ,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,EACvE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,mBAAmB,SAAmB,eAAe;CAC1E,MAAM,aAAa,MAAM,QAAQ,MAAM;CACvC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,GAAG;AAErC,MAAI,SAAS,SACX,QAAO,SAAS,EAAE,GAAG,CAAC,GAAG;MAEzB,QAAO,SACH,UAAU,QAAQ,WAAW,WAAW,GAAG,GAC3C,CAAC,GAAG,WAAW,GAAG;AAGxB,MAAI,CAAC,WACH,iBAAgB,KAAK;AAEvB,kBAAgB,KAAK;;AAGvB,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YACvC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,GAAG;AACxC,UACE,qBAAC,OAAD;IAEE,WAAW,GAET,4DAEA,sEAEA,0EAEA,2DACA,2DAEA,QAAQ,wBACR,YAAY,QAAQ,GACrB;cAfH,CAiBE,qBAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGAEA,0CAEA,2CACA,YACI,wDACA,IACJ,KAAK,WACD,kCACA,iBACL;KACD,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,GAAG;KACpD,UAAU,KAAK;eAnBjB,CAqBE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,EACH,KAAK,eACJ,oBAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,CAEF;SACN,oBAAC,QAAD;MACE,WAAW,GACT,gDACA,sCACA,0CACA,QAAQ,0CACT;gBAEA;MACI,CAAA,CACA;QACT,oBAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,oBACvC;eAED,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,CAAA;KACF,CAAA,CACF;MAvEC,KAAK,GAuEN;IAER;EACE,CAAA"}