@work-rjkashyap/unified-ui 0.3.4 → 0.3.6
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/CHANGELOG.md +105 -0
- package/LICENSE +21 -0
- package/dist/components/accordion.cjs +225 -0
- package/dist/components/accordion.d.cts +157 -0
- package/dist/components/accordion.d.ts +157 -0
- package/dist/components/accordion.mjs +199 -0
- package/dist/components/alert-dialog.cjs +246 -0
- package/dist/components/alert-dialog.d.cts +61 -0
- package/dist/components/alert-dialog.d.ts +61 -0
- package/dist/components/alert-dialog.mjs +218 -0
- package/dist/components/alert.cjs +401 -0
- package/dist/components/alert.d.cts +217 -0
- package/dist/components/alert.d.ts +217 -0
- package/dist/components/alert.mjs +374 -0
- package/dist/components/aspect-ratio.cjs +45 -0
- package/dist/components/aspect-ratio.d.cts +10 -0
- package/dist/components/aspect-ratio.d.ts +10 -0
- package/dist/components/aspect-ratio.mjs +23 -0
- package/dist/components/avatar.cjs +348 -0
- package/dist/components/avatar.d.cts +198 -0
- package/dist/components/avatar.d.ts +198 -0
- package/dist/components/avatar.mjs +329 -0
- package/dist/components/badge.cjs +325 -0
- package/dist/components/badge.d.cts +259 -0
- package/dist/components/badge.d.ts +259 -0
- package/dist/components/badge.mjs +298 -0
- package/dist/components/banner.cjs +147 -0
- package/dist/components/banner.d.cts +31 -0
- package/dist/components/banner.d.ts +31 -0
- package/dist/components/banner.mjs +122 -0
- package/dist/components/breadcrumb.cjs +266 -0
- package/dist/components/breadcrumb.d.cts +159 -0
- package/dist/components/breadcrumb.d.ts +159 -0
- package/dist/components/breadcrumb.mjs +235 -0
- package/dist/components/button.cjs +254 -0
- package/dist/components/button.d.cts +126 -0
- package/dist/components/button.d.ts +126 -0
- package/dist/components/button.mjs +229 -0
- package/dist/components/calendar.cjs +511 -0
- package/dist/components/calendar.d.cts +94 -0
- package/dist/components/calendar.d.ts +94 -0
- package/dist/components/calendar.mjs +492 -0
- package/dist/components/card.cjs +234 -0
- package/dist/components/card.d.cts +190 -0
- package/dist/components/card.d.ts +190 -0
- package/dist/components/card.mjs +210 -0
- package/dist/components/carousel.cjs +234 -0
- package/dist/components/carousel.d.cts +30 -0
- package/dist/components/carousel.d.ts +30 -0
- package/dist/components/carousel.mjs +217 -0
- package/dist/components/chart.cjs +122 -0
- package/dist/components/chart.d.cts +103 -0
- package/dist/components/chart.d.ts +103 -0
- package/dist/components/chart.mjs +96 -0
- package/dist/components/checkbox.cjs +318 -0
- package/dist/components/checkbox.d.cts +182 -0
- package/dist/components/checkbox.d.ts +182 -0
- package/dist/components/checkbox.mjs +296 -0
- package/dist/components/code-highlight.cjs +335 -0
- package/dist/components/code-highlight.d.cts +18 -0
- package/dist/components/code-highlight.d.ts +18 -0
- package/dist/components/code-highlight.mjs +308 -0
- package/dist/components/code.cjs +265 -0
- package/dist/components/code.d.cts +40 -0
- package/dist/components/code.d.ts +40 -0
- package/dist/components/code.mjs +243 -0
- package/dist/components/collapsible.cjs +143 -0
- package/dist/components/collapsible.d.cts +159 -0
- package/dist/components/collapsible.d.ts +159 -0
- package/dist/components/collapsible.mjs +123 -0
- package/dist/components/color-picker.cjs +348 -0
- package/dist/components/color-picker.d.cts +35 -0
- package/dist/components/color-picker.d.ts +35 -0
- package/dist/components/color-picker.mjs +331 -0
- package/dist/components/combobox.cjs +584 -0
- package/dist/components/combobox.d.cts +183 -0
- package/dist/components/combobox.d.ts +183 -0
- package/dist/components/combobox.mjs +571 -0
- package/dist/components/command.cjs +329 -0
- package/dist/components/command.d.cts +97 -0
- package/dist/components/command.d.ts +97 -0
- package/dist/components/command.mjs +311 -0
- package/dist/components/confirm-dialog.cjs +100 -0
- package/dist/components/confirm-dialog.d.cts +25 -0
- package/dist/components/confirm-dialog.d.ts +25 -0
- package/dist/components/confirm-dialog.mjs +86 -0
- package/dist/components/context-menu.cjs +325 -0
- package/dist/components/context-menu.d.cts +259 -0
- package/dist/components/context-menu.d.ts +259 -0
- package/dist/components/context-menu.mjs +290 -0
- package/dist/components/copy-button.cjs +203 -0
- package/dist/components/copy-button.d.cts +22 -0
- package/dist/components/copy-button.d.ts +22 -0
- package/dist/components/copy-button.mjs +178 -0
- package/dist/components/data-list.cjs +140 -0
- package/dist/components/data-list.d.cts +36 -0
- package/dist/components/data-list.d.ts +36 -0
- package/dist/components/data-list.mjs +113 -0
- package/dist/components/data-table-toolbar.cjs +338 -0
- package/dist/components/data-table-toolbar.d.cts +84 -0
- package/dist/components/data-table-toolbar.d.ts +84 -0
- package/dist/components/data-table-toolbar.mjs +320 -0
- package/dist/components/data-table.cjs +1324 -0
- package/dist/components/data-table.d.cts +349 -0
- package/dist/components/data-table.d.ts +349 -0
- package/dist/components/data-table.mjs +1323 -0
- package/dist/components/date-picker.cjs +282 -0
- package/dist/components/date-picker.d.cts +97 -0
- package/dist/components/date-picker.d.ts +97 -0
- package/dist/components/date-picker.mjs +258 -0
- package/dist/components/dialog.cjs +319 -0
- package/dist/components/dialog.d.cts +74 -0
- package/dist/components/dialog.d.ts +74 -0
- package/dist/components/dialog.mjs +292 -0
- package/dist/components/drawer.cjs +262 -0
- package/dist/components/drawer.d.cts +113 -0
- package/dist/components/drawer.d.ts +113 -0
- package/dist/components/drawer.mjs +230 -0
- package/dist/components/dropdown-menu.cjs +328 -0
- package/dist/components/dropdown-menu.d.cts +95 -0
- package/dist/components/dropdown-menu.d.ts +95 -0
- package/dist/components/dropdown-menu.mjs +293 -0
- package/dist/components/empty-state.cjs +123 -0
- package/dist/components/empty-state.d.cts +15 -0
- package/dist/components/empty-state.d.ts +15 -0
- package/dist/components/empty-state.mjs +99 -0
- package/dist/components/file-upload.cjs +442 -0
- package/dist/components/file-upload.d.cts +35 -0
- package/dist/components/file-upload.d.ts +35 -0
- package/dist/components/file-upload.mjs +423 -0
- package/dist/components/form-field.cjs +191 -0
- package/dist/components/form-field.d.cts +163 -0
- package/dist/components/form-field.d.ts +163 -0
- package/dist/components/form-field.mjs +167 -0
- package/dist/components/hover-card.cjs +99 -0
- package/dist/components/hover-card.d.cts +28 -0
- package/dist/components/hover-card.d.ts +28 -0
- package/dist/components/hover-card.mjs +75 -0
- package/dist/components/image-gallery.cjs +359 -0
- package/dist/components/image-gallery.d.cts +46 -0
- package/dist/components/image-gallery.d.ts +46 -0
- package/dist/components/image-gallery.mjs +340 -0
- package/dist/components/index.cjs +719 -0
- package/dist/components/index.d.cts +84 -0
- package/dist/components/index.d.ts +84 -0
- package/dist/components/index.mjs +771 -0
- package/dist/components/infinite-scroll.cjs +95 -0
- package/dist/components/infinite-scroll.d.cts +54 -0
- package/dist/components/infinite-scroll.d.ts +54 -0
- package/dist/components/infinite-scroll.mjs +71 -0
- package/dist/components/input-group.cjs +202 -0
- package/dist/components/input-group.d.cts +22 -0
- package/dist/components/input-group.d.ts +22 -0
- package/dist/components/input-group.mjs +178 -0
- package/dist/components/input.cjs +318 -0
- package/dist/components/input.d.cts +99 -0
- package/dist/components/input.d.ts +99 -0
- package/dist/components/input.mjs +296 -0
- package/dist/components/kbd.cjs +69 -0
- package/dist/components/kbd.d.cts +25 -0
- package/dist/components/kbd.d.ts +25 -0
- package/dist/components/kbd.mjs +44 -0
- package/dist/components/label.cjs +138 -0
- package/dist/components/label.d.cts +91 -0
- package/dist/components/label.d.ts +91 -0
- package/dist/components/label.mjs +113 -0
- package/dist/components/markdown.cjs +179 -0
- package/dist/components/markdown.d.cts +41 -0
- package/dist/components/markdown.d.ts +41 -0
- package/dist/components/markdown.mjs +155 -0
- package/dist/components/menubar.cjs +365 -0
- package/dist/components/menubar.d.cts +88 -0
- package/dist/components/menubar.d.ts +88 -0
- package/dist/components/menubar.mjs +329 -0
- package/dist/components/navigation-menu.cjs +280 -0
- package/dist/components/navigation-menu.d.cts +123 -0
- package/dist/components/navigation-menu.d.ts +123 -0
- package/dist/components/navigation-menu.mjs +250 -0
- package/dist/components/number-input.cjs +419 -0
- package/dist/components/number-input.d.cts +111 -0
- package/dist/components/number-input.d.ts +111 -0
- package/dist/components/number-input.mjs +400 -0
- package/dist/components/pagination.cjs +322 -0
- package/dist/components/pagination.d.cts +119 -0
- package/dist/components/pagination.d.ts +119 -0
- package/dist/components/pagination.mjs +297 -0
- package/dist/components/pin-input.cjs +321 -0
- package/dist/components/pin-input.d.cts +112 -0
- package/dist/components/pin-input.d.ts +112 -0
- package/dist/components/pin-input.mjs +303 -0
- package/dist/components/popover.cjs +194 -0
- package/dist/components/popover.d.cts +108 -0
- package/dist/components/popover.d.ts +108 -0
- package/dist/components/popover.mjs +168 -0
- package/dist/components/progress.cjs +237 -0
- package/dist/components/progress.d.cts +137 -0
- package/dist/components/progress.d.ts +137 -0
- package/dist/components/progress.mjs +211 -0
- package/dist/components/radio.cjs +344 -0
- package/dist/components/radio.d.cts +145 -0
- package/dist/components/radio.d.ts +145 -0
- package/dist/components/radio.mjs +320 -0
- package/dist/components/resizable.cjs +121 -0
- package/dist/components/resizable.d.cts +23 -0
- package/dist/components/resizable.d.ts +23 -0
- package/dist/components/resizable.mjs +99 -0
- package/dist/components/scroll-area.cjs +168 -0
- package/dist/components/scroll-area.d.cts +131 -0
- package/dist/components/scroll-area.d.ts +131 -0
- package/dist/components/scroll-area.mjs +143 -0
- package/dist/components/search-input.cjs +261 -0
- package/dist/components/search-input.d.cts +26 -0
- package/dist/components/search-input.d.ts +26 -0
- package/dist/components/search-input.mjs +243 -0
- package/dist/components/select.cjs +320 -0
- package/dist/components/select.d.cts +55 -0
- package/dist/components/select.d.ts +55 -0
- package/dist/components/select.mjs +288 -0
- package/dist/components/separator.cjs +193 -0
- package/dist/components/separator.d.cts +92 -0
- package/dist/components/separator.d.ts +92 -0
- package/dist/components/separator.mjs +170 -0
- package/dist/components/sheet.cjs +399 -0
- package/dist/components/sheet.d.cts +219 -0
- package/dist/components/sheet.d.ts +219 -0
- package/dist/components/sheet.mjs +379 -0
- package/dist/components/sidebar.cjs +1077 -0
- package/dist/components/sidebar.d.cts +733 -0
- package/dist/components/sidebar.d.ts +733 -0
- package/dist/components/sidebar.mjs +1033 -0
- package/dist/components/skeleton.cjs +210 -0
- package/dist/components/skeleton.d.cts +202 -0
- package/dist/components/skeleton.d.ts +202 -0
- package/dist/components/skeleton.mjs +182 -0
- package/dist/components/slider.cjs +319 -0
- package/dist/components/slider.d.cts +82 -0
- package/dist/components/slider.d.ts +82 -0
- package/dist/components/slider.mjs +296 -0
- package/dist/components/sonner.cjs +119 -0
- package/dist/components/sonner.d.cts +60 -0
- package/dist/components/sonner.d.ts +60 -0
- package/dist/components/sonner.mjs +94 -0
- package/dist/components/spinner.cjs +238 -0
- package/dist/components/spinner.d.cts +101 -0
- package/dist/components/spinner.d.ts +101 -0
- package/dist/components/spinner.mjs +213 -0
- package/dist/components/stat.cjs +180 -0
- package/dist/components/stat.d.cts +21 -0
- package/dist/components/stat.d.ts +21 -0
- package/dist/components/stat.mjs +161 -0
- package/dist/components/steps.cjs +228 -0
- package/dist/components/steps.d.cts +76 -0
- package/dist/components/steps.d.ts +76 -0
- package/dist/components/steps.mjs +207 -0
- package/dist/components/switch.cjs +243 -0
- package/dist/components/switch.d.cts +90 -0
- package/dist/components/switch.d.ts +90 -0
- package/dist/components/switch.mjs +228 -0
- package/dist/components/table.cjs +381 -0
- package/dist/components/table.d.cts +181 -0
- package/dist/components/table.d.ts +181 -0
- package/dist/components/table.mjs +349 -0
- package/dist/components/tabs.cjs +326 -0
- package/dist/components/tabs.d.cts +154 -0
- package/dist/components/tabs.d.ts +154 -0
- package/dist/components/tabs.mjs +304 -0
- package/dist/components/textarea.cjs +258 -0
- package/dist/components/textarea.d.cts +112 -0
- package/dist/components/textarea.d.ts +112 -0
- package/dist/components/textarea.mjs +233 -0
- package/dist/components/theme-toggle.cjs +282 -0
- package/dist/components/theme-toggle.d.cts +58 -0
- package/dist/components/theme-toggle.d.ts +58 -0
- package/dist/components/theme-toggle.mjs +258 -0
- package/dist/components/timeline.cjs +178 -0
- package/dist/components/timeline.d.cts +41 -0
- package/dist/components/timeline.d.ts +41 -0
- package/dist/components/timeline.mjs +157 -0
- package/dist/components/toast.cjs +546 -0
- package/dist/components/toast.d.cts +169 -0
- package/dist/components/toast.d.ts +169 -0
- package/dist/components/toast.mjs +528 -0
- package/dist/components/toggle-group.cjs +204 -0
- package/dist/components/toggle-group.d.cts +215 -0
- package/dist/components/toggle-group.d.ts +215 -0
- package/dist/components/toggle-group.mjs +180 -0
- package/dist/components/toggle.cjs +155 -0
- package/dist/components/toggle.d.cts +100 -0
- package/dist/components/toggle.d.ts +100 -0
- package/dist/components/toggle.mjs +130 -0
- package/dist/components/tooltip.cjs +155 -0
- package/dist/components/tooltip.d.cts +129 -0
- package/dist/components/tooltip.d.ts +129 -0
- package/dist/components/tooltip.mjs +132 -0
- package/dist/components/tree-view.cjs +450 -0
- package/dist/components/tree-view.d.cts +67 -0
- package/dist/components/tree-view.d.ts +67 -0
- package/dist/components/tree-view.mjs +433 -0
- package/dist/components/video-player.cjs +344 -0
- package/dist/components/video-player.d.cts +34 -0
- package/dist/components/video-player.d.ts +34 -0
- package/dist/components/video-player.mjs +320 -0
- package/dist/components/virtual-list.cjs +153 -0
- package/dist/components/virtual-list.d.cts +53 -0
- package/dist/components/virtual-list.d.ts +53 -0
- package/dist/components/virtual-list.mjs +136 -0
- package/dist/components/visually-hidden.cjs +43 -0
- package/dist/components/visually-hidden.d.cts +9 -0
- package/dist/components/visually-hidden.d.ts +9 -0
- package/dist/components/visually-hidden.mjs +21 -0
- package/dist/index.cjs +1081 -1957
- package/dist/index.d.cts +99 -11
- package/dist/index.d.ts +99 -11
- package/dist/index.mjs +1138 -16
- package/dist/motion/hooks.cjs +98 -0
- package/dist/motion/hooks.d.cts +32 -0
- package/dist/motion/hooks.d.ts +32 -0
- package/dist/motion/hooks.mjs +70 -0
- package/dist/motion/index.cjs +157 -0
- package/dist/motion/index.d.cts +5 -0
- package/dist/motion/index.d.ts +5 -0
- package/dist/motion/index.mjs +137 -0
- package/dist/motion/presets.cjs +609 -0
- package/dist/{motion.d.ts → motion/presets.d.cts} +1 -30
- package/dist/{motion.d.cts → motion/presets.d.ts} +1 -30
- package/dist/{chunk-PLRSH37T.mjs → motion/presets.mjs} +119 -126
- package/dist/primitives/container.cjs +88 -0
- package/dist/primitives/container.d.cts +82 -0
- package/dist/primitives/container.d.ts +82 -0
- package/dist/primitives/container.mjs +64 -0
- package/dist/primitives/divider.cjs +74 -0
- package/dist/primitives/divider.d.cts +30 -0
- package/dist/primitives/divider.d.ts +30 -0
- package/dist/primitives/divider.mjs +50 -0
- package/dist/primitives/index.cjs +54 -0
- package/dist/primitives/index.d.cts +6 -0
- package/dist/primitives/index.d.ts +6 -0
- package/dist/primitives/index.mjs +33 -0
- package/dist/primitives/stack.cjs +167 -0
- package/dist/primitives/stack.d.cts +132 -0
- package/dist/primitives/stack.d.ts +132 -0
- package/dist/primitives/stack.mjs +142 -0
- package/dist/primitives/typography.cjs +260 -0
- package/dist/primitives/typography.d.cts +157 -0
- package/dist/primitives/typography.d.ts +157 -0
- package/dist/primitives/typography.mjs +229 -0
- package/dist/theme/contract.cjs +246 -0
- package/dist/theme/contract.d.cts +76 -0
- package/dist/theme/contract.d.ts +76 -0
- package/dist/theme/contract.mjs +221 -0
- package/dist/theme/customizer-store.cjs +266 -0
- package/dist/theme/customizer-store.d.cts +76 -0
- package/dist/theme/customizer-store.d.ts +76 -0
- package/dist/theme/customizer-store.mjs +261 -0
- package/dist/theme/customizer.cjs +812 -0
- package/dist/theme/customizer.d.cts +13 -0
- package/dist/theme/customizer.d.ts +13 -0
- package/dist/theme/customizer.mjs +803 -0
- package/dist/theme/index.cjs +105 -0
- package/dist/theme/index.d.cts +13 -0
- package/dist/theme/index.d.ts +13 -0
- package/dist/theme/index.mjs +87 -0
- package/dist/theme/presets.cjs +1205 -0
- package/dist/theme/presets.d.cts +232 -0
- package/dist/theme/presets.d.ts +232 -0
- package/dist/theme/presets.mjs +1175 -0
- package/dist/theme/provider.cjs +122 -0
- package/dist/theme/provider.d.cts +57 -0
- package/dist/theme/provider.d.ts +57 -0
- package/dist/theme/provider.mjs +104 -0
- package/dist/{chunk-AAEWG5VR.mjs → tokens/colors.cjs} +94 -94
- package/dist/{z-index-DmLl6FUD.d.ts → tokens/colors.d.cts} +118 -72
- package/dist/{z-index-DmLl6FUD.d.cts → tokens/colors.d.ts} +118 -72
- package/dist/{chunk-6ZZZBOCH.cjs → tokens/colors.mjs} +47 -121
- package/dist/tokens/index.cjs +96 -0
- package/dist/tokens/index.d.cts +7 -0
- package/dist/tokens/index.d.ts +7 -0
- package/dist/tokens/index.mjs +71 -0
- package/dist/{chunk-XCKK6P46.cjs → tokens/motion.cjs} +46 -18
- package/dist/{motion-D9wQbcKL.d.cts → tokens/motion.d.cts} +1 -1
- package/dist/{motion-D9wQbcKL.d.ts → tokens/motion.d.ts} +1 -1
- package/dist/{chunk-EZ2L3XPS.mjs → tokens/motion.mjs} +16 -10
- package/dist/tokens/radius.cjs +41 -0
- package/dist/tokens/radius.d.cts +18 -0
- package/dist/tokens/radius.d.ts +18 -0
- package/dist/tokens/radius.mjs +17 -0
- package/dist/tokens/shadows.cjs +57 -0
- package/dist/tokens/shadows.d.cts +32 -0
- package/dist/tokens/shadows.d.ts +32 -0
- package/dist/tokens/shadows.mjs +32 -0
- package/dist/tokens/spacing.cjs +51 -0
- package/dist/tokens/spacing.d.cts +26 -0
- package/dist/tokens/spacing.d.ts +26 -0
- package/dist/{chunk-NMPHV6ZD.mjs → tokens/spacing.mjs} +4 -4
- package/dist/{chunk-ECIGDEAH.cjs → tokens/typography.cjs} +43 -16
- package/dist/{typography-DlvVjEdE.d.ts → tokens/typography.d.cts} +1 -1
- package/dist/{typography-DlvVjEdE.d.cts → tokens/typography.d.ts} +1 -1
- package/dist/{chunk-ITBG42M5.mjs → tokens/typography.mjs} +14 -9
- package/dist/tokens/z-index.cjs +47 -0
- package/dist/tokens/z-index.d.cts +24 -0
- package/dist/tokens/z-index.d.ts +24 -0
- package/dist/tokens/z-index.mjs +23 -0
- package/dist/utils/cn.cjs +102 -0
- package/dist/utils/cn.d.cts +84 -0
- package/dist/utils/cn.d.ts +84 -0
- package/dist/{chunk-ZT3PCXDF.mjs → utils/cn.mjs} +14 -7
- package/dist/{chunk-33QEKXRQ.cjs → utils/contrast.cjs} +68 -38
- package/dist/utils/contrast.d.cts +209 -0
- package/dist/utils/contrast.d.ts +209 -0
- package/dist/{chunk-5NZDQWRV.mjs → utils/contrast.mjs} +27 -18
- package/dist/utils/focus-ring.cjs +81 -0
- package/dist/utils/focus-ring.d.cts +80 -0
- package/dist/utils/focus-ring.d.ts +80 -0
- package/dist/utils/focus-ring.mjs +47 -0
- package/dist/utils/index.cjs +107 -0
- package/dist/utils/index.d.cts +6 -0
- package/dist/utils/index.d.ts +6 -0
- package/dist/utils/index.mjs +88 -0
- package/dist/utils/types.cjs +38 -0
- package/dist/utils/types.d.cts +187 -0
- package/dist/utils/types.d.ts +187 -0
- package/dist/utils/types.mjs +13 -0
- package/package.json +191 -191
- package/dist/chunk-2JFREULQ.cjs +0 -29
- package/dist/chunk-3EHT6IOA.cjs +0 -49
- package/dist/chunk-4ON3M3OM.cjs +0 -73
- package/dist/chunk-A2DGHQL2.cjs +0 -21808
- package/dist/chunk-BJ55D5IK.mjs +0 -2433
- package/dist/chunk-F4JJFWWU.cjs +0 -604
- package/dist/chunk-FUWXGHWQ.cjs +0 -468
- package/dist/chunk-MBYCK2JJ.mjs +0 -37
- package/dist/chunk-OHEH57BV.mjs +0 -455
- package/dist/chunk-RUG3BW2B.cjs +0 -2471
- package/dist/chunk-XAIUX2YS.mjs +0 -21477
- package/dist/components.cjs +0 -1247
- package/dist/components.d.cts +0 -7881
- package/dist/components.d.ts +0 -7881
- package/dist/components.mjs +0 -6
- package/dist/motion.cjs +0 -264
- package/dist/motion.mjs +0 -3
- package/dist/primitives.cjs +0 -57
- package/dist/primitives.d.cts +0 -390
- package/dist/primitives.d.ts +0 -390
- package/dist/primitives.mjs +0 -4
- package/dist/theme.cjs +0 -159
- package/dist/theme.d.cts +0 -440
- package/dist/theme.d.ts +0 -440
- package/dist/theme.mjs +0 -6
- package/dist/tokens.cjs +0 -137
- package/dist/tokens.d.cts +0 -30
- package/dist/tokens.d.ts +0 -30
- package/dist/tokens.mjs +0 -4
- package/dist/utils.cjs +0 -164
- package/dist/utils.d.cts +0 -525
- package/dist/utils.d.ts +0 -525
- package/dist/utils.mjs +0 -3
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ElementType, ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
type SpacingToken = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24;
|
|
5
|
+
declare const directionClassMap: {
|
|
6
|
+
readonly vertical: "flex-col";
|
|
7
|
+
readonly horizontal: "flex-row";
|
|
8
|
+
};
|
|
9
|
+
declare const alignClassMap: {
|
|
10
|
+
readonly start: "items-start";
|
|
11
|
+
readonly center: "items-center";
|
|
12
|
+
readonly end: "items-end";
|
|
13
|
+
readonly stretch: "items-stretch";
|
|
14
|
+
readonly baseline: "items-baseline";
|
|
15
|
+
};
|
|
16
|
+
declare const justifyClassMap: {
|
|
17
|
+
readonly start: "justify-start";
|
|
18
|
+
readonly center: "justify-center";
|
|
19
|
+
readonly end: "justify-end";
|
|
20
|
+
readonly between: "justify-between";
|
|
21
|
+
readonly around: "justify-around";
|
|
22
|
+
readonly evenly: "justify-evenly";
|
|
23
|
+
};
|
|
24
|
+
type StackDirection = keyof typeof directionClassMap;
|
|
25
|
+
type StackAlign = keyof typeof alignClassMap;
|
|
26
|
+
type StackJustify = keyof typeof justifyClassMap;
|
|
27
|
+
interface StackProps extends React.HTMLAttributes<HTMLElement> {
|
|
28
|
+
/**
|
|
29
|
+
* Spacing between children. Uses the design system's spacing token scale.
|
|
30
|
+
* Each unit = 4px (e.g. gap={4} → 16px).
|
|
31
|
+
* @default 4
|
|
32
|
+
*/
|
|
33
|
+
gap?: SpacingToken;
|
|
34
|
+
/**
|
|
35
|
+
* Layout direction.
|
|
36
|
+
* @default "vertical"
|
|
37
|
+
*/
|
|
38
|
+
direction?: StackDirection;
|
|
39
|
+
/**
|
|
40
|
+
* Cross-axis alignment (align-items).
|
|
41
|
+
* @default "stretch"
|
|
42
|
+
*/
|
|
43
|
+
align?: StackAlign;
|
|
44
|
+
/**
|
|
45
|
+
* Main-axis distribution (justify-content).
|
|
46
|
+
* @default "start"
|
|
47
|
+
*/
|
|
48
|
+
justify?: StackJustify;
|
|
49
|
+
/**
|
|
50
|
+
* Whether children should wrap when they overflow.
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
wrap?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* The HTML element to render as.
|
|
56
|
+
* @default "div"
|
|
57
|
+
*/
|
|
58
|
+
as?: ElementType;
|
|
59
|
+
/** Content to render. */
|
|
60
|
+
children?: ReactNode;
|
|
61
|
+
/** Additional CSS classes. */
|
|
62
|
+
className?: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Stack — arranges children with consistent spacing along a single axis.
|
|
66
|
+
*
|
|
67
|
+
* Built on CSS Flexbox. All gap values come from the design system's
|
|
68
|
+
* 4px grid spacing tokens, ensuring visual rhythm is maintained.
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```tsx
|
|
72
|
+
* // Vertical stack with 16px gap (default)
|
|
73
|
+
* <Stack gap={4}>
|
|
74
|
+
* <Heading level={1}>Title</Heading>
|
|
75
|
+
* <Body>Description</Body>
|
|
76
|
+
* </Stack>
|
|
77
|
+
*
|
|
78
|
+
* // Horizontal stack with center alignment
|
|
79
|
+
* <Stack direction="horizontal" gap={3} align="center">
|
|
80
|
+
* <Avatar />
|
|
81
|
+
* <Body>Username</Body>
|
|
82
|
+
* </Stack>
|
|
83
|
+
*
|
|
84
|
+
* // Space-between row
|
|
85
|
+
* <Stack direction="horizontal" justify="between" align="center">
|
|
86
|
+
* <Body>Left</Body>
|
|
87
|
+
* <Button>Right</Button>
|
|
88
|
+
* </Stack>
|
|
89
|
+
* ```
|
|
90
|
+
*/
|
|
91
|
+
declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
|
|
92
|
+
interface GridProps extends React.HTMLAttributes<HTMLElement> {
|
|
93
|
+
/**
|
|
94
|
+
* Number of columns at the base (mobile) breakpoint.
|
|
95
|
+
* @default 1
|
|
96
|
+
*/
|
|
97
|
+
cols?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
98
|
+
/** Columns at the sm breakpoint (640px+). */
|
|
99
|
+
colsSm?: 1 | 2 | 3 | 4;
|
|
100
|
+
/** Columns at the md breakpoint (768px+). */
|
|
101
|
+
colsMd?: 1 | 2 | 3 | 4;
|
|
102
|
+
/** Columns at the lg breakpoint (1024px+). */
|
|
103
|
+
colsLg?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
104
|
+
/**
|
|
105
|
+
* Gap between grid cells. Uses the spacing token scale.
|
|
106
|
+
* @default 4
|
|
107
|
+
*/
|
|
108
|
+
gap?: SpacingToken;
|
|
109
|
+
/**
|
|
110
|
+
* The HTML element to render as.
|
|
111
|
+
* @default "div"
|
|
112
|
+
*/
|
|
113
|
+
as?: ElementType;
|
|
114
|
+
/** Content to render. */
|
|
115
|
+
children?: ReactNode;
|
|
116
|
+
/** Additional CSS classes. */
|
|
117
|
+
className?: string;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Grid — CSS Grid wrapper with responsive column control.
|
|
121
|
+
*
|
|
122
|
+
* @example
|
|
123
|
+
* ```tsx
|
|
124
|
+
* // Responsive 3-column grid (1 on mobile, 2 on tablet, 3 on desktop)
|
|
125
|
+
* <Grid cols={1} colsMd={2} colsLg={3} gap={4}>
|
|
126
|
+
* <Card /><Card /><Card />
|
|
127
|
+
* </Grid>
|
|
128
|
+
* ```
|
|
129
|
+
*/
|
|
130
|
+
declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
|
|
131
|
+
|
|
132
|
+
export { Grid, type GridProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps };
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ElementType, ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
type SpacingToken = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24;
|
|
5
|
+
declare const directionClassMap: {
|
|
6
|
+
readonly vertical: "flex-col";
|
|
7
|
+
readonly horizontal: "flex-row";
|
|
8
|
+
};
|
|
9
|
+
declare const alignClassMap: {
|
|
10
|
+
readonly start: "items-start";
|
|
11
|
+
readonly center: "items-center";
|
|
12
|
+
readonly end: "items-end";
|
|
13
|
+
readonly stretch: "items-stretch";
|
|
14
|
+
readonly baseline: "items-baseline";
|
|
15
|
+
};
|
|
16
|
+
declare const justifyClassMap: {
|
|
17
|
+
readonly start: "justify-start";
|
|
18
|
+
readonly center: "justify-center";
|
|
19
|
+
readonly end: "justify-end";
|
|
20
|
+
readonly between: "justify-between";
|
|
21
|
+
readonly around: "justify-around";
|
|
22
|
+
readonly evenly: "justify-evenly";
|
|
23
|
+
};
|
|
24
|
+
type StackDirection = keyof typeof directionClassMap;
|
|
25
|
+
type StackAlign = keyof typeof alignClassMap;
|
|
26
|
+
type StackJustify = keyof typeof justifyClassMap;
|
|
27
|
+
interface StackProps extends React.HTMLAttributes<HTMLElement> {
|
|
28
|
+
/**
|
|
29
|
+
* Spacing between children. Uses the design system's spacing token scale.
|
|
30
|
+
* Each unit = 4px (e.g. gap={4} → 16px).
|
|
31
|
+
* @default 4
|
|
32
|
+
*/
|
|
33
|
+
gap?: SpacingToken;
|
|
34
|
+
/**
|
|
35
|
+
* Layout direction.
|
|
36
|
+
* @default "vertical"
|
|
37
|
+
*/
|
|
38
|
+
direction?: StackDirection;
|
|
39
|
+
/**
|
|
40
|
+
* Cross-axis alignment (align-items).
|
|
41
|
+
* @default "stretch"
|
|
42
|
+
*/
|
|
43
|
+
align?: StackAlign;
|
|
44
|
+
/**
|
|
45
|
+
* Main-axis distribution (justify-content).
|
|
46
|
+
* @default "start"
|
|
47
|
+
*/
|
|
48
|
+
justify?: StackJustify;
|
|
49
|
+
/**
|
|
50
|
+
* Whether children should wrap when they overflow.
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
wrap?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* The HTML element to render as.
|
|
56
|
+
* @default "div"
|
|
57
|
+
*/
|
|
58
|
+
as?: ElementType;
|
|
59
|
+
/** Content to render. */
|
|
60
|
+
children?: ReactNode;
|
|
61
|
+
/** Additional CSS classes. */
|
|
62
|
+
className?: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Stack — arranges children with consistent spacing along a single axis.
|
|
66
|
+
*
|
|
67
|
+
* Built on CSS Flexbox. All gap values come from the design system's
|
|
68
|
+
* 4px grid spacing tokens, ensuring visual rhythm is maintained.
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```tsx
|
|
72
|
+
* // Vertical stack with 16px gap (default)
|
|
73
|
+
* <Stack gap={4}>
|
|
74
|
+
* <Heading level={1}>Title</Heading>
|
|
75
|
+
* <Body>Description</Body>
|
|
76
|
+
* </Stack>
|
|
77
|
+
*
|
|
78
|
+
* // Horizontal stack with center alignment
|
|
79
|
+
* <Stack direction="horizontal" gap={3} align="center">
|
|
80
|
+
* <Avatar />
|
|
81
|
+
* <Body>Username</Body>
|
|
82
|
+
* </Stack>
|
|
83
|
+
*
|
|
84
|
+
* // Space-between row
|
|
85
|
+
* <Stack direction="horizontal" justify="between" align="center">
|
|
86
|
+
* <Body>Left</Body>
|
|
87
|
+
* <Button>Right</Button>
|
|
88
|
+
* </Stack>
|
|
89
|
+
* ```
|
|
90
|
+
*/
|
|
91
|
+
declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
|
|
92
|
+
interface GridProps extends React.HTMLAttributes<HTMLElement> {
|
|
93
|
+
/**
|
|
94
|
+
* Number of columns at the base (mobile) breakpoint.
|
|
95
|
+
* @default 1
|
|
96
|
+
*/
|
|
97
|
+
cols?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
98
|
+
/** Columns at the sm breakpoint (640px+). */
|
|
99
|
+
colsSm?: 1 | 2 | 3 | 4;
|
|
100
|
+
/** Columns at the md breakpoint (768px+). */
|
|
101
|
+
colsMd?: 1 | 2 | 3 | 4;
|
|
102
|
+
/** Columns at the lg breakpoint (1024px+). */
|
|
103
|
+
colsLg?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
104
|
+
/**
|
|
105
|
+
* Gap between grid cells. Uses the spacing token scale.
|
|
106
|
+
* @default 4
|
|
107
|
+
*/
|
|
108
|
+
gap?: SpacingToken;
|
|
109
|
+
/**
|
|
110
|
+
* The HTML element to render as.
|
|
111
|
+
* @default "div"
|
|
112
|
+
*/
|
|
113
|
+
as?: ElementType;
|
|
114
|
+
/** Content to render. */
|
|
115
|
+
children?: ReactNode;
|
|
116
|
+
/** Additional CSS classes. */
|
|
117
|
+
className?: string;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Grid — CSS Grid wrapper with responsive column control.
|
|
121
|
+
*
|
|
122
|
+
* @example
|
|
123
|
+
* ```tsx
|
|
124
|
+
* // Responsive 3-column grid (1 on mobile, 2 on tablet, 3 on desktop)
|
|
125
|
+
* <Grid cols={1} colsMd={2} colsLg={3} gap={4}>
|
|
126
|
+
* <Card /><Card /><Card />
|
|
127
|
+
* </Grid>
|
|
128
|
+
* ```
|
|
129
|
+
*/
|
|
130
|
+
declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
|
|
131
|
+
|
|
132
|
+
export { Grid, type GridProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps };
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "../utils/cn.mjs";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
const gapClassMap = {
|
|
6
|
+
0: "gap-0",
|
|
7
|
+
0.5: "gap-0.5",
|
|
8
|
+
1: "gap-1",
|
|
9
|
+
1.5: "gap-1.5",
|
|
10
|
+
2: "gap-2",
|
|
11
|
+
2.5: "gap-2.5",
|
|
12
|
+
3: "gap-3",
|
|
13
|
+
3.5: "gap-3.5",
|
|
14
|
+
4: "gap-4",
|
|
15
|
+
5: "gap-5",
|
|
16
|
+
6: "gap-6",
|
|
17
|
+
7: "gap-7",
|
|
18
|
+
8: "gap-8",
|
|
19
|
+
9: "gap-9",
|
|
20
|
+
10: "gap-10",
|
|
21
|
+
11: "gap-11",
|
|
22
|
+
12: "gap-12",
|
|
23
|
+
14: "gap-14",
|
|
24
|
+
16: "gap-16",
|
|
25
|
+
20: "gap-20",
|
|
26
|
+
24: "gap-24"
|
|
27
|
+
};
|
|
28
|
+
const directionClassMap = {
|
|
29
|
+
vertical: "flex-col",
|
|
30
|
+
horizontal: "flex-row"
|
|
31
|
+
};
|
|
32
|
+
const alignClassMap = {
|
|
33
|
+
start: "items-start",
|
|
34
|
+
center: "items-center",
|
|
35
|
+
end: "items-end",
|
|
36
|
+
stretch: "items-stretch",
|
|
37
|
+
baseline: "items-baseline"
|
|
38
|
+
};
|
|
39
|
+
const justifyClassMap = {
|
|
40
|
+
start: "justify-start",
|
|
41
|
+
center: "justify-center",
|
|
42
|
+
end: "justify-end",
|
|
43
|
+
between: "justify-between",
|
|
44
|
+
around: "justify-around",
|
|
45
|
+
evenly: "justify-evenly"
|
|
46
|
+
};
|
|
47
|
+
const Stack = forwardRef(function Stack2({
|
|
48
|
+
gap = 4,
|
|
49
|
+
direction = "vertical",
|
|
50
|
+
align,
|
|
51
|
+
justify,
|
|
52
|
+
wrap = false,
|
|
53
|
+
as: Component = "div",
|
|
54
|
+
className,
|
|
55
|
+
children,
|
|
56
|
+
...rest
|
|
57
|
+
}, ref) {
|
|
58
|
+
return /* @__PURE__ */ jsx(
|
|
59
|
+
Component,
|
|
60
|
+
{
|
|
61
|
+
ref,
|
|
62
|
+
className: cn(
|
|
63
|
+
"flex",
|
|
64
|
+
directionClassMap[direction],
|
|
65
|
+
gapClassMap[gap],
|
|
66
|
+
align && alignClassMap[align],
|
|
67
|
+
justify && justifyClassMap[justify],
|
|
68
|
+
wrap && "flex-wrap",
|
|
69
|
+
className
|
|
70
|
+
),
|
|
71
|
+
"data-ds": "",
|
|
72
|
+
"data-ds-component": "stack",
|
|
73
|
+
...rest,
|
|
74
|
+
children
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
});
|
|
78
|
+
Stack.displayName = "Stack";
|
|
79
|
+
const colsClassMap = {
|
|
80
|
+
1: "grid-cols-1",
|
|
81
|
+
2: "grid-cols-2",
|
|
82
|
+
3: "grid-cols-3",
|
|
83
|
+
4: "grid-cols-4",
|
|
84
|
+
5: "grid-cols-5",
|
|
85
|
+
6: "grid-cols-6"
|
|
86
|
+
};
|
|
87
|
+
const colsSmClassMap = {
|
|
88
|
+
1: "sm:grid-cols-1",
|
|
89
|
+
2: "sm:grid-cols-2",
|
|
90
|
+
3: "sm:grid-cols-3",
|
|
91
|
+
4: "sm:grid-cols-4"
|
|
92
|
+
};
|
|
93
|
+
const colsMdClassMap = {
|
|
94
|
+
1: "md:grid-cols-1",
|
|
95
|
+
2: "md:grid-cols-2",
|
|
96
|
+
3: "md:grid-cols-3",
|
|
97
|
+
4: "md:grid-cols-4"
|
|
98
|
+
};
|
|
99
|
+
const colsLgClassMap = {
|
|
100
|
+
1: "lg:grid-cols-1",
|
|
101
|
+
2: "lg:grid-cols-2",
|
|
102
|
+
3: "lg:grid-cols-3",
|
|
103
|
+
4: "lg:grid-cols-4",
|
|
104
|
+
5: "lg:grid-cols-5",
|
|
105
|
+
6: "lg:grid-cols-6"
|
|
106
|
+
};
|
|
107
|
+
const Grid = forwardRef(function Grid2({
|
|
108
|
+
cols = 1,
|
|
109
|
+
colsSm,
|
|
110
|
+
colsMd,
|
|
111
|
+
colsLg,
|
|
112
|
+
gap = 4,
|
|
113
|
+
as: Component = "div",
|
|
114
|
+
className,
|
|
115
|
+
children,
|
|
116
|
+
...rest
|
|
117
|
+
}, ref) {
|
|
118
|
+
return /* @__PURE__ */ jsx(
|
|
119
|
+
Component,
|
|
120
|
+
{
|
|
121
|
+
ref,
|
|
122
|
+
className: cn(
|
|
123
|
+
"grid",
|
|
124
|
+
colsClassMap[cols],
|
|
125
|
+
colsSm && colsSmClassMap[colsSm],
|
|
126
|
+
colsMd && colsMdClassMap[colsMd],
|
|
127
|
+
colsLg && colsLgClassMap[colsLg],
|
|
128
|
+
gapClassMap[gap],
|
|
129
|
+
className
|
|
130
|
+
),
|
|
131
|
+
"data-ds": "",
|
|
132
|
+
"data-ds-component": "grid",
|
|
133
|
+
...rest,
|
|
134
|
+
children
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
});
|
|
138
|
+
Grid.displayName = "Grid";
|
|
139
|
+
export {
|
|
140
|
+
Grid,
|
|
141
|
+
Stack
|
|
142
|
+
};
|
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
var typography_exports = {};
|
|
21
|
+
__export(typography_exports, {
|
|
22
|
+
Body: () => Body,
|
|
23
|
+
Caption: () => Caption,
|
|
24
|
+
Heading: () => Heading,
|
|
25
|
+
InlineCode: () => InlineCode,
|
|
26
|
+
Label: () => Label,
|
|
27
|
+
Overline: () => Overline,
|
|
28
|
+
Subheading: () => Subheading,
|
|
29
|
+
Typography: () => Typography
|
|
30
|
+
});
|
|
31
|
+
module.exports = __toCommonJS(typography_exports);
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_typography = require("../tokens/typography.cjs");
|
|
34
|
+
var import_cn = require("../utils/cn.cjs");
|
|
35
|
+
var import_react = require("react");
|
|
36
|
+
const fontClassMap = {
|
|
37
|
+
display: "font-display",
|
|
38
|
+
sans: "font-sans",
|
|
39
|
+
serif: "font-serif",
|
|
40
|
+
mono: "font-mono",
|
|
41
|
+
inherit: "font-[inherit]"
|
|
42
|
+
};
|
|
43
|
+
const variantDefaultFont = {
|
|
44
|
+
heading1: import_typography.typographyVariants.heading1.fontFamily,
|
|
45
|
+
heading2: import_typography.typographyVariants.heading2.fontFamily,
|
|
46
|
+
heading3: import_typography.typographyVariants.heading3.fontFamily,
|
|
47
|
+
subheading: import_typography.typographyVariants.subheading.fontFamily,
|
|
48
|
+
body: import_typography.typographyVariants.body.fontFamily,
|
|
49
|
+
bodySm: import_typography.typographyVariants.bodySm.fontFamily,
|
|
50
|
+
caption: import_typography.typographyVariants.caption.fontFamily,
|
|
51
|
+
label: import_typography.typographyVariants.label.fontFamily,
|
|
52
|
+
overline: import_typography.typographyVariants.overline.fontFamily,
|
|
53
|
+
code: import_typography.typographyVariants.code.fontFamily
|
|
54
|
+
};
|
|
55
|
+
const defaultElementMap = {
|
|
56
|
+
heading1: "h1",
|
|
57
|
+
heading2: "h2",
|
|
58
|
+
heading3: "h3",
|
|
59
|
+
subheading: "h4",
|
|
60
|
+
body: "p",
|
|
61
|
+
bodySm: "p",
|
|
62
|
+
caption: "span",
|
|
63
|
+
label: "label",
|
|
64
|
+
overline: "span",
|
|
65
|
+
code: "code"
|
|
66
|
+
};
|
|
67
|
+
const variantClassMap = {
|
|
68
|
+
heading1: "text-[30px] leading-[36px] font-bold tracking-tight text-foreground",
|
|
69
|
+
heading2: "text-[24px] leading-[32px] font-semibold tracking-tight text-foreground",
|
|
70
|
+
heading3: "text-[20px] leading-[28px] font-semibold tracking-normal text-foreground",
|
|
71
|
+
subheading: "text-[18px] leading-[28px] font-medium tracking-normal text-foreground",
|
|
72
|
+
body: "text-[16px] leading-[24px] font-normal tracking-normal text-foreground",
|
|
73
|
+
bodySm: "text-[14px] leading-[20px] font-normal tracking-normal text-foreground",
|
|
74
|
+
caption: "text-[12px] leading-[16px] font-normal tracking-wide text-muted-foreground",
|
|
75
|
+
label: "text-[14px] leading-[20px] font-medium tracking-normal text-foreground",
|
|
76
|
+
overline: "text-[12px] leading-[16px] font-semibold tracking-wider uppercase text-muted-foreground",
|
|
77
|
+
code: "text-[14px] leading-[20px] font-normal tracking-normal text-foreground"
|
|
78
|
+
};
|
|
79
|
+
const colorClassMap = {
|
|
80
|
+
default: "",
|
|
81
|
+
foreground: "text-foreground",
|
|
82
|
+
muted: "text-muted-foreground",
|
|
83
|
+
primary: "text-primary",
|
|
84
|
+
success: "text-success",
|
|
85
|
+
warning: "text-warning",
|
|
86
|
+
danger: "text-danger",
|
|
87
|
+
info: "text-info",
|
|
88
|
+
inherit: "text-inherit"
|
|
89
|
+
};
|
|
90
|
+
const alignClassMap = {
|
|
91
|
+
left: "text-left",
|
|
92
|
+
center: "text-center",
|
|
93
|
+
right: "text-right"
|
|
94
|
+
};
|
|
95
|
+
const lineClampClassMap = {
|
|
96
|
+
1: "line-clamp-1",
|
|
97
|
+
2: "line-clamp-2",
|
|
98
|
+
3: "line-clamp-3",
|
|
99
|
+
4: "line-clamp-4",
|
|
100
|
+
5: "line-clamp-5",
|
|
101
|
+
6: "line-clamp-6"
|
|
102
|
+
};
|
|
103
|
+
const Typography = (0, import_react.forwardRef)(
|
|
104
|
+
function Typography2({
|
|
105
|
+
variant = "body",
|
|
106
|
+
font,
|
|
107
|
+
color = "default",
|
|
108
|
+
align,
|
|
109
|
+
as,
|
|
110
|
+
truncate = false,
|
|
111
|
+
lineClamp,
|
|
112
|
+
noMargin = true,
|
|
113
|
+
className,
|
|
114
|
+
children,
|
|
115
|
+
...rest
|
|
116
|
+
}, ref) {
|
|
117
|
+
const Component = as ?? defaultElementMap[variant];
|
|
118
|
+
const resolvedFont = font ?? variantDefaultFont[variant];
|
|
119
|
+
const classes = (0, import_cn.cn)(
|
|
120
|
+
// Base variant styles (size, weight, line-height, tracking, default color)
|
|
121
|
+
variantClassMap[variant],
|
|
122
|
+
// Font family (resolved from prop or variant default)
|
|
123
|
+
fontClassMap[resolvedFont],
|
|
124
|
+
// Color override (only applied if not "default" — default keeps variant's color)
|
|
125
|
+
color !== "default" && colorClassMap[color],
|
|
126
|
+
// Alignment
|
|
127
|
+
align && alignClassMap[align],
|
|
128
|
+
// Truncation
|
|
129
|
+
truncate && "truncate",
|
|
130
|
+
// Line clamping
|
|
131
|
+
lineClamp && lineClampClassMap[lineClamp],
|
|
132
|
+
// Margin reset
|
|
133
|
+
noMargin && "m-0",
|
|
134
|
+
// Consumer overrides
|
|
135
|
+
className
|
|
136
|
+
);
|
|
137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
|
+
Component,
|
|
139
|
+
{
|
|
140
|
+
ref,
|
|
141
|
+
className: classes,
|
|
142
|
+
"data-ds": "",
|
|
143
|
+
"data-ds-component": "typography",
|
|
144
|
+
"data-ds-variant": variant,
|
|
145
|
+
...rest,
|
|
146
|
+
children
|
|
147
|
+
}
|
|
148
|
+
);
|
|
149
|
+
}
|
|
150
|
+
);
|
|
151
|
+
Typography.displayName = "Typography";
|
|
152
|
+
const headingVariantMap = {
|
|
153
|
+
1: "heading1",
|
|
154
|
+
2: "heading2",
|
|
155
|
+
3: "heading3"
|
|
156
|
+
};
|
|
157
|
+
const Heading = (0, import_react.forwardRef)(
|
|
158
|
+
function Heading2({ level = 1, ...rest }, ref) {
|
|
159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
160
|
+
Typography,
|
|
161
|
+
{
|
|
162
|
+
ref,
|
|
163
|
+
variant: headingVariantMap[level],
|
|
164
|
+
...rest
|
|
165
|
+
}
|
|
166
|
+
);
|
|
167
|
+
}
|
|
168
|
+
);
|
|
169
|
+
Heading.displayName = "Heading";
|
|
170
|
+
const Subheading = (0, import_react.forwardRef)(
|
|
171
|
+
function Subheading2(props, ref) {
|
|
172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { ref, variant: "subheading", ...props });
|
|
173
|
+
}
|
|
174
|
+
);
|
|
175
|
+
Subheading.displayName = "Subheading";
|
|
176
|
+
const Body = (0, import_react.forwardRef)(function Body2({ small = false, ...rest }, ref) {
|
|
177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
178
|
+
Typography,
|
|
179
|
+
{
|
|
180
|
+
ref,
|
|
181
|
+
variant: small ? "bodySm" : "body",
|
|
182
|
+
...rest
|
|
183
|
+
}
|
|
184
|
+
);
|
|
185
|
+
});
|
|
186
|
+
Body.displayName = "Body";
|
|
187
|
+
const Caption = (0, import_react.forwardRef)(function Caption2({ color = "muted", ...rest }, ref) {
|
|
188
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { ref, variant: "caption", color, ...rest });
|
|
189
|
+
});
|
|
190
|
+
Caption.displayName = "Caption";
|
|
191
|
+
const Label = (0, import_react.forwardRef)(function Label2({
|
|
192
|
+
htmlFor,
|
|
193
|
+
font,
|
|
194
|
+
color,
|
|
195
|
+
align,
|
|
196
|
+
as,
|
|
197
|
+
truncate,
|
|
198
|
+
lineClamp,
|
|
199
|
+
noMargin = true,
|
|
200
|
+
className,
|
|
201
|
+
children,
|
|
202
|
+
...rest
|
|
203
|
+
}, ref) {
|
|
204
|
+
const resolvedFont = font ?? variantDefaultFont.label;
|
|
205
|
+
const classes = (0, import_cn.cn)(
|
|
206
|
+
variantClassMap.label,
|
|
207
|
+
fontClassMap[resolvedFont],
|
|
208
|
+
color && color !== "default" && colorClassMap[color],
|
|
209
|
+
align && alignClassMap[align],
|
|
210
|
+
truncate && "truncate",
|
|
211
|
+
lineClamp && lineClampClassMap[lineClamp],
|
|
212
|
+
noMargin && "m-0",
|
|
213
|
+
className
|
|
214
|
+
);
|
|
215
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
216
|
+
"label",
|
|
217
|
+
{
|
|
218
|
+
ref,
|
|
219
|
+
htmlFor,
|
|
220
|
+
className: classes,
|
|
221
|
+
"data-ds": "",
|
|
222
|
+
"data-ds-component": "typography",
|
|
223
|
+
"data-ds-variant": "label",
|
|
224
|
+
...rest,
|
|
225
|
+
children
|
|
226
|
+
}
|
|
227
|
+
);
|
|
228
|
+
});
|
|
229
|
+
Label.displayName = "Label";
|
|
230
|
+
const Overline = (0, import_react.forwardRef)(
|
|
231
|
+
function Overline2({ color = "muted", ...rest }, ref) {
|
|
232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { ref, variant: "overline", color, ...rest });
|
|
233
|
+
}
|
|
234
|
+
);
|
|
235
|
+
Overline.displayName = "Overline";
|
|
236
|
+
const InlineCode = (0, import_react.forwardRef)(
|
|
237
|
+
function InlineCode2({ className, ...rest }, ref) {
|
|
238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
239
|
+
Typography,
|
|
240
|
+
{
|
|
241
|
+
ref,
|
|
242
|
+
variant: "code",
|
|
243
|
+
className: (0, import_cn.cn)("rounded-sm bg-muted px-1.5 py-0.5", className),
|
|
244
|
+
...rest
|
|
245
|
+
}
|
|
246
|
+
);
|
|
247
|
+
}
|
|
248
|
+
);
|
|
249
|
+
InlineCode.displayName = "InlineCode";
|
|
250
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
251
|
+
0 && (module.exports = {
|
|
252
|
+
Body,
|
|
253
|
+
Caption,
|
|
254
|
+
Heading,
|
|
255
|
+
InlineCode,
|
|
256
|
+
Label,
|
|
257
|
+
Overline,
|
|
258
|
+
Subheading,
|
|
259
|
+
Typography
|
|
260
|
+
});
|