@goliapkg/gds 2.0.0 → 2.1.0
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/{avatar-l3SaMCmU.js → avatar-Ct8OOGx6.js} +5 -5
- package/dist/avatar-Ct8OOGx6.js.map +1 -0
- package/dist/{badge-DTJq6AXr.js → badge-BCvi5RVF.js} +4 -4
- package/dist/badge-BCvi5RVF.js.map +1 -0
- package/dist/{button-avu-rQU4.js → button-BD3VHhwq.js} +2 -2
- package/dist/button-BD3VHhwq.js.map +1 -0
- package/dist/fonts.css +77 -11
- package/dist/gesture-I79dlTuS.js.map +1 -1
- package/dist/highlight-BAGZc-4h.js.map +1 -1
- package/dist/hooks-BE-_EmDI.js.map +1 -1
- package/dist/{icon-button-YatlVZnz.js → icon-button-Bns79124.js} +3 -3
- package/dist/icon-button-Bns79124.js.map +1 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +30 -30
- package/dist/l0-tokens/color-derive.d.ts.map +1 -1
- package/dist/l0-tokens/color-health.d.ts.map +1 -1
- package/dist/l0-tokens/color-math.d.ts.map +1 -1
- package/dist/l0-tokens/deps.d.ts.map +1 -1
- package/dist/l0-tokens/font-system.d.ts.map +1 -1
- package/dist/l0-tokens/generate-defaults.d.ts.map +1 -1
- package/dist/l0-tokens/glass-system.d.ts.map +1 -1
- package/dist/l0-tokens/index.d.ts +12 -12
- package/dist/l0-tokens/index.d.ts.map +1 -1
- package/dist/l0-tokens/index.js +1 -1
- package/dist/l0-tokens/motion-system.d.ts.map +1 -1
- package/dist/l0-tokens/shadow-system.d.ts.map +1 -1
- package/dist/l0-tokens/size-system.d.ts.map +1 -1
- package/dist/{l0-tokens-DZkyVlac.js → l0-tokens-Xyl14743.js} +3 -3
- package/dist/l0-tokens-Xyl14743.js.map +1 -0
- package/dist/l1-systems/index.d.ts +2 -2
- package/dist/l1-systems/index.d.ts.map +1 -1
- package/dist/l1-systems/index.js +2 -20
- package/dist/l1-systems/theme.d.ts +69 -3
- package/dist/l1-systems/theme.d.ts.map +1 -1
- package/dist/l1-systems/use-theme.d.ts.map +1 -1
- package/dist/l2-primitives/aspect-ratio.d.ts.map +1 -1
- package/dist/l2-primitives/badge-dot.d.ts.map +1 -1
- package/dist/l2-primitives/badge.d.ts.map +1 -1
- package/dist/l2-primitives/button.d.ts.map +1 -1
- package/dist/l2-primitives/divider.d.ts.map +1 -1
- package/dist/l2-primitives/dot.d.ts.map +1 -1
- package/dist/l2-primitives/focus-ring.d.ts.map +1 -1
- package/dist/l2-primitives/glow-effect.d.ts.map +1 -1
- package/dist/l2-primitives/gradient-border.d.ts.map +1 -1
- package/dist/l2-primitives/highlight.d.ts.map +1 -1
- package/dist/l2-primitives/index.js +8 -8
- package/dist/l2-primitives/input.d.ts.map +1 -1
- package/dist/l2-primitives/kbd.d.ts.map +1 -1
- package/dist/l2-primitives/label.d.ts.map +1 -1
- package/dist/l2-primitives/loading.d.ts.map +1 -1
- package/dist/l2-primitives/number-input.d.ts.map +1 -1
- package/dist/l2-primitives/number-stepper.d.ts.map +1 -1
- package/dist/l2-primitives/progress.d.ts.map +1 -1
- package/dist/l2-primitives/scroll-area.d.ts.map +1 -1
- package/dist/l2-primitives/separator.d.ts.map +1 -1
- package/dist/l2-primitives/shimmer.d.ts.map +1 -1
- package/dist/l2-primitives/skeleton.d.ts.map +1 -1
- package/dist/l2-primitives/slider.d.ts.map +1 -1
- package/dist/l2-primitives/spinner.d.ts.map +1 -1
- package/dist/l2-primitives/truncate.d.ts.map +1 -1
- package/dist/l2-primitives/visually-hidden.d.ts.map +1 -1
- package/dist/{l2-primitives-DdQHMJRE.js → l2-primitives-Cn0KNxbB.js} +31 -31
- package/dist/l2-primitives-Cn0KNxbB.js.map +1 -0
- package/dist/l3-atoms/animated-border.d.ts +1 -1
- package/dist/l3-atoms/animated-border.d.ts.map +1 -1
- package/dist/l3-atoms/animated-counter.d.ts.map +1 -1
- package/dist/l3-atoms/animated-number.d.ts.map +1 -1
- package/dist/l3-atoms/avatar-badge.d.ts.map +1 -1
- package/dist/l3-atoms/avatar.d.ts.map +1 -1
- package/dist/l3-atoms/barcode.d.ts.map +1 -1
- package/dist/l3-atoms/blinking.d.ts.map +1 -1
- package/dist/l3-atoms/bounce-dot.d.ts.map +1 -1
- package/dist/l3-atoms/checkbox-group.d.ts.map +1 -1
- package/dist/l3-atoms/checkbox.d.ts.map +1 -1
- package/dist/l3-atoms/chip.d.ts.map +1 -1
- package/dist/l3-atoms/color-swatch.d.ts.map +1 -1
- package/dist/l3-atoms/copy-button.d.ts.map +1 -1
- package/dist/l3-atoms/count-badge.d.ts.map +1 -1
- package/dist/l3-atoms/count-up.d.ts.map +1 -1
- package/dist/l3-atoms/countdown-badge.d.ts.map +1 -1
- package/dist/l3-atoms/countdown.d.ts.map +1 -1
- package/dist/l3-atoms/cursor-follow.d.ts.map +1 -1
- package/dist/l3-atoms/diff-indicator.d.ts.map +1 -1
- package/dist/l3-atoms/glow-dot.d.ts.map +1 -1
- package/dist/l3-atoms/gradient-text.d.ts.map +1 -1
- package/dist/l3-atoms/heat-cell.d.ts.map +1 -1
- package/dist/l3-atoms/hotkey.d.ts.map +1 -1
- package/dist/l3-atoms/index.d.ts +5 -5
- package/dist/l3-atoms/index.d.ts.map +1 -1
- package/dist/l3-atoms/index.js +5 -5
- package/dist/l3-atoms/info-tip.d.ts.map +1 -1
- package/dist/l3-atoms/key-value.d.ts.map +1 -1
- package/dist/l3-atoms/keyboard-shortcut.d.ts.map +1 -1
- package/dist/l3-atoms/live-dot.d.ts.map +1 -1
- package/dist/l3-atoms/loading-dots.d.ts.map +1 -1
- package/dist/l3-atoms/magnetic-button.d.ts.map +1 -1
- package/dist/l3-atoms/marquee.d.ts.map +1 -1
- package/dist/l3-atoms/meter.d.ts.map +1 -1
- package/dist/l3-atoms/number-flow.d.ts.map +1 -1
- package/dist/l3-atoms/online-indicator.d.ts.map +1 -1
- package/dist/l3-atoms/orbit.d.ts +1 -1
- package/dist/l3-atoms/orbit.d.ts.map +1 -1
- package/dist/l3-atoms/percentage-circle.d.ts.map +1 -1
- package/dist/l3-atoms/percentage.d.ts.map +1 -1
- package/dist/l3-atoms/price.d.ts.map +1 -1
- package/dist/l3-atoms/progress-circle.d.ts.map +1 -1
- package/dist/l3-atoms/progress-ring.d.ts.map +1 -1
- package/dist/l3-atoms/pulse-indicator.d.ts.map +1 -1
- package/dist/l3-atoms/pulse-ring.d.ts.map +1 -1
- package/dist/l3-atoms/qr-code.d.ts.map +1 -1
- package/dist/l3-atoms/quick-action.d.ts.map +1 -1
- package/dist/l3-atoms/radio-group.d.ts.map +1 -1
- package/dist/l3-atoms/range-slider.d.ts.map +1 -1
- package/dist/l3-atoms/rating.d.ts.map +1 -1
- package/dist/l3-atoms/ribbon-banner.d.ts.map +1 -1
- package/dist/l3-atoms/ribbon.d.ts.map +1 -1
- package/dist/l3-atoms/ripple-effect.d.ts.map +1 -1
- package/dist/l3-atoms/scroll-to-top.d.ts.map +1 -1
- package/dist/l3-atoms/segmented-control.d.ts +1 -1
- package/dist/l3-atoms/segmented-control.d.ts.map +1 -1
- package/dist/l3-atoms/shortcut-display.d.ts.map +1 -1
- package/dist/l3-atoms/skeleton-group.d.ts.map +1 -1
- package/dist/l3-atoms/sparkle.d.ts.map +1 -1
- package/dist/l3-atoms/stagger.d.ts +1 -1
- package/dist/l3-atoms/stagger.d.ts.map +1 -1
- package/dist/l3-atoms/star-rating.d.ts.map +1 -1
- package/dist/l3-atoms/status-badge.d.ts.map +1 -1
- package/dist/l3-atoms/status-dot.d.ts.map +1 -1
- package/dist/l3-atoms/switch-group.d.ts.map +1 -1
- package/dist/l3-atoms/switch.d.ts.map +1 -1
- package/dist/l3-atoms/text-badge.d.ts.map +1 -1
- package/dist/l3-atoms/text-effect.d.ts.map +1 -1
- package/dist/l3-atoms/textarea-counter.d.ts.map +1 -1
- package/dist/l3-atoms/theme-toggle.d.ts +1 -2
- package/dist/l3-atoms/theme-toggle.d.ts.map +1 -1
- package/dist/l3-atoms/toggle-group.d.ts.map +1 -1
- package/dist/l3-atoms/tooltip.d.ts.map +1 -1
- package/dist/l3-atoms/trend-arrow.d.ts.map +1 -1
- package/dist/l3-atoms/trend-indicator.d.ts +1 -1
- package/dist/l3-atoms/trend-indicator.d.ts.map +1 -1
- package/dist/l3-atoms/truncated-list.d.ts.map +1 -1
- package/dist/l3-atoms/verified-badge.d.ts.map +1 -1
- package/dist/l3-atoms/visual-counter.d.ts.map +1 -1
- package/dist/l3-atoms/volume-slider.d.ts +1 -1
- package/dist/l3-atoms/volume-slider.d.ts.map +1 -1
- package/dist/l3-atoms/zoom-on-hover.d.ts.map +1 -1
- package/dist/{l3-atoms-BGwlQvjl.js → l3-atoms-BCJNqPHk.js} +57 -57
- package/dist/l3-atoms-BCJNqPHk.js.map +1 -0
- package/dist/l4-molecules/accordion.d.ts +2 -2
- package/dist/l4-molecules/accordion.d.ts.map +1 -1
- package/dist/l4-molecules/action-card.d.ts.map +1 -1
- package/dist/l4-molecules/action-menu.d.ts.map +1 -1
- package/dist/l4-molecules/activity-log.d.ts.map +1 -1
- package/dist/l4-molecules/alert.d.ts.map +1 -1
- package/dist/l4-molecules/audit-entry.d.ts.map +1 -1
- package/dist/l4-molecules/banner.d.ts.map +1 -1
- package/dist/l4-molecules/before-after.d.ts.map +1 -1
- package/dist/l4-molecules/breadcrumb.d.ts.map +1 -1
- package/dist/l4-molecules/bulk-action-bar.d.ts.map +1 -1
- package/dist/l4-molecules/callout.d.ts.map +1 -1
- package/dist/l4-molecules/card.d.ts +1 -1
- package/dist/l4-molecules/card.d.ts.map +1 -1
- package/dist/l4-molecules/category-tag.d.ts.map +1 -1
- package/dist/l4-molecules/cert-badge.d.ts.map +1 -1
- package/dist/l4-molecules/chip-group.d.ts.map +1 -1
- package/dist/l4-molecules/circular-menu.d.ts.map +1 -1
- package/dist/l4-molecules/code-block.d.ts.map +1 -1
- package/dist/l4-molecules/code-snippet.d.ts.map +1 -1
- package/dist/l4-molecules/collapsible.d.ts +1 -1
- package/dist/l4-molecules/collapsible.d.ts.map +1 -1
- package/dist/l4-molecules/color-picker.d.ts.map +1 -1
- package/dist/l4-molecules/combobox-list.d.ts.map +1 -1
- package/dist/l4-molecules/combobox.d.ts.map +1 -1
- package/dist/l4-molecules/command-bar-float.d.ts.map +1 -1
- package/dist/l4-molecules/command-bar.d.ts.map +1 -1
- package/dist/l4-molecules/command-menu.d.ts.map +1 -1
- package/dist/l4-molecules/comparison-bar.d.ts.map +1 -1
- package/dist/l4-molecules/confirm-dialog.d.ts.map +1 -1
- package/dist/l4-molecules/context-menu.d.ts +1 -1
- package/dist/l4-molecules/context-menu.d.ts.map +1 -1
- package/dist/l4-molecules/copy-field.d.ts.map +1 -1
- package/dist/l4-molecules/copy-to-clipboard.d.ts.map +1 -1
- package/dist/l4-molecules/countdown-timer.d.ts.map +1 -1
- package/dist/l4-molecules/currency-display.d.ts.map +1 -1
- package/dist/l4-molecules/currency-input.d.ts.map +1 -1
- package/dist/l4-molecules/data-card.d.ts.map +1 -1
- package/dist/l4-molecules/date-display.d.ts.map +1 -1
- package/dist/l4-molecules/date-range-input.d.ts.map +1 -1
- package/dist/l4-molecules/description.d.ts.map +1 -1
- package/dist/l4-molecules/dialog.d.ts.map +1 -1
- package/dist/l4-molecules/dock.d.ts.map +1 -1
- package/dist/l4-molecules/download-button.d.ts.map +1 -1
- package/dist/l4-molecules/drawer.d.ts.map +1 -1
- package/dist/l4-molecules/drop-zone.d.ts.map +1 -1
- package/dist/l4-molecules/dropdown.d.ts +1 -1
- package/dist/l4-molecules/dropdown.d.ts.map +1 -1
- package/dist/l4-molecules/editable.d.ts.map +1 -1
- package/dist/l4-molecules/email-composer-field.d.ts.map +1 -1
- package/dist/l4-molecules/emoji-picker.d.ts.map +1 -1
- package/dist/l4-molecules/empty-placeholder.d.ts.map +1 -1
- package/dist/l4-molecules/empty-search.d.ts.map +1 -1
- package/dist/l4-molecules/environment-badge.d.ts.map +1 -1
- package/dist/l4-molecules/feature-flag.d.ts.map +1 -1
- package/dist/l4-molecules/field-group.d.ts.map +1 -1
- package/dist/l4-molecules/file-upload.d.ts.map +1 -1
- package/dist/l4-molecules/filter-bar.d.ts.map +1 -1
- package/dist/l4-molecules/flip-card.d.ts.map +1 -1
- package/dist/l4-molecules/form-actions.d.ts.map +1 -1
- package/dist/l4-molecules/form-field.d.ts.map +1 -1
- package/dist/l4-molecules/glass-button.d.ts.map +1 -1
- package/dist/l4-molecules/glass-card.d.ts.map +1 -1
- package/dist/l4-molecules/glitch-text.d.ts.map +1 -1
- package/dist/l4-molecules/hover-card.d.ts.map +1 -1
- package/dist/l4-molecules/index.d.ts +6 -6
- package/dist/l4-molecules/index.d.ts.map +1 -1
- package/dist/l4-molecules/index.js +3 -3
- package/dist/l4-molecules/info-row.d.ts.map +1 -1
- package/dist/l4-molecules/inline-edit.d.ts.map +1 -1
- package/dist/l4-molecules/input-group.d.ts.map +1 -1
- package/dist/l4-molecules/input-with-button.d.ts.map +1 -1
- package/dist/l4-molecules/key-value-list.d.ts.map +1 -1
- package/dist/l4-molecules/kv-table.d.ts.map +1 -1
- package/dist/l4-molecules/link-preview.d.ts.map +1 -1
- package/dist/l4-molecules/list-item.d.ts.map +1 -1
- package/dist/l4-molecules/live-metric.d.ts.map +1 -1
- package/dist/l4-molecules/matrix-rain.d.ts.map +1 -1
- package/dist/l4-molecules/media-container.d.ts.map +1 -1
- package/dist/l4-molecules/media-object.d.ts.map +1 -1
- package/dist/l4-molecules/mention-input.d.ts.map +1 -1
- package/dist/l4-molecules/mention-list.d.ts +1 -1
- package/dist/l4-molecules/mention-list.d.ts.map +1 -1
- package/dist/l4-molecules/metric-row.d.ts.map +1 -1
- package/dist/l4-molecules/metric-tile.d.ts.map +1 -1
- package/dist/l4-molecules/morphing-shape.d.ts.map +1 -1
- package/dist/l4-molecules/multi-select-list.d.ts.map +1 -1
- package/dist/l4-molecules/multi-select.d.ts.map +1 -1
- package/dist/l4-molecules/nav-item.d.ts.map +1 -1
- package/dist/l4-molecules/network-status.d.ts.map +1 -1
- package/dist/l4-molecules/noise-overlay.d.ts.map +1 -1
- package/dist/l4-molecules/notification-bell.d.ts.map +1 -1
- package/dist/l4-molecules/notification-dot.d.ts.map +1 -1
- package/dist/l4-molecules/notification.d.ts.map +1 -1
- package/dist/l4-molecules/num-table.d.ts.map +1 -1
- package/dist/l4-molecules/otp-input.d.ts.map +1 -1
- package/dist/l4-molecules/overflow-menu.d.ts.map +1 -1
- package/dist/l4-molecules/page-nav.d.ts.map +1 -1
- package/dist/l4-molecules/pagination.d.ts.map +1 -1
- package/dist/l4-molecules/panel.d.ts.map +1 -1
- package/dist/l4-molecules/particle-field.d.ts.map +1 -1
- package/dist/l4-molecules/password-input.d.ts.map +1 -1
- package/dist/l4-molecules/phone-input.d.ts.map +1 -1
- package/dist/l4-molecules/pin-input.d.ts.map +1 -1
- package/dist/l4-molecules/popover.d.ts.map +1 -1
- package/dist/l4-molecules/progress-steps.d.ts.map +1 -1
- package/dist/l4-molecules/quick-stat.d.ts.map +1 -1
- package/dist/l4-molecules/radio-card.d.ts.map +1 -1
- package/dist/l4-molecules/reveal.d.ts.map +1 -1
- package/dist/l4-molecules/scoreboard.d.ts.map +1 -1
- package/dist/l4-molecules/search-input.d.ts.map +1 -1
- package/dist/l4-molecules/select.d.ts.map +1 -1
- package/dist/l4-molecules/sheet.d.ts.map +1 -1
- package/dist/l4-molecules/slider-field.d.ts.map +1 -1
- package/dist/l4-molecules/sortable-header.d.ts.map +1 -1
- package/dist/l4-molecules/split-button.d.ts +1 -1
- package/dist/l4-molecules/split-button.d.ts.map +1 -1
- package/dist/l4-molecules/stacked-progress.d.ts.map +1 -1
- package/dist/l4-molecules/stat-comparison.d.ts.map +1 -1
- package/dist/l4-molecules/stat-trend.d.ts.map +1 -1
- package/dist/l4-molecules/status-bar-component.d.ts.map +1 -1
- package/dist/l4-molecules/stepper.d.ts.map +1 -1
- package/dist/l4-molecules/tab-group.d.ts +1 -1
- package/dist/l4-molecules/tab-group.d.ts.map +1 -1
- package/dist/l4-molecules/tabs.d.ts +1 -1
- package/dist/l4-molecules/tabs.d.ts.map +1 -1
- package/dist/l4-molecules/tag-input.d.ts.map +1 -1
- package/dist/l4-molecules/task-item.d.ts.map +1 -1
- package/dist/l4-molecules/text-reveal.d.ts.map +1 -1
- package/dist/l4-molecules/text-scramble.d.ts.map +1 -1
- package/dist/l4-molecules/tilt-card.d.ts.map +1 -1
- package/dist/l4-molecules/time-picker-grid.d.ts.map +1 -1
- package/dist/l4-molecules/time-picker.d.ts.map +1 -1
- package/dist/l4-molecules/timeline-item.d.ts.map +1 -1
- package/dist/l4-molecules/toast-provider.d.ts.map +1 -1
- package/dist/l4-molecules/toast-store.d.ts.map +1 -1
- package/dist/l4-molecules/toast.d.ts.map +1 -1
- package/dist/l4-molecules/toggle-field.d.ts.map +1 -1
- package/dist/l4-molecules/toolbar-generic.d.ts.map +1 -1
- package/dist/l4-molecules/upload-progress.d.ts.map +1 -1
- package/dist/l4-molecules/user-card.d.ts.map +1 -1
- package/dist/l4-molecules/user-info.d.ts.map +1 -1
- package/dist/l4-molecules/user-menu.d.ts.map +1 -1
- package/dist/l4-molecules/version-badge.d.ts.map +1 -1
- package/dist/l4-molecules/watermark.d.ts.map +1 -1
- package/dist/l4-molecules/wizard.d.ts.map +1 -1
- package/dist/{l4-molecules-HRbUopGS.js → l4-molecules-DtNnQaFU.js} +347 -346
- package/dist/l4-molecules-DtNnQaFU.js.map +1 -0
- package/dist/l5-organisms/activity-feed.d.ts.map +1 -1
- package/dist/l5-organisms/animate-presence.d.ts.map +1 -1
- package/dist/l5-organisms/audio-player.d.ts.map +1 -1
- package/dist/l5-organisms/audit-log.d.ts.map +1 -1
- package/dist/l5-organisms/avatar-list.d.ts.map +1 -1
- package/dist/l5-organisms/calendar-utils.d.ts.map +1 -1
- package/dist/l5-organisms/calendar.d.ts.map +1 -1
- package/dist/l5-organisms/carousel.d.ts.map +1 -1
- package/dist/l5-organisms/changelog.d.ts.map +1 -1
- package/dist/l5-organisms/command-palette-list.d.ts.map +1 -1
- package/dist/l5-organisms/command-palette.d.ts.map +1 -1
- package/dist/l5-organisms/comment-thread.d.ts.map +1 -1
- package/dist/l5-organisms/confetti.d.ts.map +1 -1
- package/dist/l5-organisms/contact-card.d.ts.map +1 -1
- package/dist/l5-organisms/container-list.d.ts.map +1 -1
- package/dist/l5-organisms/cookie-banner.d.ts.map +1 -1
- package/dist/l5-organisms/cron-schedule.d.ts.map +1 -1
- package/dist/l5-organisms/data-grid.d.ts.map +1 -1
- package/dist/l5-organisms/data-list.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-body.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-head.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-pagination.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-toolbar.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-types.d.ts +1 -1
- package/dist/l5-organisms/data-table/data-table-types.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/index.d.ts +1 -1
- package/dist/l5-organisms/data-table/index.d.ts.map +1 -1
- package/dist/l5-organisms/date-picker.d.ts.map +1 -1
- package/dist/l5-organisms/deploy-log.d.ts.map +1 -1
- package/dist/l5-organisms/description-list.d.ts.map +1 -1
- package/dist/l5-organisms/diff-algorithm.d.ts.map +1 -1
- package/dist/l5-organisms/diff-viewer.d.ts.map +1 -1
- package/dist/l5-organisms/email-composer.d.ts.map +1 -1
- package/dist/l5-organisms/email-list-item.d.ts.map +1 -1
- package/dist/l5-organisms/email-thread.d.ts.map +1 -1
- package/dist/l5-organisms/embed.d.ts.map +1 -1
- package/dist/l5-organisms/employee-card.d.ts.map +1 -1
- package/dist/l5-organisms/error-boundary.d.ts.map +1 -1
- package/dist/l5-organisms/file-browser.d.ts.map +1 -1
- package/dist/l5-organisms/file-card.d.ts.map +1 -1
- package/dist/l5-organisms/form-builder.d.ts.map +1 -1
- package/dist/l5-organisms/gantt-chart/gantt-chart-utils.d.ts.map +1 -1
- package/dist/l5-organisms/gantt-chart/gantt-chart.d.ts.map +1 -1
- package/dist/l5-organisms/gantt-chart/index.d.ts +1 -1
- package/dist/l5-organisms/gantt-chart/index.d.ts.map +1 -1
- package/dist/l5-organisms/heatmap-table.d.ts.map +1 -1
- package/dist/l5-organisms/image-preview.d.ts.map +1 -1
- package/dist/l5-organisms/index.d.ts +15 -15
- package/dist/l5-organisms/index.d.ts.map +1 -1
- package/dist/l5-organisms/index.js +1 -1
- package/dist/l5-organisms/infinite-scroll.d.ts.map +1 -1
- package/dist/l5-organisms/json-node.d.ts +1 -1
- package/dist/l5-organisms/json-node.d.ts.map +1 -1
- package/dist/l5-organisms/kanban.d.ts +2 -2
- package/dist/l5-organisms/kanban.d.ts.map +1 -1
- package/dist/l5-organisms/markdown-editor.d.ts.map +1 -1
- package/dist/l5-organisms/markdown-parser.d.ts.map +1 -1
- package/dist/l5-organisms/markdown-preview.d.ts.map +1 -1
- package/dist/l5-organisms/notification-center.d.ts.map +1 -1
- package/dist/l5-organisms/notification-toast.d.ts.map +1 -1
- package/dist/l5-organisms/parallax.d.ts.map +1 -1
- package/dist/l5-organisms/payslip-card.d.ts.map +1 -1
- package/dist/l5-organisms/permission-matrix.d.ts.map +1 -1
- package/dist/l5-organisms/progress-timeline.d.ts.map +1 -1
- package/dist/l5-organisms/property-editor.d.ts.map +1 -1
- package/dist/l5-organisms/quick-links.d.ts.map +1 -1
- package/dist/l5-organisms/recent-activity.d.ts.map +1 -1
- package/dist/l5-organisms/responsive-stack.d.ts.map +1 -1
- package/dist/l5-organisms/responsive-table.d.ts.map +1 -1
- package/dist/l5-organisms/rich-select-list.d.ts +1 -1
- package/dist/l5-organisms/rich-select-list.d.ts.map +1 -1
- package/dist/l5-organisms/rich-select.d.ts.map +1 -1
- package/dist/l5-organisms/rich-text-editor.d.ts.map +1 -1
- package/dist/l5-organisms/search-results.d.ts.map +1 -1
- package/dist/l5-organisms/service-card.d.ts.map +1 -1
- package/dist/l5-organisms/signature-drawing.d.ts +1 -1
- package/dist/l5-organisms/signature-drawing.d.ts.map +1 -1
- package/dist/l5-organisms/signature-pad.d.ts.map +1 -1
- package/dist/l5-organisms/sortable-table.d.ts.map +1 -1
- package/dist/l5-organisms/spotlight.d.ts.map +1 -1
- package/dist/l5-organisms/stacked-list.d.ts.map +1 -1
- package/dist/l5-organisms/step-form.d.ts.map +1 -1
- package/dist/l5-organisms/system-health.d.ts.map +1 -1
- package/dist/l5-organisms/table.d.ts.map +1 -1
- package/dist/l5-organisms/task-board.d.ts.map +1 -1
- package/dist/l5-organisms/timeline.d.ts +1 -1
- package/dist/l5-organisms/timeline.d.ts.map +1 -1
- package/dist/l5-organisms/tour.d.ts.map +1 -1
- package/dist/l5-organisms/transaction-list.d.ts.map +1 -1
- package/dist/l5-organisms/tree.d.ts.map +1 -1
- package/dist/l5-organisms/video-controls.d.ts.map +1 -1
- package/dist/l5-organisms/video-player.d.ts.map +1 -1
- package/dist/l5-organisms/virtual-list.d.ts.map +1 -1
- package/dist/l5-organisms/weather-widget.d.ts.map +1 -1
- package/dist/{l5-organisms-BA62NsFK.js → l5-organisms-Bu2Z8LSj.js} +1826 -1822
- package/dist/l5-organisms-Bu2Z8LSj.js.map +1 -0
- package/dist/l6-charts/annotated-chart.d.ts +1 -1
- package/dist/l6-charts/annotated-chart.d.ts.map +1 -1
- package/dist/l6-charts/area-chart.d.ts.map +1 -1
- package/dist/l6-charts/bar-chart.d.ts.map +1 -1
- package/dist/l6-charts/box-plot.d.ts.map +1 -1
- package/dist/l6-charts/bullet-chart.d.ts.map +1 -1
- package/dist/l6-charts/bump-chart.d.ts.map +1 -1
- package/dist/l6-charts/calendar-heatmap.d.ts.map +1 -1
- package/dist/l6-charts/candlestick-chart.d.ts.map +1 -1
- package/dist/l6-charts/chord-diagram.d.ts.map +1 -1
- package/dist/l6-charts/chord-math.d.ts.map +1 -1
- package/dist/l6-charts/choropleth-map.d.ts +1 -1
- package/dist/l6-charts/choropleth-map.d.ts.map +1 -1
- package/dist/l6-charts/combo-chart.d.ts.map +1 -1
- package/dist/l6-charts/donut-gauge.d.ts.map +1 -1
- package/dist/l6-charts/flame-chart.d.ts.map +1 -1
- package/dist/l6-charts/flow-chart.d.ts.map +1 -1
- package/dist/l6-charts/funnel-chart.d.ts.map +1 -1
- package/dist/l6-charts/gauge.d.ts.map +1 -1
- package/dist/l6-charts/heatmap-chart.d.ts.map +1 -1
- package/dist/l6-charts/heatmap-utils.d.ts.map +1 -1
- package/dist/l6-charts/histogram.d.ts.map +1 -1
- package/dist/l6-charts/index.d.ts +1 -1
- package/dist/l6-charts/index.d.ts.map +1 -1
- package/dist/l6-charts/index.js +1 -1
- package/dist/l6-charts/line-chart.d.ts.map +1 -1
- package/dist/l6-charts/network-graph.d.ts.map +1 -1
- package/dist/l6-charts/order-book-chart.d.ts.map +1 -1
- package/dist/l6-charts/pie-chart.d.ts.map +1 -1
- package/dist/l6-charts/polar-area-chart.d.ts +1 -1
- package/dist/l6-charts/polar-area-chart.d.ts.map +1 -1
- package/dist/l6-charts/radar-chart.d.ts.map +1 -1
- package/dist/l6-charts/radial-bar-chart.d.ts.map +1 -1
- package/dist/l6-charts/realtime-chart.d.ts.map +1 -1
- package/dist/l6-charts/sankey-chart.d.ts.map +1 -1
- package/dist/l6-charts/scatter-chart.d.ts.map +1 -1
- package/dist/l6-charts/sparkline.d.ts.map +1 -1
- package/dist/l6-charts/stock-ticker.d.ts.map +1 -1
- package/dist/l6-charts/stream-chart.d.ts.map +1 -1
- package/dist/l6-charts/sunburst-chart.d.ts.map +1 -1
- package/dist/l6-charts/sunburst-math.d.ts.map +1 -1
- package/dist/l6-charts/timeline-chart.d.ts.map +1 -1
- package/dist/l6-charts/treemap-chart.d.ts.map +1 -1
- package/dist/l6-charts/violin-plot.d.ts.map +1 -1
- package/dist/l6-charts/waffle-chart.d.ts.map +1 -1
- package/dist/l6-charts/waterfall-chart.d.ts.map +1 -1
- package/dist/l6-charts/word-cloud.d.ts.map +1 -1
- package/dist/{l6-charts-DzRRfX8J.js → l6-charts-ngP5gbBh.js} +51 -51
- package/dist/l6-charts-ngP5gbBh.js.map +1 -0
- package/dist/l7-patterns/admin-layout.d.ts.map +1 -1
- package/dist/l7-patterns/analytics-dashboard.d.ts.map +1 -1
- package/dist/l7-patterns/app-shell.d.ts.map +1 -1
- package/dist/l7-patterns/bento-grid.d.ts.map +1 -1
- package/dist/l7-patterns/calendar-view.d.ts.map +1 -1
- package/dist/l7-patterns/comparison-table.d.ts.map +1 -1
- package/dist/l7-patterns/composition-pattern.d.ts.map +1 -1
- package/dist/l7-patterns/cta-banner.d.ts.map +1 -1
- package/dist/l7-patterns/dashboard-layout.d.ts.map +1 -1
- package/dist/l7-patterns/data-export-card.d.ts.map +1 -1
- package/dist/l7-patterns/devops-layout.d.ts.map +1 -1
- package/dist/l7-patterns/empty-state.d.ts.map +1 -1
- package/dist/l7-patterns/faq.d.ts.map +1 -1
- package/dist/l7-patterns/feature-card.d.ts.map +1 -1
- package/dist/l7-patterns/footer.d.ts.map +1 -1
- package/dist/l7-patterns/form-layout.d.ts.map +1 -1
- package/dist/l7-patterns/form-pattern.d.ts.map +1 -1
- package/dist/l7-patterns/glass-panel.d.ts.map +1 -1
- package/dist/l7-patterns/grid-layout.d.ts.map +1 -1
- package/dist/l7-patterns/hero.d.ts.map +1 -1
- package/dist/l7-patterns/hr-dashboard.d.ts.map +1 -1
- package/dist/l7-patterns/inbox-layout.d.ts.map +1 -1
- package/dist/l7-patterns/index.d.ts +2 -2
- package/dist/l7-patterns/index.d.ts.map +1 -1
- package/dist/l7-patterns/index.js +1 -1
- package/dist/l7-patterns/kpi-dashboard.d.ts.map +1 -1
- package/dist/l7-patterns/loading-states.d.ts.map +1 -1
- package/dist/l7-patterns/login-form.d.ts.map +1 -1
- package/dist/l7-patterns/mail-composer.d.ts.map +1 -1
- package/dist/l7-patterns/masonry.d.ts.map +1 -1
- package/dist/l7-patterns/media-grid.d.ts.map +1 -1
- package/dist/l7-patterns/metric-card.d.ts.map +1 -1
- package/dist/l7-patterns/nav-bar.d.ts.map +1 -1
- package/dist/l7-patterns/notification-list.d.ts.map +1 -1
- package/dist/l7-patterns/onboarding-card.d.ts.map +1 -1
- package/dist/l7-patterns/page-header.d.ts.map +1 -1
- package/dist/l7-patterns/panel-group.d.ts.map +1 -1
- package/dist/l7-patterns/payroll-dashboard.d.ts.map +1 -1
- package/dist/l7-patterns/pricing-card.d.ts.map +1 -1
- package/dist/l7-patterns/profile-card.d.ts.map +1 -1
- package/dist/l7-patterns/project-dashboard.d.ts.map +1 -1
- package/dist/l7-patterns/responsive-container.d.ts.map +1 -1
- package/dist/l7-patterns/server-overview.d.ts.map +1 -1
- package/dist/l7-patterns/settings-layout.d.ts.map +1 -1
- package/dist/l7-patterns/sidebar.d.ts +1 -1
- package/dist/l7-patterns/sidebar.d.ts.map +1 -1
- package/dist/l7-patterns/skeleton-pattern.d.ts.map +1 -1
- package/dist/l7-patterns/splash-screen.d.ts.map +1 -1
- package/dist/l7-patterns/split-view.d.ts.map +1 -1
- package/dist/l7-patterns/stat.d.ts.map +1 -1
- package/dist/l7-patterns/stats-card.d.ts.map +1 -1
- package/dist/l7-patterns/status-page.d.ts.map +1 -1
- package/dist/l7-patterns/stepper-form.d.ts.map +1 -1
- package/dist/l7-patterns/sticky-header.d.ts.map +1 -1
- package/dist/l7-patterns/testimonial.d.ts.map +1 -1
- package/dist/l7-patterns/timeline-steps.d.ts.map +1 -1
- package/dist/l7-patterns/toolbar.d.ts.map +1 -1
- package/dist/l7-patterns/wizard-layout.d.ts.map +1 -1
- package/dist/{l7-patterns-Dn7X2pQC.js → l7-patterns-CwonNW9o.js} +198 -198
- package/dist/l7-patterns-CwonNW9o.js.map +1 -0
- package/dist/{loading-dots-Dz79qOGY.js → loading-dots-C1LPHGa0.js} +3 -3
- package/dist/loading-dots-C1LPHGa0.js.map +1 -0
- package/dist/motion-DUPegem-.js.map +1 -1
- package/dist/portal-Bbl6F_Wj.js.map +1 -1
- package/dist/{progress-wAKN3Czz.js → progress-dZIQEiTw.js} +5 -5
- package/dist/progress-dZIQEiTw.js.map +1 -0
- package/dist/{resize-handle-ilSc7QRM.js → resize-handle-BjSNhgJK.js} +5 -5
- package/dist/resize-handle-BjSNhgJK.js.map +1 -0
- package/dist/sanitize-BF45M9xp.js.map +1 -1
- package/dist/scales-DlVrSOA2.js.map +1 -1
- package/dist/{separator-Dqs23A9D.js → separator-CRll1Ycp.js} +5 -5
- package/dist/separator-CRll1Ycp.js.map +1 -0
- package/dist/skeleton-C9FFZSYN.js.map +1 -1
- package/dist/{spinner-DyrwL4JQ.js → spinner-C15eER04.js} +13 -13
- package/dist/spinner-C15eER04.js.map +1 -0
- package/dist/{stepper-DKJuH1ws.js → stepper-DJ8pn-9D.js} +16 -16
- package/dist/stepper-DJ8pn-9D.js.map +1 -0
- package/dist/{switch-DC85Os9r.js → switch-BAS-GXJV.js} +6 -6
- package/dist/switch-BAS-GXJV.js.map +1 -0
- package/dist/{textarea-BJCl_aH2.js → textarea-Btdu41rY.js} +4 -4
- package/dist/textarea-Btdu41rY.js.map +1 -0
- package/dist/{toast-DTuqMdrj.js → toast-QxCZG0Oy.js} +35 -35
- package/dist/toast-QxCZG0Oy.js.map +1 -0
- package/dist/tokens.css +464 -104
- package/dist/use-theme-DJmWAXqb.js +309 -0
- package/dist/use-theme-DJmWAXqb.js.map +1 -0
- package/dist/utils/gesture.d.ts.map +1 -1
- package/dist/utils/hooks.d.ts.map +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/sanitize.d.ts.map +1 -1
- package/dist/utils/tiptap.d.ts +1 -1
- package/dist/utils/tiptap.d.ts.map +1 -1
- package/dist/utils/types.d.ts.map +1 -1
- package/package.json +65 -37
- package/dist/avatar-l3SaMCmU.js.map +0 -1
- package/dist/badge-DTJq6AXr.js.map +0 -1
- package/dist/button-avu-rQU4.js.map +0 -1
- package/dist/icon-button-YatlVZnz.js.map +0 -1
- package/dist/l0-tokens-DZkyVlac.js.map +0 -1
- package/dist/l1-systems/index.js.map +0 -1
- package/dist/l2-primitives-DdQHMJRE.js.map +0 -1
- package/dist/l3-atoms-BGwlQvjl.js.map +0 -1
- package/dist/l4-molecules-HRbUopGS.js.map +0 -1
- package/dist/l5-organisms-BA62NsFK.js.map +0 -1
- package/dist/l6-charts-DzRRfX8J.js.map +0 -1
- package/dist/l7-patterns-Dn7X2pQC.js.map +0 -1
- package/dist/loading-dots-Dz79qOGY.js.map +0 -1
- package/dist/progress-wAKN3Czz.js.map +0 -1
- package/dist/resize-handle-ilSc7QRM.js.map +0 -1
- package/dist/separator-Dqs23A9D.js.map +0 -1
- package/dist/spinner-DyrwL4JQ.js.map +0 -1
- package/dist/stepper-DKJuH1ws.js.map +0 -1
- package/dist/switch-DC85Os9r.js.map +0 -1
- package/dist/textarea-BJCl_aH2.js.map +0 -1
- package/dist/toast-DTuqMdrj.js.map +0 -1
- package/dist/use-theme-BI1t0nvJ.js +0 -228
- package/dist/use-theme-BI1t0nvJ.js.map +0 -1
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
import { F as e, N as t, P as n, l as r, n as i, t as a } from "./scales-DlVrSOA2.js";
|
|
2
|
+
import { atom as o, useAtom as s, useAtomValue as c } from "jotai";
|
|
3
|
+
import { useCallback as l, useEffect as u, useRef as d } from "react";
|
|
4
|
+
//#region src/l1-systems/theme.ts
|
|
5
|
+
var f = {
|
|
6
|
+
mode: "system",
|
|
7
|
+
primaryColor: i,
|
|
8
|
+
presetId: "default",
|
|
9
|
+
shape: "default",
|
|
10
|
+
density: "default",
|
|
11
|
+
elevation: "raised",
|
|
12
|
+
glass: "full",
|
|
13
|
+
motion: "full",
|
|
14
|
+
colorOverrides: null,
|
|
15
|
+
colorOverridesLight: null,
|
|
16
|
+
colorOverridesDark: null
|
|
17
|
+
}, p = "gds-theme";
|
|
18
|
+
function m(e) {
|
|
19
|
+
try {
|
|
20
|
+
localStorage.setItem(p, JSON.stringify(e));
|
|
21
|
+
} catch {}
|
|
22
|
+
}
|
|
23
|
+
function h() {
|
|
24
|
+
try {
|
|
25
|
+
if (typeof window > "u") return null;
|
|
26
|
+
let e = localStorage.getItem(p);
|
|
27
|
+
if (e === null) return null;
|
|
28
|
+
let t = JSON.parse(e);
|
|
29
|
+
return {
|
|
30
|
+
...f,
|
|
31
|
+
...t,
|
|
32
|
+
primaryColor: typeof t.primaryColor == "string" && /^#[0-9a-fA-F]{6}$/.test(t.primaryColor) ? t.primaryColor : f.primaryColor,
|
|
33
|
+
shape: g(t.shape, [
|
|
34
|
+
"sharp",
|
|
35
|
+
"default",
|
|
36
|
+
"rounded"
|
|
37
|
+
], f.shape),
|
|
38
|
+
density: g(t.density, [
|
|
39
|
+
"compact",
|
|
40
|
+
"default",
|
|
41
|
+
"comfortable"
|
|
42
|
+
], f.density),
|
|
43
|
+
elevation: g(t.elevation, [
|
|
44
|
+
"flat",
|
|
45
|
+
"subtle",
|
|
46
|
+
"raised"
|
|
47
|
+
], f.elevation),
|
|
48
|
+
glass: g(t.glass, [
|
|
49
|
+
"off",
|
|
50
|
+
"subtle",
|
|
51
|
+
"full"
|
|
52
|
+
], f.glass),
|
|
53
|
+
motion: g(t.motion, [
|
|
54
|
+
"off",
|
|
55
|
+
"reduced",
|
|
56
|
+
"full"
|
|
57
|
+
], f.motion),
|
|
58
|
+
mode: g(t.mode, [
|
|
59
|
+
"light",
|
|
60
|
+
"dark",
|
|
61
|
+
"system"
|
|
62
|
+
], f.mode)
|
|
63
|
+
};
|
|
64
|
+
} catch {
|
|
65
|
+
return null;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
function g(e, t, n) {
|
|
69
|
+
return typeof e == "string" && t.includes(e) ? e : n;
|
|
70
|
+
}
|
|
71
|
+
var _ = o(h() ?? f), v = o((e) => {
|
|
72
|
+
let { mode: t } = e(_);
|
|
73
|
+
return t === "system" ? typeof window > "u" || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t;
|
|
74
|
+
});
|
|
75
|
+
function y(i, o) {
|
|
76
|
+
let s = { ...e(o === "dark" ? t(i.primaryColor) : n(i.primaryColor), o) };
|
|
77
|
+
Object.assign(s, r()), Object.assign(s, a(i.shape, i.density, i.elevation, i.glass, i.motion, o));
|
|
78
|
+
let c = [i.colorOverrides, o === "dark" ? i.colorOverridesDark : i.colorOverridesLight];
|
|
79
|
+
for (let e of c) if (e != null) for (let [t, n] of Object.entries(e)) n !== void 0 && (s[t] = n);
|
|
80
|
+
return s;
|
|
81
|
+
}
|
|
82
|
+
function b(e, t, n) {
|
|
83
|
+
let r = document.documentElement;
|
|
84
|
+
if (n !== void 0) for (let e of n) r.style.removeProperty(e);
|
|
85
|
+
r.getAttribute("data-theme-mode") !== t && r.setAttribute("data-theme-mode", t);
|
|
86
|
+
let i = Object.keys(e);
|
|
87
|
+
for (let [t, n] of Object.entries(e)) r.style.setProperty(t, n);
|
|
88
|
+
return i;
|
|
89
|
+
}
|
|
90
|
+
var x = {
|
|
91
|
+
default: {
|
|
92
|
+
primaryColor: i,
|
|
93
|
+
shape: "default",
|
|
94
|
+
density: "default",
|
|
95
|
+
elevation: "raised",
|
|
96
|
+
glass: "full",
|
|
97
|
+
motion: "full"
|
|
98
|
+
},
|
|
99
|
+
email: {
|
|
100
|
+
primaryColor: "#3b7ddd",
|
|
101
|
+
shape: "default",
|
|
102
|
+
density: "comfortable",
|
|
103
|
+
elevation: "subtle",
|
|
104
|
+
glass: "subtle",
|
|
105
|
+
motion: "full"
|
|
106
|
+
},
|
|
107
|
+
dashboard: {
|
|
108
|
+
primaryColor: i,
|
|
109
|
+
shape: "default",
|
|
110
|
+
density: "compact",
|
|
111
|
+
elevation: "subtle",
|
|
112
|
+
glass: "off",
|
|
113
|
+
motion: "full"
|
|
114
|
+
},
|
|
115
|
+
"zinc-neutral": {
|
|
116
|
+
primaryColor: "#3b7ddd",
|
|
117
|
+
shape: "default",
|
|
118
|
+
density: "default",
|
|
119
|
+
elevation: "subtle",
|
|
120
|
+
glass: "subtle",
|
|
121
|
+
motion: "full",
|
|
122
|
+
colorOverridesLight: {
|
|
123
|
+
"--gds-bg": "#fafafa",
|
|
124
|
+
"--gds-bg-secondary": "#f4f4f5",
|
|
125
|
+
"--gds-bg-tertiary": "#e4e4e7",
|
|
126
|
+
"--gds-surface": "#ffffff",
|
|
127
|
+
"--gds-surface-raised": "#ffffff",
|
|
128
|
+
"--gds-fg": "#09090b",
|
|
129
|
+
"--gds-fg-secondary": "#3f3f46",
|
|
130
|
+
"--gds-fg-muted": "#71717a",
|
|
131
|
+
"--gds-border": "#e4e4e7",
|
|
132
|
+
"--gds-border-strong": "#d4d4d8",
|
|
133
|
+
"--gds-overlay": "rgba(0,0,0,0.5)",
|
|
134
|
+
"--gds-accent": "#3b7ddd",
|
|
135
|
+
"--gds-accent-hover": "#2b6bc5",
|
|
136
|
+
"--gds-accent-fg": "#ffffff",
|
|
137
|
+
"--gds-success": "#0ca678",
|
|
138
|
+
"--gds-warning": "#e67700",
|
|
139
|
+
"--gds-danger": "#e03131",
|
|
140
|
+
"--gds-info": "#3b7ddd"
|
|
141
|
+
},
|
|
142
|
+
colorOverridesDark: {
|
|
143
|
+
"--gds-bg": "#09090b",
|
|
144
|
+
"--gds-bg-secondary": "#0a0a0a",
|
|
145
|
+
"--gds-bg-tertiary": "#18181b",
|
|
146
|
+
"--gds-surface": "#18181b",
|
|
147
|
+
"--gds-surface-raised": "#27272a",
|
|
148
|
+
"--gds-fg": "#fafafa",
|
|
149
|
+
"--gds-fg-secondary": "#a1a1aa",
|
|
150
|
+
"--gds-fg-muted": "#71717a",
|
|
151
|
+
"--gds-border": "#27272a",
|
|
152
|
+
"--gds-border-strong": "#3f3f46",
|
|
153
|
+
"--gds-overlay": "rgba(0,0,0,0.7)",
|
|
154
|
+
"--gds-accent": "#3b82f6",
|
|
155
|
+
"--gds-accent-hover": "#60a5fa",
|
|
156
|
+
"--gds-accent-fg": "#ffffff",
|
|
157
|
+
"--gds-success": "#22c55e",
|
|
158
|
+
"--gds-warning": "#f59e0b",
|
|
159
|
+
"--gds-danger": "#ef4444",
|
|
160
|
+
"--gds-info": "#3b82f6"
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}, S = "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap", C = ["https://fonts.googleapis.com", "https://fonts.gstatic.com"], w = "gds-cjk-fonts";
|
|
164
|
+
function T() {
|
|
165
|
+
u(() => {
|
|
166
|
+
if (typeof document > "u" || document.getElementById(w) !== null) return;
|
|
167
|
+
let e = document.head;
|
|
168
|
+
for (let t of C) {
|
|
169
|
+
let n = document.createElement("link");
|
|
170
|
+
n.rel = "preconnect", n.href = t, t.includes("gstatic") && (n.crossOrigin = "anonymous"), n.setAttribute("data-gds", "font-preconnect"), e.appendChild(n);
|
|
171
|
+
}
|
|
172
|
+
let t = document.createElement("link");
|
|
173
|
+
t.id = w, t.rel = "stylesheet", t.href = S, t.setAttribute("data-gds", "cjk-fonts"), e.appendChild(t);
|
|
174
|
+
}, []);
|
|
175
|
+
}
|
|
176
|
+
//#endregion
|
|
177
|
+
//#region src/l1-systems/use-theme.ts
|
|
178
|
+
var E = { colorPresets: {} };
|
|
179
|
+
function D(e) {
|
|
180
|
+
E = e;
|
|
181
|
+
}
|
|
182
|
+
function O() {
|
|
183
|
+
return c(_);
|
|
184
|
+
}
|
|
185
|
+
function k() {
|
|
186
|
+
return c(v);
|
|
187
|
+
}
|
|
188
|
+
function A() {
|
|
189
|
+
let [, e] = s(_);
|
|
190
|
+
return l((t) => {
|
|
191
|
+
e((e) => ({
|
|
192
|
+
...e,
|
|
193
|
+
mode: t
|
|
194
|
+
}));
|
|
195
|
+
}, [e]);
|
|
196
|
+
}
|
|
197
|
+
function j() {
|
|
198
|
+
let [, e] = s(_);
|
|
199
|
+
return l((t) => {
|
|
200
|
+
let n = x[t];
|
|
201
|
+
if (n !== void 0) {
|
|
202
|
+
e((e) => ({
|
|
203
|
+
...e,
|
|
204
|
+
presetId: t,
|
|
205
|
+
colorOverrides: null,
|
|
206
|
+
colorOverridesLight: null,
|
|
207
|
+
colorOverridesDark: null,
|
|
208
|
+
...n
|
|
209
|
+
}));
|
|
210
|
+
return;
|
|
211
|
+
}
|
|
212
|
+
let r = E.colorPresets[t]?.primaryColor ?? f.primaryColor;
|
|
213
|
+
e((e) => ({
|
|
214
|
+
...e,
|
|
215
|
+
presetId: t,
|
|
216
|
+
primaryColor: r,
|
|
217
|
+
colorOverrides: null,
|
|
218
|
+
colorOverridesLight: null,
|
|
219
|
+
colorOverridesDark: null
|
|
220
|
+
}));
|
|
221
|
+
}, [e]);
|
|
222
|
+
}
|
|
223
|
+
function M() {
|
|
224
|
+
let [, e] = s(_);
|
|
225
|
+
return l((t) => {
|
|
226
|
+
e((e) => ({
|
|
227
|
+
...e,
|
|
228
|
+
primaryColor: t,
|
|
229
|
+
colorOverrides: null,
|
|
230
|
+
colorOverridesLight: null,
|
|
231
|
+
colorOverridesDark: null
|
|
232
|
+
}));
|
|
233
|
+
}, [e]);
|
|
234
|
+
}
|
|
235
|
+
function N() {
|
|
236
|
+
let [, e] = s(_);
|
|
237
|
+
return l((t) => {
|
|
238
|
+
e((e) => ({
|
|
239
|
+
...e,
|
|
240
|
+
shape: t
|
|
241
|
+
}));
|
|
242
|
+
}, [e]);
|
|
243
|
+
}
|
|
244
|
+
function P() {
|
|
245
|
+
let [, e] = s(_);
|
|
246
|
+
return l((t) => {
|
|
247
|
+
e((e) => ({
|
|
248
|
+
...e,
|
|
249
|
+
density: t
|
|
250
|
+
}));
|
|
251
|
+
}, [e]);
|
|
252
|
+
}
|
|
253
|
+
function F() {
|
|
254
|
+
let [, e] = s(_);
|
|
255
|
+
return l((t) => {
|
|
256
|
+
e((e) => ({
|
|
257
|
+
...e,
|
|
258
|
+
elevation: t
|
|
259
|
+
}));
|
|
260
|
+
}, [e]);
|
|
261
|
+
}
|
|
262
|
+
function I() {
|
|
263
|
+
let [, e] = s(_);
|
|
264
|
+
return l((t) => {
|
|
265
|
+
e((e) => ({
|
|
266
|
+
...e,
|
|
267
|
+
glass: t
|
|
268
|
+
}));
|
|
269
|
+
}, [e]);
|
|
270
|
+
}
|
|
271
|
+
function L() {
|
|
272
|
+
let [, e] = s(_);
|
|
273
|
+
return l((t) => {
|
|
274
|
+
e((e) => ({
|
|
275
|
+
...e,
|
|
276
|
+
motion: t
|
|
277
|
+
}));
|
|
278
|
+
}, [e]);
|
|
279
|
+
}
|
|
280
|
+
function R() {
|
|
281
|
+
let [, e] = s(_);
|
|
282
|
+
return l((t) => {
|
|
283
|
+
e((e) => ({
|
|
284
|
+
...e,
|
|
285
|
+
colorOverrides: t,
|
|
286
|
+
colorOverridesLight: null,
|
|
287
|
+
colorOverridesDark: null
|
|
288
|
+
}));
|
|
289
|
+
}, [e]);
|
|
290
|
+
}
|
|
291
|
+
function z() {
|
|
292
|
+
let [, e] = s(_);
|
|
293
|
+
return l(() => {
|
|
294
|
+
e(f);
|
|
295
|
+
}, [e]);
|
|
296
|
+
}
|
|
297
|
+
function B() {
|
|
298
|
+
let e = c(_), t = c(v), n = d([]);
|
|
299
|
+
u(() => {
|
|
300
|
+
n.current = b(y(e, t), t, n.current), m(e);
|
|
301
|
+
}, [e, t]), u(() => {
|
|
302
|
+
let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => {};
|
|
303
|
+
return e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
304
|
+
}, []);
|
|
305
|
+
}
|
|
306
|
+
//#endregion
|
|
307
|
+
export { h as _, P as a, _ as b, A as c, M as d, N as f, f as g, T as h, R as i, L as l, B as m, z as n, F as o, O as p, k as r, I as s, D as t, j as u, y as v, x, v as y };
|
|
308
|
+
|
|
309
|
+
//# sourceMappingURL=use-theme-DJmWAXqb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-theme-DJmWAXqb.js","names":[],"sources":["../src/l1-systems/theme.ts","../src/l1-systems/use-fonts.ts","../src/l1-systems/use-theme.ts"],"sourcesContent":["// L1 — Theme System\n// manages color preset + 5 dimensional axes + dark/light mode\n// applies CSS variable overrides to document root\n// persists to localStorage, syncs across tabs\n\nimport { atom } from 'jotai'\n\nimport {\n deriveDarkPalette,\n deriveLightPalette,\n paletteToVars,\n} from '../l0-tokens/color-derive'\nimport { fontToCssVars } from '../l0-tokens/font-system'\nimport { DEFAULT_PRIMARY } from '../l0-tokens/generate-defaults'\nimport type {\n ThemeDensity,\n ThemeElevation,\n ThemeGlass,\n ThemeMotion,\n ThemeShape,\n} from '../l0-tokens/scales'\nimport { resolveAxesToCssVars } from '../l0-tokens/scales'\n\n// color overrides — per-token overrides for advanced users\n// consumers can override ANY --gds-* color variable to fully customize the palette\nexport type ThemeColorOverrides = {\n // accent family\n '--gds-accent': string\n '--gds-accent-fg': string\n '--gds-accent-hover': string\n\n // base surfaces\n '--gds-bg': string\n '--gds-bg-secondary': string\n '--gds-bg-tertiary': string\n '--gds-surface': string\n '--gds-surface-raised': string\n\n // foreground\n '--gds-fg': string\n '--gds-fg-secondary': string\n '--gds-fg-muted': string\n\n // borders\n '--gds-border': string\n '--gds-border-strong': string\n\n // overlay\n '--gds-overlay': string\n\n // semantic\n '--gds-danger': string\n '--gds-info': string\n '--gds-success': string\n '--gds-warning': string\n}\n\nexport type ThemeMode = 'dark' | 'light' | 'system'\n\n// full theme state — what the user has configured\nexport type ThemeState = {\n mode: ThemeMode\n primaryColor: string // single source — everything derived from this\n presetId: string // for UI display only (\"default\", \"teal\", \"amber\"...)\n // dimensional axes — each constrained to L0 scale options\n shape: ThemeShape\n density: ThemeDensity\n elevation: ThemeElevation\n glass: ThemeGlass\n motion: ThemeMotion\n // optional per-token color overrides (advanced — overrides derivation)\n colorOverrides: Partial<ThemeColorOverrides> | null\n // mode-aware overrides — applied on top of colorOverrides for the matching mode\n colorOverridesLight: Partial<ThemeColorOverrides> | null\n colorOverridesDark: Partial<ThemeColorOverrides> | null\n}\n\n// default theme — beautiful out of the box\nexport const DEFAULT_THEME: ThemeState = {\n mode: 'system',\n primaryColor: DEFAULT_PRIMARY,\n presetId: 'default',\n shape: 'default',\n density: 'default',\n elevation: 'raised',\n glass: 'full',\n motion: 'full',\n colorOverrides: null,\n colorOverridesLight: null,\n colorOverridesDark: null,\n}\n\n// persistence — must be defined before themeAtom so atom init can load from localStorage\nconst STORAGE_KEY = 'gds-theme'\n\nexport function persistTheme(state: ThemeState): void {\n try {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(state))\n } catch {\n // storage full or unavailable\n }\n}\n\nexport function loadPersistedTheme(): ThemeState | null {\n try {\n if (typeof window === 'undefined') return null\n const raw = localStorage.getItem(STORAGE_KEY)\n if (raw === null) return null\n const parsed = JSON.parse(raw) as Partial<ThemeState>\n // validate and merge with defaults to handle schema evolution\n return {\n ...DEFAULT_THEME,\n ...parsed,\n // validate primaryColor is a hex string\n primaryColor:\n typeof parsed.primaryColor === 'string' &&\n /^#[0-9a-fA-F]{6}$/.test(parsed.primaryColor)\n ? parsed.primaryColor\n : DEFAULT_THEME.primaryColor,\n // ensure constrained values are valid\n shape: validateOption(\n parsed.shape,\n ['sharp', 'default', 'rounded'],\n DEFAULT_THEME.shape\n ),\n density: validateOption(\n parsed.density,\n ['compact', 'default', 'comfortable'],\n DEFAULT_THEME.density\n ),\n elevation: validateOption(\n parsed.elevation,\n ['flat', 'subtle', 'raised'],\n DEFAULT_THEME.elevation\n ),\n glass: validateOption(\n parsed.glass,\n ['off', 'subtle', 'full'],\n DEFAULT_THEME.glass\n ),\n motion: validateOption(\n parsed.motion,\n ['off', 'reduced', 'full'],\n DEFAULT_THEME.motion\n ),\n mode: validateOption(\n parsed.mode,\n ['light', 'dark', 'system'],\n DEFAULT_THEME.mode\n ),\n }\n } catch {\n return null\n }\n}\n\nfunction validateOption<T extends string>(\n value: unknown,\n options: T[],\n fallback: T\n): T {\n if (typeof value === 'string' && options.includes(value as T)) {\n return value as T\n }\n return fallback\n}\n\n// jotai atoms — reactive theme state\n// initialize from localStorage to avoid race condition with useThemeEffect\nexport const themeAtom = atom<ThemeState>(loadPersistedTheme() ?? DEFAULT_THEME)\n\nexport const resolvedModeAtom = atom<'dark' | 'light'>((get) => {\n const { mode } = get(themeAtom)\n if (mode !== 'system') return mode\n if (typeof window === 'undefined') return 'dark'\n return window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light'\n})\n\n// resolve theme state → flat CSS variable overrides\n// all colors derived from primaryColor via L0 functions — no manual color presets\nexport function resolveThemeCssVars(\n state: ThemeState,\n resolvedMode: 'dark' | 'light'\n): Record<string, string> {\n // 1. derive colors from primaryColor\n const palette =\n resolvedMode === 'dark'\n ? deriveDarkPalette(state.primaryColor)\n : deriveLightPalette(state.primaryColor)\n const vars: Record<string, string> = {\n ...paletteToVars(palette, resolvedMode),\n }\n\n // 2. font stacks + weights\n Object.assign(vars, fontToCssVars())\n\n // 3. dimensional axes — computed by L0 system functions\n Object.assign(\n vars,\n resolveAxesToCssVars(\n state.shape,\n state.density,\n state.elevation,\n state.glass,\n state.motion,\n resolvedMode\n )\n )\n\n // 4. per-token color overrides (highest priority — advanced users)\n // apply order: colorOverrides (both modes) → colorOverrides{Light|Dark} (mode-specific)\n const overrideLayers = [\n state.colorOverrides,\n resolvedMode === 'dark'\n ? state.colorOverridesDark\n : state.colorOverridesLight,\n ]\n for (const layer of overrideLayers) {\n if (layer !== null && layer !== undefined) {\n for (const [key, val] of Object.entries(layer)) {\n if (val !== undefined) {\n vars[key] = val\n }\n }\n }\n }\n\n return vars\n}\n\n// apply resolved vars to document\nexport function applyThemeToDocument(\n vars: Record<string, string>,\n resolvedMode: 'dark' | 'light',\n previousKeys?: string[]\n): string[] {\n const root = document.documentElement\n\n // clear previous overrides\n if (previousKeys !== undefined) {\n for (const key of previousKeys) {\n root.style.removeProperty(key)\n }\n }\n\n // set mode attribute\n const mode = root.getAttribute('data-theme-mode')\n if (mode !== resolvedMode) {\n root.setAttribute('data-theme-mode', resolvedMode)\n }\n\n // apply new overrides\n const keys = Object.keys(vars)\n for (const [key, val] of Object.entries(vars)) {\n root.style.setProperty(key, val)\n }\n\n return keys\n}\n\n// named theme presets — optimized axis combinations for specific application types\n// override fields are optional — simple presets only need axes + primaryColor\nexport type ThemePreset = Omit<\n ThemeState,\n | 'mode'\n | 'presetId'\n | 'colorOverrides'\n | 'colorOverridesLight'\n | 'colorOverridesDark'\n> & {\n colorOverrides?: Partial<ThemeColorOverrides> | null\n colorOverridesLight?: Partial<ThemeColorOverrides> | null\n colorOverridesDark?: Partial<ThemeColorOverrides> | null\n}\n\nexport const themePresets = {\n // default: balanced for general-purpose dashboards\n default: {\n primaryColor: DEFAULT_PRIMARY,\n shape: 'default' as const,\n density: 'default' as const,\n elevation: 'raised' as const,\n glass: 'full' as const,\n motion: 'full' as const,\n },\n // email: optimized for email/productivity apps (mailrs-proven)\n // comfortable density for readable 14px base, subtle elevation for clean modern look\n email: {\n primaryColor: '#3b7ddd', // slightly desaturated blue, validated in production\n shape: 'default' as const,\n density: 'comfortable' as const,\n elevation: 'subtle' as const,\n glass: 'subtle' as const,\n motion: 'full' as const,\n },\n // dashboard: data-dense monitoring/analytics\n dashboard: {\n primaryColor: DEFAULT_PRIMARY,\n shape: 'default' as const,\n density: 'compact' as const,\n elevation: 'subtle' as const,\n glass: 'off' as const,\n motion: 'full' as const,\n },\n // zinc-neutral: pure neutral surfaces for productivity apps (email, editors, docs)\n // zero hue tint — uses Tailwind zinc scale for content-neutral backgrounds\n // mailrs-proven palette, optimized for long-session comfort\n 'zinc-neutral': {\n primaryColor: '#3b7ddd',\n shape: 'default' as const,\n density: 'default' as const,\n elevation: 'subtle' as const,\n glass: 'subtle' as const,\n motion: 'full' as const,\n colorOverridesLight: {\n '--gds-bg': '#fafafa', // zinc-50\n '--gds-bg-secondary': '#f4f4f5', // zinc-100\n '--gds-bg-tertiary': '#e4e4e7', // zinc-200\n '--gds-surface': '#ffffff',\n '--gds-surface-raised': '#ffffff',\n '--gds-fg': '#09090b', // zinc-950\n '--gds-fg-secondary': '#3f3f46', // zinc-700\n '--gds-fg-muted': '#71717a', // zinc-500\n '--gds-border': '#e4e4e7', // zinc-200\n '--gds-border-strong': '#d4d4d8', // zinc-300\n '--gds-overlay': 'rgba(0,0,0,0.5)',\n '--gds-accent': '#3b7ddd',\n '--gds-accent-hover': '#2b6bc5',\n '--gds-accent-fg': '#ffffff',\n '--gds-success': '#0ca678', // mantine green\n '--gds-warning': '#e67700', // mantine orange\n '--gds-danger': '#e03131', // mantine red\n '--gds-info': '#3b7ddd',\n },\n colorOverridesDark: {\n '--gds-bg': '#09090b', // zinc-950\n '--gds-bg-secondary': '#0a0a0a', // near-black\n '--gds-bg-tertiary': '#18181b', // zinc-900\n '--gds-surface': '#18181b', // zinc-900\n '--gds-surface-raised': '#27272a', // zinc-800\n '--gds-fg': '#fafafa', // zinc-50\n '--gds-fg-secondary': '#a1a1aa', // zinc-400\n '--gds-fg-muted': '#71717a', // zinc-500\n '--gds-border': '#27272a', // zinc-800\n '--gds-border-strong': '#3f3f46', // zinc-700\n '--gds-overlay': 'rgba(0,0,0,0.7)',\n '--gds-accent': '#3b82f6', // blue-500\n '--gds-accent-hover': '#60a5fa', // blue-400\n '--gds-accent-fg': '#ffffff',\n '--gds-success': '#22c55e', // green-500\n '--gds-warning': '#f59e0b', // amber-500\n '--gds-danger': '#ef4444', // red-500\n '--gds-info': '#3b82f6',\n },\n },\n} as const satisfies Record<string, ThemePreset>\n\nexport type ThemePresetId = keyof typeof themePresets\n","// use-fonts — auto-inject CJK font links into document head\n// call once in app root to enable full CJK support (SC, JP, KR)\n// latin fonts are loaded via fonts.css (self-hosted woff2)\n\nimport { useEffect } from 'react'\n\nconst GOOGLE_FONTS_URL =\n 'https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap'\n\nconst PRECONNECT_URLS = [\n 'https://fonts.googleapis.com',\n 'https://fonts.gstatic.com',\n]\n\nconst MARKER_ID = 'gds-cjk-fonts'\n\n/** Auto-inject CJK font <link> tags. Call once at app root alongside useThemeEffect(). */\nexport function useFonts(): void {\n useEffect(() => {\n if (typeof document === 'undefined') return\n // skip if already injected\n if (document.getElementById(MARKER_ID) !== null) return\n\n const head = document.head\n\n // preconnect links\n for (const url of PRECONNECT_URLS) {\n const link = document.createElement('link')\n link.rel = 'preconnect'\n link.href = url\n if (url.includes('gstatic')) {\n link.crossOrigin = 'anonymous'\n }\n link.setAttribute('data-gds', 'font-preconnect')\n head.appendChild(link)\n }\n\n // stylesheet link\n const stylesheet = document.createElement('link')\n stylesheet.id = MARKER_ID\n stylesheet.rel = 'stylesheet'\n stylesheet.href = GOOGLE_FONTS_URL\n stylesheet.setAttribute('data-gds', 'cjk-fonts')\n head.appendChild(stylesheet)\n }, [])\n}\n","// L1 — theme hooks\n// components use these to read/write theme state\n// all changes go through constrained API — no raw CSS manipulation\n\nimport { useAtom, useAtomValue } from 'jotai'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport type {\n ThemeDensity,\n ThemeElevation,\n ThemeGlass,\n ThemeMotion,\n ThemeShape,\n} from '../l0-tokens/scales'\nimport type { ThemeColorOverrides, ThemeMode, ThemeState } from './theme'\nimport {\n applyThemeToDocument,\n DEFAULT_THEME,\n persistTheme,\n resolvedModeAtom,\n resolveThemeCssVars,\n themeAtom,\n themePresets,\n} from './theme'\n\n// color presets — app registers named presets, each is just a primaryColor\ntype ThemeConfig = {\n colorPresets: Record<string, { primaryColor: string }>\n}\n\nlet themeConfig: ThemeConfig = { colorPresets: {} }\n\n// called once at app init — register named color presets\nexport function configureTheme(config: ThemeConfig): void {\n themeConfig = config\n}\n\n// read current theme state (reactive)\nexport function useTheme(): ThemeState {\n return useAtomValue(themeAtom)\n}\n\n// read resolved dark/light mode (reactive)\nexport function useResolvedMode(): 'dark' | 'light' {\n return useAtomValue(resolvedModeAtom)\n}\n\n// theme mutation hooks — each returns a setter for one axis\nexport function useSetThemeMode(): (mode: ThemeMode) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (mode: ThemeMode) => {\n setTheme((prev) => ({ ...prev, mode }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemePreset(): (presetId: string) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (presetId: string) => {\n // check built-in presets first, then registered color presets\n const builtIn = themePresets[presetId as keyof typeof themePresets]\n if (builtIn !== undefined) {\n setTheme((prev) => ({\n ...prev,\n presetId,\n // reset all overrides first, then apply preset (which may set mode-aware ones)\n colorOverrides: null,\n colorOverridesLight: null,\n colorOverridesDark: null,\n ...builtIn,\n }))\n return\n }\n const preset = themeConfig.colorPresets[presetId]\n const primaryColor = preset?.primaryColor ?? DEFAULT_THEME.primaryColor\n setTheme((prev) => ({\n ...prev,\n presetId,\n primaryColor,\n colorOverrides: null,\n colorOverridesLight: null,\n colorOverridesDark: null,\n }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemePrimaryColor(): (color: string) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (primaryColor: string) => {\n setTheme((prev) => ({\n ...prev,\n primaryColor,\n colorOverrides: null,\n colorOverridesLight: null,\n colorOverridesDark: null,\n }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemeShape(): (shape: ThemeShape) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (shape: ThemeShape) => {\n setTheme((prev) => ({ ...prev, shape }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemeDensity(): (density: ThemeDensity) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (density: ThemeDensity) => {\n setTheme((prev) => ({ ...prev, density }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemeElevation(): (elevation: ThemeElevation) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (elevation: ThemeElevation) => {\n setTheme((prev) => ({ ...prev, elevation }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemeGlass(): (glass: ThemeGlass) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (glass: ThemeGlass) => {\n setTheme((prev) => ({ ...prev, glass }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemeMotion(): (motion: ThemeMotion) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (motion: ThemeMotion) => {\n setTheme((prev) => ({ ...prev, motion }))\n },\n [setTheme]\n )\n}\n\nexport function useSetThemeColors(): (\n overrides: Partial<ThemeColorOverrides> | null\n) => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(\n (colorOverrides: Partial<ThemeColorOverrides> | null) => {\n setTheme((prev) => ({\n ...prev,\n colorOverrides,\n // clear mode-aware overrides — user's explicit override should not be\n // shadowed by leftover mode-specific values from a preset\n colorOverridesLight: null,\n colorOverridesDark: null,\n }))\n },\n [setTheme]\n )\n}\n\nexport function useResetTheme(): () => void {\n const [, setTheme] = useAtom(themeAtom)\n return useCallback(() => {\n setTheme(DEFAULT_THEME)\n }, [setTheme])\n}\n\n// side-effect hook: apply theme to DOM + persist + listen to system changes\n// call this ONCE in the app root\nexport function useThemeEffect(): void {\n const theme = useAtomValue(themeAtom)\n const resolvedMode = useAtomValue(resolvedModeAtom)\n const prevKeysRef = useRef<string[]>([])\n\n // apply to DOM whenever theme changes\n useEffect(() => {\n const vars = resolveThemeCssVars(theme, resolvedMode)\n prevKeysRef.current = applyThemeToDocument(\n vars,\n resolvedMode,\n prevKeysRef.current\n )\n persistTheme(theme)\n }, [theme, resolvedMode])\n\n // listen for system theme preference changes\n useEffect(() => {\n const mq = window.matchMedia('(prefers-color-scheme: dark)')\n const handler = () => {\n // trigger re-render via resolvedModeAtom re-evaluation\n // jotai derived atoms auto-recompute, but we need to force it\n // by touching the base atom (no-op write)\n }\n mq.addEventListener('change', handler)\n return () => mq.removeEventListener('change', handler)\n }, [])\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../src/utils/gesture.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAgBnE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;AAE5E,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY;uBAGN,KAAK,CAAC,YAAY;uBAYlB,KAAK,CAAC,YAAY;;EAuCzD;AAID,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,IAAI;
|
|
1
|
+
{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../src/utils/gesture.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAgBnE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;AAE5E,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY;uBAGN,KAAK,CAAC,YAAY;uBAYlB,KAAK,CAAC,YAAY;;EAuCzD;AAID,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,IAAI;uBAK5C,KAAK,CAAC,YAAY;uBAUc,KAAK,CAAC,YAAY;;EAmBzD;AAID,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;AAEpD,wBAAgB,OAAO,CACrB,MAAM,EAAE,WAAW,EACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI;uBAKA,KAAK,CAAC,YAAY;uBAclD,KAAK,CAAC,YAAY;;EAwCzB;AAID,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EAC9B,KAAK,CAAC,EAAE,MAAM,IAAI,GACjB,MAAM,IAAI,CAwBZ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CASnD;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CASvE;AAGD,wBAAgB,eAAe,CAC7B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,MAAM,IAAI,GACzB,IAAI,CAWN;AAGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CASnD;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CASvE;AAGD,wBAAgB,eAAe,CAC7B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,MAAM,IAAI,GACzB,IAAI,CAWN;AAGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAyBpD;AAGD,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAMD,wBAAgB,YAAY,CAC1B,MAAM,EAAE,OAAO,GACd,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAwCxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC9D,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EACL,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC9D,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EACL,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,YAAY,EACV,KAAK,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAA;AAKhB,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../../src/utils/sanitize.ts"],"names":[],"mappings":"AAIA,OAAkB,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAA;AAElD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAA;AAGnC,QAAA,MAAM,qBAAqB,EAAE,cAI5B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../../src/utils/sanitize.ts"],"names":[],"mappings":"AAIA,OAAkB,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAA;AAElD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAA;AAGnC,QAAA,MAAM,qBAAqB,EAAE,cAI5B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,cAAc,GAAG,MAAM,CAK1E;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
|
package/dist/utils/tiptap.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export { CodeBlockLowlight as ExtCodeBlockLowlight } from '@tiptap/extension-cod
|
|
|
2
2
|
export { Image as ExtImage } from '@tiptap/extension-image';
|
|
3
3
|
export { Link as ExtLink } from '@tiptap/extension-link';
|
|
4
4
|
export { Placeholder as ExtPlaceholder } from '@tiptap/extension-placeholder';
|
|
5
|
-
export { Table as ExtTable, TableCell as ExtTableCell, TableHeader as ExtTableHeader, TableRow as ExtTableRow } from '@tiptap/extension-table';
|
|
5
|
+
export { Table as ExtTable, TableCell as ExtTableCell, TableHeader as ExtTableHeader, TableRow as ExtTableRow, } from '@tiptap/extension-table';
|
|
6
6
|
export { TaskItem as ExtTaskItem } from '@tiptap/extension-task-item';
|
|
7
7
|
export { TaskList as ExtTaskList } from '@tiptap/extension-task-list';
|
|
8
8
|
export { Underline as ExtUnderline } from '@tiptap/extension-underline';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tiptap.d.ts","sourceRoot":"","sources":["../../src/utils/tiptap.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACjG,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC7E,OAAO,
|
|
1
|
+
{"version":3,"file":"tiptap.d.ts","sourceRoot":"","sources":["../../src/utils/tiptap.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACjG,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC7E,OAAO,EACL,KAAK,IAAI,QAAQ,EACjB,SAAS,IAAI,YAAY,EACzB,WAAW,IAAI,cAAc,EAC7B,QAAQ,IAAI,WAAW,GACxB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAA;AACvE,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAIA,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAIA,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACxD,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGtB,MAAM,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACnE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAGZ,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAGhD,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACjD,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAGjD,MAAM,MAAM,UAAU,CAAC,WAAW,EAAE,cAAc,IAAI,IAAI,CACxD,WAAW,EACX,MAAM,cAAc,CACrB,GACC,cAAc,CAAA;AAKhB,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAGxD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAGnD,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;AACtD,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;AAC9C,MAAM,MAAM,SAAS,GAAG,GAAG,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,KAAK,EAAE,CAAA;AAGtD,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAGD,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,YAAY,GACZ,SAAS,CAAA;AAKb,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;CACtC,CAAA;AAID,MAAM,MAAM,cAAc,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAGD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@goliapkg/gds",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "GOLIA Design System — enterprise-grade UI component library with contextual depth, glass materials, AI-native structure, and 10 design principles",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -94,8 +94,9 @@
|
|
|
94
94
|
"test": "vitest run",
|
|
95
95
|
"test:watch": "vitest",
|
|
96
96
|
"test:coverage": "vitest run --coverage",
|
|
97
|
-
"lint": "eslint src/",
|
|
98
|
-
"lint:fix": "eslint --fix src/",
|
|
97
|
+
"lint": "eslint src/ && prettier --check src/",
|
|
98
|
+
"lint:fix": "eslint --fix src/ && prettier --write src/",
|
|
99
|
+
"fix": "eslint --fix src/ && prettier --write src/",
|
|
99
100
|
"typecheck": "tsc --noEmit",
|
|
100
101
|
"clean": "rm -rf dist",
|
|
101
102
|
"build": "bun run clean && bun run build:lib && bun run build:types && bun run build:css",
|
|
@@ -107,6 +108,7 @@
|
|
|
107
108
|
"peerDependencies": {
|
|
108
109
|
"react": ">=19.0.0",
|
|
109
110
|
"react-dom": ">=19.0.0",
|
|
111
|
+
"jotai": "^2.19.0",
|
|
110
112
|
"@tiptap/react": "^3.0.0",
|
|
111
113
|
"@tiptap/starter-kit": "^3.0.0",
|
|
112
114
|
"@tiptap/extension-code-block-lowlight": "^3.0.0",
|
|
@@ -121,28 +123,51 @@
|
|
|
121
123
|
"dompurify": "^3.0.0"
|
|
122
124
|
},
|
|
123
125
|
"peerDependenciesMeta": {
|
|
124
|
-
"@tiptap/react": {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
"@tiptap/
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
"@tiptap/extension-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
"@tiptap/extension-
|
|
134
|
-
|
|
135
|
-
|
|
126
|
+
"@tiptap/react": {
|
|
127
|
+
"optional": true
|
|
128
|
+
},
|
|
129
|
+
"@tiptap/starter-kit": {
|
|
130
|
+
"optional": true
|
|
131
|
+
},
|
|
132
|
+
"@tiptap/extension-code-block-lowlight": {
|
|
133
|
+
"optional": true
|
|
134
|
+
},
|
|
135
|
+
"@tiptap/extension-image": {
|
|
136
|
+
"optional": true
|
|
137
|
+
},
|
|
138
|
+
"@tiptap/extension-link": {
|
|
139
|
+
"optional": true
|
|
140
|
+
},
|
|
141
|
+
"@tiptap/extension-table": {
|
|
142
|
+
"optional": true
|
|
143
|
+
},
|
|
144
|
+
"@tiptap/extension-task-list": {
|
|
145
|
+
"optional": true
|
|
146
|
+
},
|
|
147
|
+
"@tiptap/extension-task-item": {
|
|
148
|
+
"optional": true
|
|
149
|
+
},
|
|
150
|
+
"@tiptap/extension-underline": {
|
|
151
|
+
"optional": true
|
|
152
|
+
},
|
|
153
|
+
"@tiptap/extension-placeholder": {
|
|
154
|
+
"optional": true
|
|
155
|
+
},
|
|
156
|
+
"lowlight": {
|
|
157
|
+
"optional": true
|
|
158
|
+
},
|
|
159
|
+
"dompurify": {
|
|
160
|
+
"optional": true
|
|
161
|
+
}
|
|
136
162
|
},
|
|
137
163
|
"dependencies": {
|
|
138
164
|
"class-variance-authority": "^0.7.1",
|
|
139
165
|
"clsx": "^2.1.1",
|
|
140
|
-
"
|
|
141
|
-
"
|
|
142
|
-
"recharts": "^3.8.0",
|
|
166
|
+
"lucide-react": "^1.7.0",
|
|
167
|
+
"recharts": "^3.8.1",
|
|
143
168
|
"shiki": "^4.0.2",
|
|
144
169
|
"tailwind-merge": "^3.5.0",
|
|
145
|
-
"tailwindcss": "^4.2.
|
|
170
|
+
"tailwindcss": "^4.2.2"
|
|
146
171
|
},
|
|
147
172
|
"devDependencies": {
|
|
148
173
|
"@eslint/js": "^10.0.1",
|
|
@@ -150,34 +175,37 @@
|
|
|
150
175
|
"@testing-library/jest-dom": "^6.9.1",
|
|
151
176
|
"@testing-library/react": "^16.3.2",
|
|
152
177
|
"@testing-library/user-event": "^14.6.1",
|
|
153
|
-
"@tiptap/
|
|
154
|
-
"@tiptap/
|
|
155
|
-
"@tiptap/extension-
|
|
156
|
-
"@tiptap/extension-
|
|
157
|
-
"@tiptap/extension-
|
|
158
|
-
"@tiptap/extension-
|
|
159
|
-
"@tiptap/extension-task-list": "^3.
|
|
160
|
-
"@tiptap/extension-
|
|
161
|
-
"@tiptap/
|
|
162
|
-
"@tiptap/
|
|
163
|
-
"
|
|
164
|
-
"dompurify": "^3.0.0",
|
|
165
|
-
"@types/dompurify": "^3.0.0",
|
|
178
|
+
"@tiptap/extension-code-block-lowlight": "^3.21.0",
|
|
179
|
+
"@tiptap/extension-image": "^3.21.0",
|
|
180
|
+
"@tiptap/extension-link": "^3.21.0",
|
|
181
|
+
"@tiptap/extension-placeholder": "^3.21.0",
|
|
182
|
+
"@tiptap/extension-table": "^3.21.0",
|
|
183
|
+
"@tiptap/extension-task-item": "^3.21.0",
|
|
184
|
+
"@tiptap/extension-task-list": "^3.21.0",
|
|
185
|
+
"@tiptap/extension-underline": "^3.21.0",
|
|
186
|
+
"@tiptap/react": "^3.21.0",
|
|
187
|
+
"@tiptap/starter-kit": "^3.21.0",
|
|
188
|
+
"@types/dompurify": "^3.2.0",
|
|
166
189
|
"@types/react": "^19.2.14",
|
|
167
190
|
"@types/react-dom": "^19.2.3",
|
|
168
191
|
"@vitejs/plugin-react": "^6.0.1",
|
|
169
|
-
"@vitest/coverage-v8": "^4.1.
|
|
192
|
+
"@vitest/coverage-v8": "^4.1.2",
|
|
193
|
+
"dompurify": "^3.3.3",
|
|
170
194
|
"eslint": "^10.1.0",
|
|
171
195
|
"eslint-plugin-react": "^7.37.5",
|
|
172
196
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
173
197
|
"eslint-plugin-simple-import-sort": "^12.1.1",
|
|
174
|
-
"happy-dom": "^20.8.
|
|
198
|
+
"happy-dom": "^20.8.9",
|
|
199
|
+
"jotai": "^2.19.0",
|
|
200
|
+
"lowlight": "^3.3.0",
|
|
201
|
+
"prettier": "^3.8.1",
|
|
202
|
+
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
175
203
|
"react": "^19.2.4",
|
|
176
204
|
"react-dom": "^19.2.4",
|
|
177
205
|
"react-router": "^7.13.2",
|
|
178
|
-
"typescript": "^
|
|
206
|
+
"typescript": "^6.0.2",
|
|
179
207
|
"typescript-eslint": "^8.57.2",
|
|
180
|
-
"vite": "^8.0.
|
|
181
|
-
"vitest": "^4.1.
|
|
208
|
+
"vite": "^8.0.3",
|
|
209
|
+
"vitest": "^4.1.2"
|
|
182
210
|
}
|
|
183
211
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-l3SaMCmU.js","names":[],"sources":["../src/l3-atoms/avatar.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\n\nconst avatarVariants = cva(\n 'relative inline-flex shrink-0 select-none items-center justify-center rounded-full font-medium',\n {\n defaultVariants: { size: 'default' },\n variants: {\n size: {\n default: 'h-8 w-8 text-xs',\n lg: 'h-10 w-10 text-sm',\n sm: 'h-6 w-6 text-[10px]',\n xs: 'h-5 w-5 text-[9px]',\n },\n },\n },\n)\n\nconst paletteColors = [\n 'bg-palette-0', 'bg-palette-1', 'bg-palette-2', 'bg-palette-3', 'bg-palette-4',\n 'bg-palette-5', 'bg-palette-6', 'bg-palette-7', 'bg-palette-8', 'bg-palette-9',\n]\n\nconst statusColors: Record<string, string> = {\n away: 'bg-warning',\n busy: 'bg-danger',\n offline: 'bg-fg-muted/30',\n online: 'bg-success',\n}\n\nconst statusSizeMap: Record<string, string> = {\n default: 'h-2.5 w-2.5',\n lg: 'h-3 w-3',\n sm: 'h-2 w-2',\n xs: 'h-1.5 w-1.5',\n}\n\nfunction getInitials(name: string): string {\n const parts = name.trim().split(/\\s+/)\n if (parts.length >= 2) return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n return name.slice(0, 2).toUpperCase()\n}\n\nfunction hashName(name: string): number {\n let hash = 0\n for (let i = 0; i < name.length; i++) {\n hash = (hash * 31 + name.charCodeAt(i)) | 0\n }\n return Math.abs(hash)\n}\n\ntype AvatarStatus = 'away' | 'busy' | 'offline' | 'online'\n\ntype AvatarProps = React.HTMLAttributes<HTMLSpanElement> &\n VariantProps<typeof avatarVariants> & {\n /** Enable frosted glass translucency effect */\n glass?: boolean\n /** Show pulse skeleton placeholder */\n loading?: boolean\n /** Display name — used for initials and color hashing */\n name?: string\n /** Image URL; falls back to initials when absent */\n src?: string\n /** Presence indicator dot in bottom-right corner */\n status?: AvatarStatus\n }\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n function Avatar({ className, glass, loading, name, size = 'default', src, status, ...props }, ref) {\n const sizeKey = size ?? 'default'\n const colorIdx = name !== undefined ? hashName(name) % 10 : 0\n\n return (\n <span\n className={cx(\n avatarVariants({ size }),\n src === undefined && paletteColors[colorIdx],\n src === undefined && 'text-accent-fg',\n glassClass(glass),\n className,\n )}\n data-component=\"avatar\"\n ref={ref}\n {...props}\n >\n {loading === true ? (\n <span className=\"absolute inset-0 animate-pulse rounded-full bg-fg-muted/20\" />\n ) : src !== undefined ? (\n <img alt={name ?? ''} className=\"absolute inset-0 h-full w-full rounded-full object-cover\" src={src} />\n ) : (\n <span>{name !== undefined ? getInitials(name) : '?'}</span>\n )}\n {status !== undefined && (\n <span\n className={cx(\n 'absolute right-0 bottom-0 rounded-full ring-2 ring-bg',\n statusSizeMap[sizeKey],\n statusColors[status],\n )}\n />\n )}\n </span>\n )\n },\n)\n\ntype AvatarGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n max?: number\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n function AvatarGroup({ children, className, max, ...props }, ref) {\n const items = Array.isArray(children) ? children : [children]\n const visible = max !== undefined ? items.slice(0, max) : items\n const overflow = max !== undefined ? items.length - max : 0\n\n return (\n <div\n className={cx('flex -space-x-2', className)}\n data-component=\"avatar-group\"\n ref={ref}\n {...props}\n >\n {visible}\n {overflow > 0 && (\n <span className=\"inline-flex gds-sq items-center justify-center rounded-full bg-bg-tertiary gds-text-body font-medium text-fg-muted ring-2 ring-bg\">\n +{overflow}\n </span>\n )}\n </div>\n )\n },\n)\n\nexport { avatarVariants }\nexport type { AvatarGroupProps, AvatarProps, AvatarStatus }\n"],"mappings":";;;;;AAOA,IAAM,IAAiB,EACrB,kGACA;CACE,iBAAiB,EAAE,MAAM,WAAW;CACpC,UAAU,EACR,MAAM;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CACF,EAEK,IAAgB;CACpB;CAAgB;CAAgB;CAAgB;CAAgB;CAChE;CAAgB;CAAgB;CAAgB;CAAgB;CACjE,EAEK,IAAuC;CAC3C,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACT,EAEK,IAAwC;CAC5C,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAS,EAAY,GAAsB;CACzC,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM;AAEtC,QADI,EAAM,UAAU,IAAU,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,GACnE,EAAK,MAAM,GAAG,EAAE,CAAC,aAAa;;AAGvC,SAAS,EAAS,GAAsB;CACtC,IAAI,IAAO;AACX,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,IAC/B,KAAQ,IAAO,KAAK,EAAK,WAAW,EAAE,GAAI;AAE5C,QAAO,KAAK,IAAI,EAAK;;AAmBvB,IAAa,IAAS,EACpB,SAAgB,EAAE,cAAW,UAAO,YAAS,SAAM,UAAO,WAAW,QAAK,WAAQ,GAAG,KAAS,GAAK;CACjG,IAAM,IAAU,KAAQ,WAClB,IAAW,MAAS,KAAA,IAAkC,IAAtB,EAAS,EAAK,GAAG;AAEvD,QACE,kBAAC,QAAD;EACE,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,MAAQ,KAAA,KAAa,EAAc,IACnC,MAAQ,KAAA,KAAa,kBACrB,EAAW,EAAM,EACjB,EACD;EACD,kBAAe;EACV;EACL,GAAI;YAVN,CAYG,MAAY,KACX,kBAAC,QAAD,EAAM,WAAU,8DAA+D,CAAA,GAC7E,MAAQ,KAAA,IAGV,kBAAC,QAAD,EAAA,UAAO,MAAS,KAAA,IAAgC,MAApB,EAAY,EAAK,EAAc,CAAA,GAF3D,kBAAC,OAAD;GAAK,KAAK,KAAQ;GAAI,WAAU;GAAgE;GAAO,CAAA,EAIxG,MAAW,KAAA,KACV,kBAAC,QAAD,EACE,WAAW,EACT,yDACA,EAAc,IACd,EAAa,GACd,EACD,CAAA,CAEC;;EAGZ,EAMY,IAAc,EACzB,SAAqB,EAAE,aAAU,cAAW,QAAK,GAAG,KAAS,GAAK;CAChE,IAAM,IAAQ,MAAM,QAAQ,EAAS,GAAG,IAAW,CAAC,EAAS,EACvD,IAAU,MAAQ,KAAA,IAAkC,IAAtB,EAAM,MAAM,GAAG,EAAI,EACjD,IAAW,MAAQ,KAAA,IAAiC,IAArB,EAAM,SAAS;AAEpD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,mBAAmB,EAAU;EAC3C,kBAAe;EACV;EACL,GAAI;YAJN,CAMG,GACA,IAAW,KACV,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAoJ,KAChJ,EACG;KAEL;;EAGX"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"badge-DTJq6AXr.js","names":[],"sources":["../src/l2-primitives/badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\n\nconst badgeVariants = cva(\n 'inline-flex select-none items-center gds-gap-xs gds-radius-badge gds-pad-x-sm gds-pad-y-sm gds-text-caption font-medium',\n {\n defaultVariants: {\n variant: 'default',\n },\n variants: {\n variant: {\n danger: 'bg-danger/10 text-danger',\n default: 'bg-fg-muted/10 text-fg-muted',\n info: 'bg-accent/10 text-accent',\n 'palette-0': 'bg-palette-0/10 text-palette-0',\n 'palette-1': 'bg-palette-1/10 text-palette-1',\n 'palette-2': 'bg-palette-2/10 text-palette-2',\n 'palette-3': 'bg-palette-3/10 text-palette-3',\n 'palette-4': 'bg-palette-4/10 text-palette-4',\n 'palette-5': 'bg-palette-5/10 text-palette-5',\n 'palette-6': 'bg-palette-6/10 text-palette-6',\n 'palette-7': 'bg-palette-7/10 text-palette-7',\n 'palette-8': 'bg-palette-8/10 text-palette-8',\n 'palette-9': 'bg-palette-9/10 text-palette-9',\n success: 'bg-success/10 text-success',\n warning: 'bg-warning/10 text-warning',\n },\n },\n },\n)\n\nconst dotColors: Partial<Record<string, string>> = {\n danger: 'bg-danger',\n default: 'bg-fg-muted',\n info: 'bg-accent',\n success: 'bg-success',\n warning: 'bg-warning',\n}\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>\n\ntype BadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n VariantProps<typeof badgeVariants> & {\n count?: number\n countMax?: number\n dot?: boolean\n glass?: boolean\n }\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n function Badge(\n {\n children,\n className,\n count,\n countMax = 99,\n dot,\n glass,\n variant,\n ...props\n },\n ref,\n ) {\n // count badge mode\n if (count !== undefined) {\n if (count <= 0) return null\n const display = count > countMax ? `${countMax}+` : String(count)\n return (\n <span\n className={cx(\n 'inline-flex items-center justify-center gds-radius-badge gds-text-caption font-bold text-accent-fg select-none',\n 'h-[18px] min-w-[18px] px-1',\n variant === 'danger' ? 'animate-pulse bg-danger' : 'bg-accent',\n glassClass(glass),\n glass === true && 'border border-white/10 bg-white/5',\n className,\n )}\n data-component=\"badge\"\n data-variant=\"count\"\n ref={ref}\n {...props}\n >\n {display}\n </span>\n )\n }\n\n // standard badge\n return (\n <span\n className={cx(\n badgeVariants({ variant }),\n glassClass(glass),\n glass === true && 'border border-white/10 bg-white/5',\n className,\n )}\n data-component=\"badge\"\n data-variant={variant ?? 'default'}\n ref={ref}\n {...props}\n >\n {dot === true && (\n <span\n className={cx(\n 'h-1.5 w-1.5 gds-radius-badge',\n dotColors[variant ?? 'default'] ?? 'bg-fg-muted',\n )}\n />\n )}\n {children}\n </span>\n )\n },\n)\n\n// map a numeric index to a palette variant\nexport function paletteVariant(index: number): BadgeVariant {\n return `palette-${index % 10}` as BadgeVariant\n}\n\nexport { badgeVariants }\nexport type { BadgeProps, BadgeVariant }\n"],"mappings":";;;;;AAOA,IAAM,IAAgB,EACpB,2HACA;CACE,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,QAAQ;EACR,SAAS;EACT,MAAM;EACN,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,SAAS;EACT,SAAS;EACV,EACF;CACF,CACF,EAEK,IAA6C;CACjD,QAAQ;CACR,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACV,EAYY,IAAQ,EACnB,SACE,EACE,aACA,cACA,UACA,cAAW,IACX,QACA,UACA,YACA,GAAG,KAEL,GACA;AAEA,KAAI,MAAU,KAAA,GAAW;AACvB,MAAI,KAAS,EAAG,QAAO;EACvB,IAAM,IAAU,IAAQ,IAAW,GAAG,EAAS,KAAK,OAAO,EAAM;AACjE,SACE,kBAAC,QAAD;GACE,WAAW,EACT,kHACA,8BACA,MAAY,WAAW,4BAA4B,aACnD,EAAW,EAAM,EACjB,MAAU,MAAQ,qCAClB,EACD;GACD,kBAAe;GACf,gBAAa;GACR;GACL,GAAI;aAEH;GACI,CAAA;;AAKX,QACE,kBAAC,QAAD;EACE,WAAW,EACT,EAAc,EAAE,YAAS,CAAC,EAC1B,EAAW,EAAM,EACjB,MAAU,MAAQ,qCAClB,EACD;EACD,kBAAe;EACf,gBAAc,KAAW;EACpB;EACL,GAAI;YAVN,CAYG,MAAQ,MACP,kBAAC,QAAD,EACE,WAAW,EACT,gCACA,EAAU,KAAW,cAAc,cACpC,EACD,CAAA,EAEH,EACI;;EAGZ;AAGD,SAAgB,EAAe,GAA6B;AAC1D,QAAO,WAAW,IAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-avu-rQU4.js","names":[],"sources":["../node_modules/class-variance-authority/dist/index.mjs","../src/l2-primitives/button.tsx"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n","import { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { motionClass } from '../utils/motion'\nimport type { VariantProps } from '../utils/types'\n\nconst buttonVariants = cva(\n 'inline-flex select-none items-center justify-center font-medium transition-colors ' +\n focusCls,\n {\n defaultVariants: {\n size: 'default',\n variant: 'primary',\n },\n variants: {\n size: {\n default: 'gds-h gds-gap-sm gds-radius-button gds-pad-x gds-text-body',\n lg: 'gds-h-lg gds-gap gds-radius-button gds-pad-x-lg gds-text-body',\n sm: 'gds-h-sm gds-gap-xs gds-radius-button gds-pad-x-sm gds-text-label',\n },\n variant: {\n danger: 'bg-danger text-accent-fg hover:bg-danger/90',\n ghost: 'bg-transparent text-fg-muted hover:bg-bg-tertiary hover:text-fg',\n primary: 'bg-accent text-accent-fg hover:bg-accent-hover',\n secondary: 'border border-border bg-transparent text-fg hover:bg-bg-tertiary',\n },\n },\n },\n)\n\ntype ButtonSize = 'default' | 'lg' | 'sm'\ntype ButtonVariant = 'danger' | 'ghost' | 'primary' | 'secondary'\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n VariantProps<typeof buttonVariants> & {\n /** Visual style: primary, secondary, ghost, danger */\n variant?: 'danger' | 'ghost' | 'primary' | 'secondary'\n /** Height and text scale preset */\n size?: 'default' | 'lg' | 'sm'\n fullWidth?: boolean\n /** Enable frosted glass translucency effect */\n glass?: boolean\n /** Icon element rendered before children */\n icon?: ReactNode\n iconRight?: ReactNode\n /** Show spinner and disable interaction */\n loading?: boolean\n /** Animation preset name (e.g. 'fade', 'scale') */\n motion?: string\n }\n\n// inline SVG spinner to avoid circular L2 dependency\nfunction InlineSpinner() {\n return (\n <svg className=\"h-3 w-3 animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n fill=\"currentColor\"\n />\n </svg>\n )\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n function Button(\n {\n children,\n className,\n disabled,\n fullWidth,\n glass,\n icon,\n iconRight,\n loading,\n motion: m,\n size,\n variant,\n ...props\n },\n ref,\n ) {\n return (\n <button\n className={cx(\n buttonVariants({ size, variant }),\n (disabled === true || loading === true) && 'cursor-not-allowed opacity-50',\n fullWidth === true && 'w-full',\n glassClass(glass),\n glass === true && 'border border-white/10 bg-bg/60',\n motionClass(m),\n className,\n )}\n data-component=\"button\"\n data-variant={variant ?? 'primary'}\n disabled={disabled === true || loading === true}\n ref={ref}\n {...props}\n >\n {loading === true ? (\n <InlineSpinner />\n ) : icon !== undefined ? (\n <span className=\"gds-icon-child-sm\">{icon}</span>\n ) : null}\n {children}\n {iconRight !== undefined && (\n <span className=\"gds-icon-child-sm\">{iconRight}</span>\n )}\n </button>\n )\n },\n)\n\nexport { buttonVariants }\nexport type { ButtonProps, ButtonSize, ButtonVariant }\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAeA,IAAM,KAAiB,MAAQ,OAAO,KAAU,YAAY,GAAG,MAAU,MAAU,IAAI,MAAM,GAChF,IAAK,GACL,KAAO,GAAM,OAAU,MAAQ;AAEpC,KAAK,GAAuD,YAAa,KAAM,QAAO,EAAG,GAAM,GAAoD,OAAO,GAAoD,UAAU;CACxN,IAAM,EAAE,aAAU,uBAAoB,GAChC,IAAuB,OAAO,KAAK,EAAS,CAAC,KAAK,MAAU;EAC9D,IAAM,IAAc,IAAoD,IAClE,IAAqB,IAAkF;AAC7G,MAAI,MAAgB,KAAM,QAAO;EACjC,IAAM,IAAa,EAAc,EAAY,IAAI,EAAc,EAAmB;AAClF,SAAO,EAAS,GAAS;GAC3B,EACI,IAAwB,KAAS,OAAO,QAAQ,EAAM,CAAC,QAAQ,GAAK,MAAQ;EAC9E,IAAI,CAAC,GAAK,KAAS;AAKnB,SAJI,MAAU,KAAA,MAGd,EAAI,KAAO,IAFA;IAIZ,EAAE,CAAC;AAkBN,QAAO,EAAG,GAAM,GAjBqB,GAAmF,kBAAsG,QAAQ,GAAK,MAAQ;EAC/O,IAAI,EAAE,OAAO,GAAS,WAAW,GAAa,GAAG,MAA2B;AAC5E,SAAO,OAAO,QAAQ,EAAuB,CAAC,OAAO,MAAQ;GACzD,IAAI,CAAC,GAAK,KAAS;AACnB,UAAO,MAAM,QAAQ,EAAM,GAAG,EAAM,SAAS;IACzC,GAAG;IACH,GAAG;IACN,CAAC,GAAK,GAAI;IACP,GAAG;IACH,GAAG;IACN,CAAE,OAAS;IACd,GAAG;GACD,GAAG;GACH;GACA;GACH,GAAG;IACL,EAAE,CAAC,EAC8D,GAAoD,OAAO,GAAoD,UAAU;GC3C/L,IAAiB,EACrB,uFACE,GACF;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,WAAW;GACZ;EACF;CACF,CACF;AAwBD,SAAS,IAAgB;AACvB,QACE,kBAAC,OAAD;EAAK,WAAU;EAAuB,MAAK;EAAO,SAAQ;YAA1D,CACE,kBAAC,UAAD;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;GACZ,CAAA,EACF,kBAAC,QAAD;GACE,WAAU;GACV,GAAE;GACF,MAAK;GACL,CAAA,CACE;;;AAIV,IAAa,IAAS,EACpB,SACE,EACE,aACA,cACA,aACA,cACA,UACA,SACA,cACA,YACA,QAAQ,GACR,SACA,YACA,GAAG,KAEL,GACA;AACA,QACE,kBAAC,UAAD;EACE,WAAW,EACT,EAAe;GAAE;GAAM;GAAS,CAAC,GAChC,MAAa,MAAQ,MAAY,OAAS,iCAC3C,MAAc,MAAQ,UACtB,EAAW,EAAM,EACjB,MAAU,MAAQ,mCAClB,EAAY,EAAE,EACd,EACD;EACD,kBAAe;EACf,gBAAc,KAAW;EACzB,UAAU,MAAa,MAAQ,MAAY;EACtC;EACL,GAAI;YAdN;GAgBG,MAAY,KACX,kBAAC,GAAD,EAAiB,CAAA,GACf,MAAS,KAAA,IAET,OADF,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAY,CAAA;GAElD;GACA,MAAc,KAAA,KACb,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAiB,CAAA;GAEjD;;EAGd"}
|