erp-pro-ui 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calendar.cjs +1 -1
- package/dist/calendar.mjs +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.mjs +1 -1
- package/dist/carousel.cjs +1 -1
- package/dist/carousel.mjs +1 -1
- package/dist/catalog.cjs +6 -0
- package/dist/catalog.cjs.map +1 -1
- package/dist/catalog.d.ts +11 -1
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.mjs +6 -0
- package/dist/catalog.mjs.map +1 -1
- package/dist/charts.cjs +2 -1
- package/dist/charts.mjs +2 -2
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.mjs +1 -1
- package/dist/chip.cjs +1 -1
- package/dist/chip.mjs +1 -1
- package/dist/chroma-grid.cjs +1 -1
- package/dist/chroma-grid.mjs +1 -1
- package/dist/chunks/{calendar-xrGmvukr.cjs → calendar-Cpp_Rc7T.cjs} +58 -17
- package/dist/chunks/calendar-Cpp_Rc7T.cjs.map +1 -0
- package/dist/chunks/{calendar-BarcG6x_.mjs → calendar-DrCgT_pj.mjs} +58 -17
- package/dist/chunks/calendar-DrCgT_pj.mjs.map +1 -0
- package/dist/chunks/{card-gt-HZh0h.cjs → card-C5_tFK6Q.cjs} +1 -1
- package/dist/chunks/{card-gt-HZh0h.cjs.map → card-C5_tFK6Q.cjs.map} +1 -1
- package/dist/chunks/{card-CcIF6z2H.mjs → card-Dh8wNv8N.mjs} +1 -1
- package/dist/chunks/{card-CcIF6z2H.mjs.map → card-Dh8wNv8N.mjs.map} +1 -1
- package/dist/chunks/{carousel-DJdqBVRK.mjs → carousel-BYwqI4cA.mjs} +1 -1
- package/dist/chunks/{carousel-DJdqBVRK.mjs.map → carousel-BYwqI4cA.mjs.map} +1 -1
- package/dist/chunks/{carousel-Cq5uwqQt.cjs → carousel-C1338X8h.cjs} +1 -1
- package/dist/chunks/{carousel-Cq5uwqQt.cjs.map → carousel-C1338X8h.cjs.map} +1 -1
- package/dist/chunks/{charts-DugYWvEf.mjs → charts-BYvM4TMG.mjs} +371 -117
- package/dist/chunks/charts-BYvM4TMG.mjs.map +1 -0
- package/dist/chunks/{charts-BpElnsoR.cjs → charts-DbxyHtlX.cjs} +375 -115
- package/dist/chunks/charts-DbxyHtlX.cjs.map +1 -0
- package/dist/chunks/{checkbox-yHuSw-hV.cjs → checkbox-CxOcjoGP.cjs} +1 -1
- package/dist/chunks/{checkbox-yHuSw-hV.cjs.map → checkbox-CxOcjoGP.cjs.map} +1 -1
- package/dist/chunks/{checkbox-DvwlGwWe.mjs → checkbox-Pr49U9F1.mjs} +1 -1
- package/dist/chunks/{checkbox-DvwlGwWe.mjs.map → checkbox-Pr49U9F1.mjs.map} +1 -1
- package/dist/chunks/{chip-DcBji__g.cjs → chip-B4ol1yPk.cjs} +1 -1
- package/dist/chunks/{chip-DcBji__g.cjs.map → chip-B4ol1yPk.cjs.map} +1 -1
- package/dist/chunks/{chip-BGSUmnlO.mjs → chip-DdnBLdpl.mjs} +1 -1
- package/dist/chunks/{chip-BGSUmnlO.mjs.map → chip-DdnBLdpl.mjs.map} +1 -1
- package/dist/chunks/{chroma-grid-Cdeql_2C.mjs → chroma-grid-BAo6V5A7.mjs} +1 -1
- package/dist/chunks/{chroma-grid-Cdeql_2C.mjs.map → chroma-grid-BAo6V5A7.mjs.map} +1 -1
- package/dist/chunks/{chroma-grid-9E9j1s9I.cjs → chroma-grid-CIk0dsNS.cjs} +1 -1
- package/dist/chunks/{chroma-grid-9E9j1s9I.cjs.map → chroma-grid-CIk0dsNS.cjs.map} +1 -1
- package/dist/chunks/{color-palette-BLvDnCOD.cjs → color-palette-2TuEMkAn.cjs} +1 -1
- package/dist/chunks/{color-palette-BLvDnCOD.cjs.map → color-palette-2TuEMkAn.cjs.map} +1 -1
- package/dist/chunks/{color-palette-CXlCDiZz.mjs → color-palette-euKQMWlV.mjs} +1 -1
- package/dist/chunks/{color-palette-CXlCDiZz.mjs.map → color-palette-euKQMWlV.mjs.map} +1 -1
- package/dist/chunks/{combobox-BXu3s0dt.cjs → combobox-CwGubKTt.cjs} +2 -2
- package/dist/chunks/combobox-CwGubKTt.cjs.map +1 -0
- package/dist/chunks/{combobox-CjK-qG4k.mjs → combobox-DrFmkI0F.mjs} +2 -2
- package/dist/chunks/combobox-DrFmkI0F.mjs.map +1 -0
- package/dist/chunks/{data-table-DyEQn9Yj.mjs → data-table-Bo80m7qV.mjs} +8 -8
- package/dist/chunks/{data-table-DyEQn9Yj.mjs.map → data-table-Bo80m7qV.mjs.map} +1 -1
- package/dist/chunks/{data-table-9HELVsYR.cjs → data-table-W1sK5tkL.cjs} +8 -8
- package/dist/chunks/{data-table-9HELVsYR.cjs.map → data-table-W1sK5tkL.cjs.map} +1 -1
- package/dist/chunks/{date-picker-D8gaaMlJ.mjs → date-picker-CNPORxhv.mjs} +87 -17
- package/dist/chunks/date-picker-CNPORxhv.mjs.map +1 -0
- package/dist/chunks/{date-picker-W9om1j7A.cjs → date-picker-CZo68Fkl.cjs} +87 -17
- package/dist/chunks/date-picker-CZo68Fkl.cjs.map +1 -0
- package/dist/chunks/input-BWM6G7jq.cjs +117 -0
- package/dist/chunks/input-BWM6G7jq.cjs.map +1 -0
- package/dist/chunks/input-Bt_r_B_c.mjs +105 -0
- package/dist/chunks/input-Bt_r_B_c.mjs.map +1 -0
- package/dist/chunks/{multi-select-combobox-ELSH_Xr4.mjs → multi-select-combobox-D46M-AN9.mjs} +2 -2
- package/dist/chunks/multi-select-combobox-D46M-AN9.mjs.map +1 -0
- package/dist/chunks/{multi-select-combobox-UW0X15W7.cjs → multi-select-combobox-dS6bJE_e.cjs} +2 -2
- package/dist/chunks/multi-select-combobox-dS6bJE_e.cjs.map +1 -0
- package/dist/chunks/{otp-input-B6zzOEqw.cjs → otp-input-DSW9Ca_D.cjs} +2 -2
- package/dist/chunks/otp-input-DSW9Ca_D.cjs.map +1 -0
- package/dist/chunks/{otp-input-Bg4nQG6x.mjs → otp-input-DeAi4nJ_.mjs} +2 -2
- package/dist/chunks/otp-input-DeAi4nJ_.mjs.map +1 -0
- package/dist/chunks/{progress-bar-C9FZDrju.mjs → progress-bar-B9sy7WBT.mjs} +1 -1
- package/dist/chunks/{progress-bar-C9FZDrju.mjs.map → progress-bar-B9sy7WBT.mjs.map} +1 -1
- package/dist/chunks/{progress-bar-C1OvQ-NI.cjs → progress-bar-BdvQtpm3.cjs} +1 -1
- package/dist/chunks/{progress-bar-C1OvQ-NI.cjs.map → progress-bar-BdvQtpm3.cjs.map} +1 -1
- package/dist/chunks/select-B8UQ6Uq5.mjs +170 -0
- package/dist/chunks/select-B8UQ6Uq5.mjs.map +1 -0
- package/dist/chunks/select-CCUSMvfS.cjs +176 -0
- package/dist/chunks/select-CCUSMvfS.cjs.map +1 -0
- package/dist/chunks/stepper-D6qQbZdg.cjs +642 -0
- package/dist/chunks/stepper-D6qQbZdg.cjs.map +1 -0
- package/dist/chunks/stepper-DUknuW2E.mjs +618 -0
- package/dist/chunks/stepper-DUknuW2E.mjs.map +1 -0
- package/dist/chunks/{textarea-CU5C-Zw9.mjs → textarea-Blky_fLK.mjs} +2 -2
- package/dist/chunks/{textarea-CU5C-Zw9.mjs.map → textarea-Blky_fLK.mjs.map} +1 -1
- package/dist/chunks/{textarea-CAUsyu4-.cjs → textarea-ok_NlE2p.cjs} +2 -2
- package/dist/chunks/textarea-ok_NlE2p.cjs.map +1 -0
- package/dist/color-palette.cjs +1 -1
- package/dist/color-palette.mjs +1 -1
- package/dist/colors.css +3 -0
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.mjs +1 -1
- package/dist/components/data-display/charts/AreaChart.d.ts.map +1 -1
- package/dist/components/data-display/charts/BarChart.d.ts +1 -0
- package/dist/components/data-display/charts/BarChart.d.ts.map +1 -1
- package/dist/components/data-display/charts/NeonLineChart.d.ts.map +1 -1
- package/dist/components/data-display/charts/PieChart.d.ts +18 -2
- package/dist/components/data-display/charts/PieChart.d.ts.map +1 -1
- package/dist/components/data-display/charts/PositiveNegativeBarChart.d.ts +21 -0
- package/dist/components/data-display/charts/PositiveNegativeBarChart.d.ts.map +1 -0
- package/dist/components/data-display/charts/StackedBarChart.d.ts.map +1 -1
- package/dist/components/data-display/charts/ThinBreakdownBar.d.ts +3 -0
- package/dist/components/data-display/charts/ThinBreakdownBar.d.ts.map +1 -1
- package/dist/components/data-display/charts/chartStyles.d.ts +24 -0
- package/dist/components/data-display/charts/chartStyles.d.ts.map +1 -0
- package/dist/components/data-display/charts/index.d.ts +2 -0
- package/dist/components/data-display/charts/index.d.ts.map +1 -1
- package/dist/components/forms/calendar/Calendar.d.ts.map +1 -1
- package/dist/components/forms/date-picker/DatePicker.d.ts.map +1 -1
- package/dist/components/forms/input/Input.d.ts.map +1 -1
- package/dist/components/forms/input/types.d.ts +5 -0
- package/dist/components/forms/input/types.d.ts.map +1 -1
- package/dist/components/forms/select/Select.d.ts.map +1 -1
- package/dist/components/forms/select/types.d.ts +7 -1
- package/dist/components/forms/select/types.d.ts.map +1 -1
- package/dist/components/navigation/stepper/Stepper1.d.ts +4 -0
- package/dist/components/navigation/stepper/Stepper1.d.ts.map +1 -0
- package/dist/components/navigation/stepper/Stepper2.d.ts +5 -0
- package/dist/components/navigation/stepper/Stepper2.d.ts.map +1 -0
- package/dist/components/navigation/stepper/index.d.ts +4 -1
- package/dist/components/navigation/stepper/index.d.ts.map +1 -1
- package/dist/components/navigation/stepper/types.d.ts +85 -0
- package/dist/components/navigation/stepper/types.d.ts.map +1 -1
- package/dist/data-table.cjs +1 -1
- package/dist/data-table.mjs +1 -1
- package/dist/date-picker.cjs +1 -1
- package/dist/date-picker.mjs +1 -1
- package/dist/docs.cjs +10 -0
- package/dist/docs.cjs.map +1 -1
- package/dist/docs.d.ts.map +1 -1
- package/dist/docs.mjs +10 -0
- package/dist/docs.mjs.map +1 -1
- package/dist/foundation.css +7 -0
- package/dist/index.cjs +23 -18
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +19 -19
- package/dist/input.cjs +1 -1
- package/dist/input.mjs +1 -1
- package/dist/multi-select-combobox.cjs +1 -1
- package/dist/multi-select-combobox.mjs +1 -1
- package/dist/otp-input.cjs +1 -1
- package/dist/otp-input.mjs +1 -1
- package/dist/progress-bar.cjs +1 -1
- package/dist/progress-bar.mjs +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.mjs +1 -1
- package/dist/stepper.cjs +5 -1
- package/dist/stepper.mjs +2 -2
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.mjs +1 -1
- package/dist/tokens.css +11 -2
- package/package.json +4 -4
- package/dist/chunks/calendar-BarcG6x_.mjs.map +0 -1
- package/dist/chunks/calendar-xrGmvukr.cjs.map +0 -1
- package/dist/chunks/charts-BpElnsoR.cjs.map +0 -1
- package/dist/chunks/charts-DugYWvEf.mjs.map +0 -1
- package/dist/chunks/combobox-BXu3s0dt.cjs.map +0 -1
- package/dist/chunks/combobox-CjK-qG4k.mjs.map +0 -1
- package/dist/chunks/date-picker-D8gaaMlJ.mjs.map +0 -1
- package/dist/chunks/date-picker-W9om1j7A.cjs.map +0 -1
- package/dist/chunks/input-D9qZNqXV.cjs +0 -99
- package/dist/chunks/input-D9qZNqXV.cjs.map +0 -1
- package/dist/chunks/input-wNqevfQ4.mjs +0 -87
- package/dist/chunks/input-wNqevfQ4.mjs.map +0 -1
- package/dist/chunks/multi-select-combobox-ELSH_Xr4.mjs.map +0 -1
- package/dist/chunks/multi-select-combobox-UW0X15W7.cjs.map +0 -1
- package/dist/chunks/otp-input-B6zzOEqw.cjs.map +0 -1
- package/dist/chunks/otp-input-Bg4nQG6x.mjs.map +0 -1
- package/dist/chunks/select-D71tk6-I.mjs +0 -152
- package/dist/chunks/select-D71tk6-I.mjs.map +0 -1
- package/dist/chunks/select-WC_kPqUP.cjs +0 -158
- package/dist/chunks/select-WC_kPqUP.cjs.map +0 -1
- package/dist/chunks/stepper-D4yQsQB0.mjs +0 -261
- package/dist/chunks/stepper-D4yQsQB0.mjs.map +0 -1
- package/dist/chunks/stepper-fY-Sx72k.cjs +0 -267
- package/dist/chunks/stepper-fY-Sx72k.cjs.map +0 -1
- package/dist/chunks/textarea-CAUsyu4-.cjs.map +0 -1
package/dist/calendar.cjs
CHANGED
package/dist/calendar.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Calendar } from "./chunks/calendar-
|
|
1
|
+
import { t as Calendar } from "./chunks/calendar-DrCgT_pj.mjs";
|
|
2
2
|
export { Calendar };
|
package/dist/card.cjs
CHANGED
package/dist/card.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Card } from "./chunks/card-
|
|
1
|
+
import { t as Card } from "./chunks/card-Dh8wNv8N.mjs";
|
|
2
2
|
export { Card };
|
package/dist/carousel.cjs
CHANGED
package/dist/carousel.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Carousel } from "./chunks/carousel-
|
|
1
|
+
import { t as Carousel } from "./chunks/carousel-BYwqI4cA.mjs";
|
|
2
2
|
export { Carousel };
|
package/dist/catalog.cjs
CHANGED
|
@@ -254,6 +254,12 @@ var uiCatalogItems = [
|
|
|
254
254
|
packageExportPath: "charts",
|
|
255
255
|
storybookTitle: "Data Display/BarChart"
|
|
256
256
|
},
|
|
257
|
+
{
|
|
258
|
+
name: "Positive Negative Bar Chart",
|
|
259
|
+
slug: "positive-negative-bar-chart",
|
|
260
|
+
packageExportPath: "charts",
|
|
261
|
+
storybookTitle: "Data Display/PositiveNegativeBarChart"
|
|
262
|
+
},
|
|
257
263
|
{
|
|
258
264
|
name: "Pie Chart",
|
|
259
265
|
slug: "pie-chart",
|
package/dist/catalog.cjs.map
CHANGED
|
@@ -1 +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"}
|
|
1
|
+
{"version":3,"file":"catalog.cjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n readonly name: string;\n readonly slug: string;\n readonly packageExportPath: string;\n readonly storybookTitle: string;\n readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n {\n name: \"Combobox\",\n slug: \"combobox\",\n packageExportPath: \"combobox\",\n storybookTitle: \"Forms/Combobox\",\n },\n {\n name: \"Button\",\n slug: \"button\",\n packageExportPath: \"button\",\n storybookTitle: \"Forms/Button\",\n },\n {\n name: \"Input\",\n slug: \"input\",\n packageExportPath: \"input\",\n storybookTitle: \"Forms/Input\",\n },\n {\n name: \"Checkbox\",\n slug: \"checkbox\",\n packageExportPath: \"checkbox\",\n storybookTitle: \"Forms/Checkbox\",\n },\n {\n name: \"Radio\",\n slug: \"radio\",\n packageExportPath: \"radio\",\n storybookTitle: \"Forms/Radio\",\n },\n {\n name: \"Switch\",\n slug: \"switch\",\n packageExportPath: \"switch\",\n storybookTitle: \"Forms/Switch\",\n },\n {\n name: \"Select\",\n slug: \"select\",\n packageExportPath: \"select\",\n storybookTitle: \"Forms/Select\",\n },\n {\n name: \"Textarea\",\n slug: \"textarea\",\n packageExportPath: \"textarea\",\n storybookTitle: \"Forms/Textarea\",\n },\n {\n name: \"Label\",\n slug: \"label\",\n packageExportPath: \"label\",\n storybookTitle: \"Forms/Label\",\n },\n {\n name: \"Dialog\",\n slug: \"dialog\",\n packageExportPath: \"dialog\",\n storybookTitle: \"Overlays/Dialog\",\n },\n {\n name: \"Drawer\",\n slug: \"drawer\",\n packageExportPath: \"drawer\",\n storybookTitle: \"Layout/Drawer\",\n },\n {\n name: \"Alert\",\n slug: \"alert\",\n packageExportPath: \"alert\",\n storybookTitle: \"Data Display/Alert\",\n },\n {\n name: \"Toast\",\n slug: \"toast\",\n packageExportPath: \"toast\",\n storybookTitle: \"Data Display/Toast\",\n },\n {\n name: \"Tooltip\",\n slug: \"tooltip\",\n packageExportPath: \"tooltip\",\n storybookTitle: \"Layout/Tooltip\",\n },\n {\n name: \"Accordion\",\n slug: \"accordion\",\n packageExportPath: \"accordion\",\n storybookTitle: \"Layout/Accordion\",\n },\n {\n name: \"Card\",\n slug: \"card\",\n packageExportPath: \"card\",\n storybookTitle: \"Layout/Card\",\n },\n {\n name: \"Stepper\",\n slug: \"stepper\",\n packageExportPath: \"stepper\",\n storybookTitle: \"Layout/Stepper\",\n },\n {\n name: \"Chip\",\n slug: \"chip\",\n packageExportPath: \"chip\",\n storybookTitle: \"Data Display/Chip\",\n },\n {\n name: \"Progress Bar\",\n slug: \"progress-bar\",\n packageExportPath: \"progress-bar\",\n storybookTitle: \"Data Display/ProgressBar\",\n },\n {\n name: \"Calendar\",\n slug: \"calendar\",\n packageExportPath: \"calendar\",\n storybookTitle: \"Forms/Calendar\",\n },\n {\n name: \"DatePicker\",\n slug: \"datepicker\",\n packageExportPath: \"date-picker\",\n storybookTitle: \"Forms/DatePicker\",\n },\n {\n name: \"MultiSelect Combobox\",\n slug: \"multiselect-combobox\",\n packageExportPath: \"multi-select-combobox\",\n storybookTitle: \"Forms/MultiSelectCombobox\",\n },\n {\n name: \"Hover Card\",\n slug: \"hover-card\",\n packageExportPath: \"hover-card\",\n storybookTitle: \"Layout/HoverCard\",\n },\n {\n name: \"Spotlight Card\",\n slug: \"spotlight-card\",\n packageExportPath: \"spotlight-card\",\n storybookTitle: \"Visuals/SpotlightCard\",\n },\n {\n name: \"Splash Cursor\",\n slug: \"splash-cursor\",\n packageExportPath: \"splash-cursor\",\n storybookTitle: \"Visuals/SplashCursor\",\n },\n {\n name: \"Chroma Grid\",\n slug: \"chroma-grid\",\n packageExportPath: \"chroma-grid\",\n storybookTitle: \"Visuals/ChromaGrid\",\n },\n {\n name: \"Color Palette\",\n slug: \"color-palette\",\n packageExportPath: \"color-palette\",\n storybookTitle: \"Data Display/ColorPalette\",\n },\n {\n name: \"Gradual Blur\",\n slug: \"gradual-blur\",\n packageExportPath: \"gradual-blur\",\n storybookTitle: \"Visuals/GradualBlur\",\n },\n {\n name: \"Animated Content\",\n slug: \"animated-content\",\n packageExportPath: \"animated-content\",\n storybookTitle: \"Visuals/AnimatedContent\",\n status: \"updated\",\n },\n {\n name: \"Background Gradient\",\n slug: \"background-gradient\",\n packageExportPath: \"background-gradient-animation\",\n storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n },\n {\n name: \"Hover Border Gradient\",\n slug: \"hover-border-gradient\",\n packageExportPath: \"hover-border-gradient\",\n storybookTitle: \"Visuals/HoverBorderGradient\",\n },\n {\n name: \"Button Hover Border Gradient\",\n slug: \"button-hover-border-gradient\",\n packageExportPath: \"button-hover-border-gradient\",\n storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n },\n {\n name: \"Password Strength Meter\",\n slug: \"password-strength-meter\",\n packageExportPath: \"password-strength-meter\",\n storybookTitle: \"Forms/PasswordStrengthMeter\",\n },\n {\n name: \"Sun To Moon Button\",\n slug: \"sun-to-moon-button\",\n packageExportPath: \"sun-to-moon-button\",\n storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n },\n {\n name: \"Carousel\",\n slug: \"carousel\",\n packageExportPath: \"carousel\",\n storybookTitle: \"Layout/Carousel\",\n },\n {\n name: \"OTPInput\",\n slug: \"otpinput\",\n packageExportPath: \"otp-input\",\n storybookTitle: \"Forms/OTPInput\",\n },\n {\n name: \"Form\",\n slug: \"form\",\n packageExportPath: \"form\",\n storybookTitle: \"Layout/Form\",\n },\n {\n name: \"Data Table\",\n slug: \"data-table\",\n packageExportPath: \"data-table\",\n storybookTitle: \"Data Display/DataTable\",\n },\n {\n name: \"Loading\",\n slug: \"loading\",\n packageExportPath: \"loading\",\n storybookTitle: \"Data Display/Loading\",\n },\n {\n name: \"Skeleton\",\n slug: \"skeleton\",\n packageExportPath: \"skeleton\",\n storybookTitle: \"Data Display/Skeleton\",\n },\n {\n name: \"Area Chart\",\n slug: \"area-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/AreaChart\",\n },\n {\n name: \"Bar Chart\",\n slug: \"bar-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/BarChart\",\n },\n {\n name: \"Positive Negative Bar Chart\",\n slug: \"positive-negative-bar-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/PositiveNegativeBarChart\",\n },\n {\n name: \"Pie Chart\",\n slug: \"pie-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/PieChart\",\n },\n {\n name: \"Neon Line Chart\",\n slug: \"neon-line-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/NeonLineChart\",\n },\n {\n name: \"Stacked Bar Chart\",\n slug: \"stacked-bar-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/StackedBarChart\",\n },\n {\n name: \"Thin Breakdown Bar\",\n slug: \"thin-breakdown-bar\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/ThinBreakdownBar\",\n },\n {\n name: \"Icons\",\n slug: \"icons\",\n packageExportPath: \"icons\",\n storybookTitle: \"Foundations/Icons\",\n },\n {\n name: \"Typography\",\n slug: \"typography\",\n packageExportPath: \"typography\",\n storybookTitle: \"Foundations/Typography\",\n },\n] 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
CHANGED
|
@@ -217,6 +217,11 @@ export declare const uiCatalogItems: readonly [{
|
|
|
217
217
|
readonly slug: "bar-chart";
|
|
218
218
|
readonly packageExportPath: "charts";
|
|
219
219
|
readonly storybookTitle: "Data Display/BarChart";
|
|
220
|
+
}, {
|
|
221
|
+
readonly name: "Positive Negative Bar Chart";
|
|
222
|
+
readonly slug: "positive-negative-bar-chart";
|
|
223
|
+
readonly packageExportPath: "charts";
|
|
224
|
+
readonly storybookTitle: "Data Display/PositiveNegativeBarChart";
|
|
220
225
|
}, {
|
|
221
226
|
readonly name: "Pie Chart";
|
|
222
227
|
readonly slug: "pie-chart";
|
|
@@ -249,7 +254,7 @@ export declare const uiCatalogItems: readonly [{
|
|
|
249
254
|
readonly storybookTitle: "Foundations/Typography";
|
|
250
255
|
}];
|
|
251
256
|
export type UiCatalogSlug = (typeof uiCatalogItems)[number]["slug"];
|
|
252
|
-
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")[];
|
|
257
|
+
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")[];
|
|
253
258
|
export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: string): {
|
|
254
259
|
readonly name: "Combobox";
|
|
255
260
|
readonly slug: "combobox";
|
|
@@ -461,6 +466,11 @@ export declare function findUiCatalogItemByStorybookTitle(storybookTitle?: strin
|
|
|
461
466
|
readonly slug: "bar-chart";
|
|
462
467
|
readonly packageExportPath: "charts";
|
|
463
468
|
readonly storybookTitle: "Data Display/BarChart";
|
|
469
|
+
} | {
|
|
470
|
+
readonly name: "Positive Negative Bar Chart";
|
|
471
|
+
readonly slug: "positive-negative-bar-chart";
|
|
472
|
+
readonly packageExportPath: "charts";
|
|
473
|
+
readonly storybookTitle: "Data Display/PositiveNegativeBarChart";
|
|
464
474
|
} | {
|
|
465
475
|
readonly name: "Pie Chart";
|
|
466
476
|
readonly slug: "pie-chart";
|
package/dist/catalog.d.ts.map
CHANGED
|
@@ -1 +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
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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
CHANGED
|
@@ -253,6 +253,12 @@ var uiCatalogItems = [
|
|
|
253
253
|
packageExportPath: "charts",
|
|
254
254
|
storybookTitle: "Data Display/BarChart"
|
|
255
255
|
},
|
|
256
|
+
{
|
|
257
|
+
name: "Positive Negative Bar Chart",
|
|
258
|
+
slug: "positive-negative-bar-chart",
|
|
259
|
+
packageExportPath: "charts",
|
|
260
|
+
storybookTitle: "Data Display/PositiveNegativeBarChart"
|
|
261
|
+
},
|
|
256
262
|
{
|
|
257
263
|
name: "Pie Chart",
|
|
258
264
|
slug: "pie-chart",
|
package/dist/catalog.mjs.map
CHANGED
|
@@ -1 +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"}
|
|
1
|
+
{"version":3,"file":"catalog.mjs","names":[],"sources":["../src/catalog.ts"],"sourcesContent":["export type UiCatalogStatus = \"new\" | \"updated\";\n\nexport interface UiCatalogItem {\n readonly name: string;\n readonly slug: string;\n readonly packageExportPath: string;\n readonly storybookTitle: string;\n readonly status?: UiCatalogStatus;\n}\n\nexport const uiCatalogItems = [\n {\n name: \"Combobox\",\n slug: \"combobox\",\n packageExportPath: \"combobox\",\n storybookTitle: \"Forms/Combobox\",\n },\n {\n name: \"Button\",\n slug: \"button\",\n packageExportPath: \"button\",\n storybookTitle: \"Forms/Button\",\n },\n {\n name: \"Input\",\n slug: \"input\",\n packageExportPath: \"input\",\n storybookTitle: \"Forms/Input\",\n },\n {\n name: \"Checkbox\",\n slug: \"checkbox\",\n packageExportPath: \"checkbox\",\n storybookTitle: \"Forms/Checkbox\",\n },\n {\n name: \"Radio\",\n slug: \"radio\",\n packageExportPath: \"radio\",\n storybookTitle: \"Forms/Radio\",\n },\n {\n name: \"Switch\",\n slug: \"switch\",\n packageExportPath: \"switch\",\n storybookTitle: \"Forms/Switch\",\n },\n {\n name: \"Select\",\n slug: \"select\",\n packageExportPath: \"select\",\n storybookTitle: \"Forms/Select\",\n },\n {\n name: \"Textarea\",\n slug: \"textarea\",\n packageExportPath: \"textarea\",\n storybookTitle: \"Forms/Textarea\",\n },\n {\n name: \"Label\",\n slug: \"label\",\n packageExportPath: \"label\",\n storybookTitle: \"Forms/Label\",\n },\n {\n name: \"Dialog\",\n slug: \"dialog\",\n packageExportPath: \"dialog\",\n storybookTitle: \"Overlays/Dialog\",\n },\n {\n name: \"Drawer\",\n slug: \"drawer\",\n packageExportPath: \"drawer\",\n storybookTitle: \"Layout/Drawer\",\n },\n {\n name: \"Alert\",\n slug: \"alert\",\n packageExportPath: \"alert\",\n storybookTitle: \"Data Display/Alert\",\n },\n {\n name: \"Toast\",\n slug: \"toast\",\n packageExportPath: \"toast\",\n storybookTitle: \"Data Display/Toast\",\n },\n {\n name: \"Tooltip\",\n slug: \"tooltip\",\n packageExportPath: \"tooltip\",\n storybookTitle: \"Layout/Tooltip\",\n },\n {\n name: \"Accordion\",\n slug: \"accordion\",\n packageExportPath: \"accordion\",\n storybookTitle: \"Layout/Accordion\",\n },\n {\n name: \"Card\",\n slug: \"card\",\n packageExportPath: \"card\",\n storybookTitle: \"Layout/Card\",\n },\n {\n name: \"Stepper\",\n slug: \"stepper\",\n packageExportPath: \"stepper\",\n storybookTitle: \"Layout/Stepper\",\n },\n {\n name: \"Chip\",\n slug: \"chip\",\n packageExportPath: \"chip\",\n storybookTitle: \"Data Display/Chip\",\n },\n {\n name: \"Progress Bar\",\n slug: \"progress-bar\",\n packageExportPath: \"progress-bar\",\n storybookTitle: \"Data Display/ProgressBar\",\n },\n {\n name: \"Calendar\",\n slug: \"calendar\",\n packageExportPath: \"calendar\",\n storybookTitle: \"Forms/Calendar\",\n },\n {\n name: \"DatePicker\",\n slug: \"datepicker\",\n packageExportPath: \"date-picker\",\n storybookTitle: \"Forms/DatePicker\",\n },\n {\n name: \"MultiSelect Combobox\",\n slug: \"multiselect-combobox\",\n packageExportPath: \"multi-select-combobox\",\n storybookTitle: \"Forms/MultiSelectCombobox\",\n },\n {\n name: \"Hover Card\",\n slug: \"hover-card\",\n packageExportPath: \"hover-card\",\n storybookTitle: \"Layout/HoverCard\",\n },\n {\n name: \"Spotlight Card\",\n slug: \"spotlight-card\",\n packageExportPath: \"spotlight-card\",\n storybookTitle: \"Visuals/SpotlightCard\",\n },\n {\n name: \"Splash Cursor\",\n slug: \"splash-cursor\",\n packageExportPath: \"splash-cursor\",\n storybookTitle: \"Visuals/SplashCursor\",\n },\n {\n name: \"Chroma Grid\",\n slug: \"chroma-grid\",\n packageExportPath: \"chroma-grid\",\n storybookTitle: \"Visuals/ChromaGrid\",\n },\n {\n name: \"Color Palette\",\n slug: \"color-palette\",\n packageExportPath: \"color-palette\",\n storybookTitle: \"Data Display/ColorPalette\",\n },\n {\n name: \"Gradual Blur\",\n slug: \"gradual-blur\",\n packageExportPath: \"gradual-blur\",\n storybookTitle: \"Visuals/GradualBlur\",\n },\n {\n name: \"Animated Content\",\n slug: \"animated-content\",\n packageExportPath: \"animated-content\",\n storybookTitle: \"Visuals/AnimatedContent\",\n status: \"updated\",\n },\n {\n name: \"Background Gradient\",\n slug: \"background-gradient\",\n packageExportPath: \"background-gradient-animation\",\n storybookTitle: \"Visuals/BackgroundGradientAnimation\",\n },\n {\n name: \"Hover Border Gradient\",\n slug: \"hover-border-gradient\",\n packageExportPath: \"hover-border-gradient\",\n storybookTitle: \"Visuals/HoverBorderGradient\",\n },\n {\n name: \"Button Hover Border Gradient\",\n slug: \"button-hover-border-gradient\",\n packageExportPath: \"button-hover-border-gradient\",\n storybookTitle: \"Visuals/ButtonHoverBorderGradient\",\n },\n {\n name: \"Password Strength Meter\",\n slug: \"password-strength-meter\",\n packageExportPath: \"password-strength-meter\",\n storybookTitle: \"Forms/PasswordStrengthMeter\",\n },\n {\n name: \"Sun To Moon Button\",\n slug: \"sun-to-moon-button\",\n packageExportPath: \"sun-to-moon-button\",\n storybookTitle: \"Foundations/Theme/SunToMoonButton\",\n },\n {\n name: \"Carousel\",\n slug: \"carousel\",\n packageExportPath: \"carousel\",\n storybookTitle: \"Layout/Carousel\",\n },\n {\n name: \"OTPInput\",\n slug: \"otpinput\",\n packageExportPath: \"otp-input\",\n storybookTitle: \"Forms/OTPInput\",\n },\n {\n name: \"Form\",\n slug: \"form\",\n packageExportPath: \"form\",\n storybookTitle: \"Layout/Form\",\n },\n {\n name: \"Data Table\",\n slug: \"data-table\",\n packageExportPath: \"data-table\",\n storybookTitle: \"Data Display/DataTable\",\n },\n {\n name: \"Loading\",\n slug: \"loading\",\n packageExportPath: \"loading\",\n storybookTitle: \"Data Display/Loading\",\n },\n {\n name: \"Skeleton\",\n slug: \"skeleton\",\n packageExportPath: \"skeleton\",\n storybookTitle: \"Data Display/Skeleton\",\n },\n {\n name: \"Area Chart\",\n slug: \"area-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/AreaChart\",\n },\n {\n name: \"Bar Chart\",\n slug: \"bar-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/BarChart\",\n },\n {\n name: \"Positive Negative Bar Chart\",\n slug: \"positive-negative-bar-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/PositiveNegativeBarChart\",\n },\n {\n name: \"Pie Chart\",\n slug: \"pie-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/PieChart\",\n },\n {\n name: \"Neon Line Chart\",\n slug: \"neon-line-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/NeonLineChart\",\n },\n {\n name: \"Stacked Bar Chart\",\n slug: \"stacked-bar-chart\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/StackedBarChart\",\n },\n {\n name: \"Thin Breakdown Bar\",\n slug: \"thin-breakdown-bar\",\n packageExportPath: \"charts\",\n storybookTitle: \"Data Display/ThinBreakdownBar\",\n },\n {\n name: \"Icons\",\n slug: \"icons\",\n packageExportPath: \"icons\",\n storybookTitle: \"Foundations/Icons\",\n },\n {\n name: \"Typography\",\n slug: \"typography\",\n packageExportPath: \"typography\",\n storybookTitle: \"Foundations/Typography\",\n },\n] 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
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_charts = require("./chunks/charts-
|
|
2
|
+
const require_charts = require("./chunks/charts-DbxyHtlX.cjs");
|
|
3
3
|
exports.AreaChart = require_charts.AreaChart;
|
|
4
4
|
exports.BarChart = require_charts.BarChart;
|
|
5
5
|
exports.NeonLineChart = require_charts.NeonLineChart;
|
|
6
6
|
exports.PieChart = require_charts.PieChart;
|
|
7
|
+
exports.PositiveNegativeBarChart = require_charts.PositiveNegativeBarChart;
|
|
7
8
|
exports.StackedBarChart = require_charts.StackedBarChart;
|
|
8
9
|
exports.ThinBreakdownBar = require_charts.ThinBreakdownBar;
|
|
9
10
|
exports.chartColorTokens = require_charts.chartColorTokens;
|
package/dist/charts.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as
|
|
2
|
-
export { AreaChart, BarChart, NeonLineChart, PieChart, StackedBarChart, ThinBreakdownBar, chartColorTokens, getChartColorVar, getChartPalette };
|
|
1
|
+
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";
|
|
2
|
+
export { AreaChart, BarChart, NeonLineChart, PieChart, PositiveNegativeBarChart, StackedBarChart, ThinBreakdownBar, chartColorTokens, getChartColorVar, getChartPalette };
|
package/dist/checkbox.cjs
CHANGED
package/dist/checkbox.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Checkbox } from "./chunks/checkbox-
|
|
1
|
+
import { t as Checkbox } from "./chunks/checkbox-Pr49U9F1.mjs";
|
|
2
2
|
export { Checkbox };
|
package/dist/chip.cjs
CHANGED
package/dist/chip.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Chip } from "./chunks/chip-
|
|
1
|
+
import { t as Chip } from "./chunks/chip-DdnBLdpl.mjs";
|
|
2
2
|
export { Chip };
|
package/dist/chroma-grid.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_chroma_grid = require("./chunks/chroma-grid-
|
|
2
|
+
const require_chroma_grid = require("./chunks/chroma-grid-CIk0dsNS.cjs");
|
|
3
3
|
exports.ChromaGrid = require_chroma_grid.ChromaGrid;
|
package/dist/chroma-grid.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as ChromaGrid } from "./chunks/chroma-grid-
|
|
1
|
+
import { t as ChromaGrid } from "./chunks/chroma-grid-BAo6V5A7.mjs";
|
|
2
2
|
export { ChromaGrid };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
require("./chunk-B_GkZjkl.cjs");
|
|
2
|
+
const require_select = require("./select-CCUSMvfS.cjs");
|
|
2
3
|
let react = require("react");
|
|
3
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
5
|
//#region src/components/forms/calendar/Calendar.tsx
|
|
@@ -11,6 +12,10 @@ var dayNames = [
|
|
|
11
12
|
"FRI",
|
|
12
13
|
"SAT"
|
|
13
14
|
];
|
|
15
|
+
var monthOptions = Array.from({ length: 12 }, (_, monthIndex) => new Date(2026, monthIndex, 1).toLocaleString(void 0, { month: "long" })).map((monthName, monthIndex) => ({
|
|
16
|
+
label: monthName,
|
|
17
|
+
value: String(monthIndex)
|
|
18
|
+
}));
|
|
14
19
|
var getDaysInMonth = (month, year) => {
|
|
15
20
|
const firstDay = new Date(year, month, 1);
|
|
16
21
|
const lastDay = new Date(year, month + 1, 0);
|
|
@@ -38,13 +43,22 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
38
43
|
const currentMonth = month ?? internalMonth;
|
|
39
44
|
const currentYear = year ?? internalYear;
|
|
40
45
|
const currentRange = range ? normalizeRange(range) : internalRange;
|
|
46
|
+
const yearOptions = (0, react.useMemo)(() => {
|
|
47
|
+
const startYear = 1980;
|
|
48
|
+
const endYear = Math.max((/* @__PURE__ */ new Date()).getFullYear() + 10, currentYear + 5);
|
|
49
|
+
return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({
|
|
50
|
+
label: String(endYear - index),
|
|
51
|
+
value: String(endYear - index)
|
|
52
|
+
}));
|
|
53
|
+
}, [currentYear]);
|
|
54
|
+
const setDisplayedMonth = (nextMonth, nextYear) => {
|
|
55
|
+
if (month === void 0) setInternalMonth(nextMonth);
|
|
56
|
+
if (year === void 0) setInternalYear(nextYear);
|
|
57
|
+
onMonthChange?.(nextMonth, nextYear);
|
|
58
|
+
};
|
|
41
59
|
const updateMonth = (offset) => {
|
|
42
60
|
const nextDate = new Date(currentYear, currentMonth + offset, 1);
|
|
43
|
-
|
|
44
|
-
setInternalMonth(nextDate.getMonth());
|
|
45
|
-
setInternalYear(nextDate.getFullYear());
|
|
46
|
-
}
|
|
47
|
-
onMonthChange?.(nextDate.getMonth(), nextDate.getFullYear());
|
|
61
|
+
setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());
|
|
48
62
|
};
|
|
49
63
|
const days = (0, react.useMemo)(() => getDaysInMonth(currentMonth, currentYear), [currentMonth, currentYear]);
|
|
50
64
|
const isInRange = (date) => {
|
|
@@ -77,28 +91,55 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
77
91
|
onSelect?.(date);
|
|
78
92
|
};
|
|
79
93
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
80
|
-
className: `w-[
|
|
94
|
+
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(),
|
|
81
95
|
children: [
|
|
82
96
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
83
|
-
className: "mb-4 flex items-center
|
|
97
|
+
className: "mb-4 flex items-center gap-2",
|
|
84
98
|
children: [
|
|
85
99
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
86
100
|
type: "button",
|
|
87
|
-
className: "text-sm text-muted-foreground",
|
|
101
|
+
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",
|
|
88
102
|
onClick: () => updateMonth(-1),
|
|
89
103
|
"aria-label": "Previous month",
|
|
90
104
|
children: "←"
|
|
91
105
|
}),
|
|
92
|
-
/* @__PURE__ */ (0, react_jsx_runtime.
|
|
93
|
-
className: "
|
|
94
|
-
children:
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
106
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
107
|
+
className: "grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2",
|
|
108
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.Select, {
|
|
109
|
+
name: "calendar-month-select",
|
|
110
|
+
value: String(currentMonth),
|
|
111
|
+
onChange: (event) => {
|
|
112
|
+
setDisplayedMonth(Number(event.target.value), currentYear);
|
|
113
|
+
},
|
|
114
|
+
options: monthOptions,
|
|
115
|
+
containerClassName: "min-w-0",
|
|
116
|
+
triggerClassName: "font-medium",
|
|
117
|
+
dropdownClassName: "left-0 right-auto min-w-full w-max",
|
|
118
|
+
optionClassName: "justify-start",
|
|
119
|
+
placeholder: "Month",
|
|
120
|
+
size: "compact",
|
|
121
|
+
selectionIndicator: "none",
|
|
122
|
+
"aria-label": "Select month"
|
|
123
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.Select, {
|
|
124
|
+
name: "calendar-year-select",
|
|
125
|
+
value: String(currentYear),
|
|
126
|
+
onChange: (event) => {
|
|
127
|
+
setDisplayedMonth(currentMonth, Number(event.target.value));
|
|
128
|
+
},
|
|
129
|
+
options: yearOptions,
|
|
130
|
+
containerClassName: "min-w-0",
|
|
131
|
+
triggerClassName: "font-medium",
|
|
132
|
+
dropdownClassName: "left-auto right-0 min-w-full w-max",
|
|
133
|
+
optionClassName: "justify-start",
|
|
134
|
+
placeholder: "Year",
|
|
135
|
+
size: "compact",
|
|
136
|
+
selectionIndicator: "none",
|
|
137
|
+
"aria-label": "Select year"
|
|
138
|
+
})]
|
|
98
139
|
}),
|
|
99
140
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
100
141
|
type: "button",
|
|
101
|
-
className: "text-sm text-muted-foreground",
|
|
142
|
+
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",
|
|
102
143
|
onClick: () => updateMonth(1),
|
|
103
144
|
"aria-label": "Next month",
|
|
104
145
|
children: "→"
|
|
@@ -119,7 +160,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
119
160
|
if (!date) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}, `empty-${index}`);
|
|
120
161
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
121
162
|
type: "button",
|
|
122
|
-
className: `rounded-md px-0 py-2 text-sm transition-colors ${isSelected || isRangeStart || isRangeEnd ? "bg-
|
|
163
|
+
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"}`,
|
|
123
164
|
onClick: () => handleSelect(date),
|
|
124
165
|
children: date.getDate()
|
|
125
166
|
}, date.toISOString());
|
|
@@ -140,4 +181,4 @@ Object.defineProperty(exports, "Calendar", {
|
|
|
140
181
|
}
|
|
141
182
|
});
|
|
142
183
|
|
|
143
|
-
//# sourceMappingURL=calendar-
|
|
184
|
+
//# sourceMappingURL=calendar-Cpp_Rc7T.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { t as Select } from "./select-B8UQ6Uq5.mjs";
|
|
1
2
|
import { useMemo, useState } from "react";
|
|
2
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
4
|
//#region src/components/forms/calendar/Calendar.tsx
|
|
@@ -10,6 +11,10 @@ var dayNames = [
|
|
|
10
11
|
"FRI",
|
|
11
12
|
"SAT"
|
|
12
13
|
];
|
|
14
|
+
var monthOptions = Array.from({ length: 12 }, (_, monthIndex) => new Date(2026, monthIndex, 1).toLocaleString(void 0, { month: "long" })).map((monthName, monthIndex) => ({
|
|
15
|
+
label: monthName,
|
|
16
|
+
value: String(monthIndex)
|
|
17
|
+
}));
|
|
13
18
|
var getDaysInMonth = (month, year) => {
|
|
14
19
|
const firstDay = new Date(year, month, 1);
|
|
15
20
|
const lastDay = new Date(year, month + 1, 0);
|
|
@@ -37,13 +42,22 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
37
42
|
const currentMonth = month ?? internalMonth;
|
|
38
43
|
const currentYear = year ?? internalYear;
|
|
39
44
|
const currentRange = range ? normalizeRange(range) : internalRange;
|
|
45
|
+
const yearOptions = useMemo(() => {
|
|
46
|
+
const startYear = 1980;
|
|
47
|
+
const endYear = Math.max((/* @__PURE__ */ new Date()).getFullYear() + 10, currentYear + 5);
|
|
48
|
+
return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({
|
|
49
|
+
label: String(endYear - index),
|
|
50
|
+
value: String(endYear - index)
|
|
51
|
+
}));
|
|
52
|
+
}, [currentYear]);
|
|
53
|
+
const setDisplayedMonth = (nextMonth, nextYear) => {
|
|
54
|
+
if (month === void 0) setInternalMonth(nextMonth);
|
|
55
|
+
if (year === void 0) setInternalYear(nextYear);
|
|
56
|
+
onMonthChange?.(nextMonth, nextYear);
|
|
57
|
+
};
|
|
40
58
|
const updateMonth = (offset) => {
|
|
41
59
|
const nextDate = new Date(currentYear, currentMonth + offset, 1);
|
|
42
|
-
|
|
43
|
-
setInternalMonth(nextDate.getMonth());
|
|
44
|
-
setInternalYear(nextDate.getFullYear());
|
|
45
|
-
}
|
|
46
|
-
onMonthChange?.(nextDate.getMonth(), nextDate.getFullYear());
|
|
60
|
+
setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());
|
|
47
61
|
};
|
|
48
62
|
const days = useMemo(() => getDaysInMonth(currentMonth, currentYear), [currentMonth, currentYear]);
|
|
49
63
|
const isInRange = (date) => {
|
|
@@ -76,28 +90,55 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
76
90
|
onSelect?.(date);
|
|
77
91
|
};
|
|
78
92
|
return /* @__PURE__ */ jsxs("div", {
|
|
79
|
-
className: `w-[
|
|
93
|
+
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(),
|
|
80
94
|
children: [
|
|
81
95
|
/* @__PURE__ */ jsxs("div", {
|
|
82
|
-
className: "mb-4 flex items-center
|
|
96
|
+
className: "mb-4 flex items-center gap-2",
|
|
83
97
|
children: [
|
|
84
98
|
/* @__PURE__ */ jsx("button", {
|
|
85
99
|
type: "button",
|
|
86
|
-
className: "text-sm text-muted-foreground",
|
|
100
|
+
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",
|
|
87
101
|
onClick: () => updateMonth(-1),
|
|
88
102
|
"aria-label": "Previous month",
|
|
89
103
|
children: "←"
|
|
90
104
|
}),
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
className: "
|
|
93
|
-
children:
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
105
|
+
/* @__PURE__ */ jsxs("div", {
|
|
106
|
+
className: "grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2",
|
|
107
|
+
children: [/* @__PURE__ */ jsx(Select, {
|
|
108
|
+
name: "calendar-month-select",
|
|
109
|
+
value: String(currentMonth),
|
|
110
|
+
onChange: (event) => {
|
|
111
|
+
setDisplayedMonth(Number(event.target.value), currentYear);
|
|
112
|
+
},
|
|
113
|
+
options: monthOptions,
|
|
114
|
+
containerClassName: "min-w-0",
|
|
115
|
+
triggerClassName: "font-medium",
|
|
116
|
+
dropdownClassName: "left-0 right-auto min-w-full w-max",
|
|
117
|
+
optionClassName: "justify-start",
|
|
118
|
+
placeholder: "Month",
|
|
119
|
+
size: "compact",
|
|
120
|
+
selectionIndicator: "none",
|
|
121
|
+
"aria-label": "Select month"
|
|
122
|
+
}), /* @__PURE__ */ jsx(Select, {
|
|
123
|
+
name: "calendar-year-select",
|
|
124
|
+
value: String(currentYear),
|
|
125
|
+
onChange: (event) => {
|
|
126
|
+
setDisplayedMonth(currentMonth, Number(event.target.value));
|
|
127
|
+
},
|
|
128
|
+
options: yearOptions,
|
|
129
|
+
containerClassName: "min-w-0",
|
|
130
|
+
triggerClassName: "font-medium",
|
|
131
|
+
dropdownClassName: "left-auto right-0 min-w-full w-max",
|
|
132
|
+
optionClassName: "justify-start",
|
|
133
|
+
placeholder: "Year",
|
|
134
|
+
size: "compact",
|
|
135
|
+
selectionIndicator: "none",
|
|
136
|
+
"aria-label": "Select year"
|
|
137
|
+
})]
|
|
97
138
|
}),
|
|
98
139
|
/* @__PURE__ */ jsx("button", {
|
|
99
140
|
type: "button",
|
|
100
|
-
className: "text-sm text-muted-foreground",
|
|
141
|
+
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",
|
|
101
142
|
onClick: () => updateMonth(1),
|
|
102
143
|
"aria-label": "Next month",
|
|
103
144
|
children: "→"
|
|
@@ -118,7 +159,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
118
159
|
if (!date) return /* @__PURE__ */ jsx("span", {}, `empty-${index}`);
|
|
119
160
|
return /* @__PURE__ */ jsx("button", {
|
|
120
161
|
type: "button",
|
|
121
|
-
className: `rounded-md px-0 py-2 text-sm transition-colors ${isSelected || isRangeStart || isRangeEnd ? "bg-
|
|
162
|
+
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"}`,
|
|
122
163
|
onClick: () => handleSelect(date),
|
|
123
164
|
children: date.getDate()
|
|
124
165
|
}, date.toISOString());
|
|
@@ -134,4 +175,4 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
|
|
|
134
175
|
//#endregion
|
|
135
176
|
export { Calendar as t };
|
|
136
177
|
|
|
137
|
-
//# sourceMappingURL=calendar-
|
|
178
|
+
//# sourceMappingURL=calendar-DrCgT_pj.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar-DrCgT_pj.mjs","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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"}
|