@deepfuture/dui-theme-default 0.0.1

package/index.js

@@ -0,0 +1,246 @@
+import { themedBase } from "./base.js";
+import { accordionStyles } from "./components/accordion.js";
+import { accordionItemStyles } from "./components/accordion-item.js";
+import { buttonStyles } from "./components/button.js";
+import { switchStyles } from "./components/switch.js";
+import { badgeStyles } from "./components/badge.js";
+import { scrollAreaStyles } from "./components/scroll-area.js";
+import { comboboxStyles } from "./components/combobox.js";
+import { menuStyles } from "./components/menu.js";
+import { menuItemStyles } from "./components/menu-item.js";
+import { popoverStyles } from "./components/popover.js";
+import { popoverPopupStyles } from "./components/popover-popup.js";
+import { tooltipStyles } from "./components/tooltip.js";
+import { tooltipPopupStyles } from "./components/tooltip-popup.js";
+import { dialogStyles } from "./components/dialog.js";
+import { dialogPopupStyles } from "./components/dialog-popup.js";
+import { alertDialogStyles } from "./components/alert-dialog.js";
+import { alertDialogPopupStyles } from "./components/alert-dialog-popup.js";
+import { breadcrumbStyles } from "./components/breadcrumb.js";
+import { breadcrumbItemStyles } from "./components/breadcrumb-item.js";
+import { breadcrumbLinkStyles } from "./components/breadcrumb-link.js";
+import { breadcrumbPageStyles } from "./components/breadcrumb-page.js";
+import { breadcrumbSeparatorStyles } from "./components/breadcrumb-separator.js";
+import { breadcrumbEllipsisStyles } from "./components/breadcrumb-ellipsis.js";
+import { checkboxStyles } from "./components/checkbox.js";
+import { checkboxGroupStyles } from "./components/checkbox-group.js";
+import { collapsibleStyles } from "./components/collapsible.js";
+import { toolbarStyles } from "./components/toolbar.js";
+import { sliderStyles } from "./components/slider.js";
+import { spinnerStyles } from "./components/spinner.js";
+import { tabStyles } from "./components/tab.js";
+import { tabsStyles } from "./components/tabs.js";
+import { tabsIndicatorStyles } from "./components/tabs-indicator.js";
+import { tabsListStyles } from "./components/tabs-list.js";
+import { tabsPanelStyles } from "./components/tabs-panel.js";
+import { textareaStyles } from "./components/textarea.js";
+import { truncStyles } from "./components/trunc.js";
+import { centerStyles } from "./components/center.js";
+import { hstackStyles } from "./components/hstack.js";
+import { vstackStyles } from "./components/vstack.js";
+import { pageInsetStyles } from "./components/page-inset.js";
+import { linkStyles } from "./components/link.js";
+import { avatarStyles } from "./components/avatar.js";
+import { portalStyles } from "./components/portal.js";
+import { inputStyles } from "./components/input.js";
+import { radioStyles } from "./components/radio.js";
+import { radioGroupStyles } from "./components/radio-group.js";
+import { dropzoneStyles } from "./components/dropzone.js";
+import { selectStyles } from "./components/select.js";
+import { previewCardStyles } from "./components/preview-card.js";
+import { previewCardPopupStyles } from "./components/preview-card-popup.js";
+import { dataTableStyles } from "./components/data-table.js";
+import { commandStyles } from "./components/command.js";
+import { commandInputStyles } from "./components/command-input.js";
+import { commandItemStyles } from "./components/command-item.js";
+import { commandListStyles } from "./components/command-list.js";
+import { commandGroupStyles } from "./components/command-group.js";
+import { commandEmptyStyles } from "./components/command-empty.js";
+import { commandSeparatorStyles } from "./components/command-separator.js";
+import { commandShortcutStyles } from "./components/command-shortcut.js";
+import { sidebarProviderStyles } from "./components/sidebar-provider.js";
+import { sidebarStyles } from "./components/sidebar.js";
+import { sidebarTriggerStyles } from "./components/sidebar-trigger.js";
+import { sidebarContentStyles } from "./components/sidebar-content.js";
+import { sidebarHeaderStyles } from "./components/sidebar-header.js";
+import { sidebarFooterStyles } from "./components/sidebar-footer.js";
+import { sidebarGroupStyles } from "./components/sidebar-group.js";
+import { sidebarGroupLabelStyles } from "./components/sidebar-group-label.js";
+import { sidebarMenuStyles } from "./components/sidebar-menu.js";
+import { sidebarMenuItemStyles } from "./components/sidebar-menu-item.js";
+import { sidebarMenuButtonStyles } from "./components/sidebar-menu-button.js";
+import { sidebarSeparatorStyles } from "./components/sidebar-separator.js";
+import { sidebarInsetStyles } from "./components/sidebar-inset.js";
+import { separatorStyles } from "./components/separator.js";
+import { progressStyles } from "./components/progress.js";
+import { toggleStyles } from "./components/toggle.js";
+import { toggleGroupStyles } from "./components/toggle-group.js";
+import { numberFieldStyles } from "./components/number-field.js";
+import { menubarStyles } from "./components/menubar.js";
+import { calendarStyles } from "./components/calendar.js";
+import { tokenSheet } from "./tokens.js";
+export const defaultTheme = {
+    tokens: tokenSheet,
+    base: themedBase,
+    styles: new Map([
+        ["dui-accordion", accordionStyles],
+        ["dui-accordion-item", accordionItemStyles],
+        ["dui-button", buttonStyles],
+        ["dui-switch", switchStyles],
+        ["dui-badge", badgeStyles],
+        ["dui-scroll-area", scrollAreaStyles],
+        ["dui-combobox", comboboxStyles],
+        ["dui-menu", menuStyles],
+        ["dui-menu-item", menuItemStyles],
+        ["dui-popover", popoverStyles],
+        ["dui-popover-popup", popoverPopupStyles],
+        ["dui-tooltip", tooltipStyles],
+        ["dui-tooltip-popup", tooltipPopupStyles],
+        ["dui-dialog", dialogStyles],
+        ["dui-dialog-popup", dialogPopupStyles],
+        ["dui-alert-dialog", alertDialogStyles],
+        ["dui-alert-dialog-popup", alertDialogPopupStyles],
+        ["dui-breadcrumb", breadcrumbStyles],
+        ["dui-breadcrumb-item", breadcrumbItemStyles],
+        ["dui-breadcrumb-link", breadcrumbLinkStyles],
+        ["dui-breadcrumb-page", breadcrumbPageStyles],
+        ["dui-breadcrumb-separator", breadcrumbSeparatorStyles],
+        ["dui-breadcrumb-ellipsis", breadcrumbEllipsisStyles],
+        ["dui-checkbox", checkboxStyles],
+        ["dui-checkbox-group", checkboxGroupStyles],
+        ["dui-collapsible", collapsibleStyles],
+        ["dui-toolbar", toolbarStyles],
+        ["dui-slider", sliderStyles],
+        ["dui-spinner", spinnerStyles],
+        ["dui-tab", tabStyles],
+        ["dui-tabs", tabsStyles],
+        ["dui-tabs-indicator", tabsIndicatorStyles],
+        ["dui-tabs-list", tabsListStyles],
+        ["dui-tabs-panel", tabsPanelStyles],
+        ["dui-textarea", textareaStyles],
+        ["dui-trunc", truncStyles],
+        ["dui-center", centerStyles],
+        ["dui-hstack", hstackStyles],
+        ["dui-vstack", vstackStyles],
+        ["dui-page-inset", pageInsetStyles],
+        ["dui-link", linkStyles],
+        ["dui-avatar", avatarStyles],
+        ["dui-portal", portalStyles],
+        ["dui-input", inputStyles],
+        ["dui-radio", radioStyles],
+        ["dui-radio-group", radioGroupStyles],
+        ["dui-dropzone", dropzoneStyles],
+        ["dui-select", selectStyles],
+        ["dui-preview-card", previewCardStyles],
+        ["dui-preview-card-popup", previewCardPopupStyles],
+        ["dui-data-table", dataTableStyles],
+        ["dui-command", commandStyles],
+        ["dui-command-input", commandInputStyles],
+        ["dui-command-item", commandItemStyles],
+        ["dui-command-list", commandListStyles],
+        ["dui-command-group", commandGroupStyles],
+        ["dui-command-empty", commandEmptyStyles],
+        ["dui-command-separator", commandSeparatorStyles],
+        ["dui-command-shortcut", commandShortcutStyles],
+        ["dui-sidebar-provider", sidebarProviderStyles],
+        ["dui-sidebar", sidebarStyles],
+        ["dui-sidebar-trigger", sidebarTriggerStyles],
+        ["dui-sidebar-content", sidebarContentStyles],
+        ["dui-sidebar-header", sidebarHeaderStyles],
+        ["dui-sidebar-footer", sidebarFooterStyles],
+        ["dui-sidebar-group", sidebarGroupStyles],
+        ["dui-sidebar-group-label", sidebarGroupLabelStyles],
+        ["dui-sidebar-menu", sidebarMenuStyles],
+        ["dui-sidebar-menu-item", sidebarMenuItemStyles],
+        ["dui-sidebar-menu-button", sidebarMenuButtonStyles],
+        ["dui-sidebar-separator", sidebarSeparatorStyles],
+        ["dui-sidebar-inset", sidebarInsetStyles],
+        ["dui-separator", separatorStyles],
+        ["dui-progress", progressStyles],
+        ["dui-toggle", toggleStyles],
+        ["dui-toggle-group", toggleGroupStyles],
+        ["dui-number-field", numberFieldStyles],
+        ["dui-menubar", menubarStyles],
+        ["dui-calendar", calendarStyles],
+    ]),
+};
+export { themedBase } from "./base.js";
+export { accordionStyles } from "./components/accordion.js";
+export { accordionItemStyles } from "./components/accordion-item.js";
+export { buttonStyles } from "./components/button.js";
+export { switchStyles } from "./components/switch.js";
+export { badgeStyles } from "./components/badge.js";
+export { scrollAreaStyles } from "./components/scroll-area.js";
+export { comboboxStyles } from "./components/combobox.js";
+export { menuStyles } from "./components/menu.js";
+export { menuItemStyles } from "./components/menu-item.js";
+export { popoverStyles } from "./components/popover.js";
+export { popoverPopupStyles } from "./components/popover-popup.js";
+export { tooltipStyles } from "./components/tooltip.js";
+export { tooltipPopupStyles } from "./components/tooltip-popup.js";
+export { dialogStyles } from "./components/dialog.js";
+export { dialogPopupStyles } from "./components/dialog-popup.js";
+export { alertDialogStyles } from "./components/alert-dialog.js";
+export { alertDialogPopupStyles } from "./components/alert-dialog-popup.js";
+export { breadcrumbStyles } from "./components/breadcrumb.js";
+export { breadcrumbItemStyles } from "./components/breadcrumb-item.js";
+export { breadcrumbLinkStyles } from "./components/breadcrumb-link.js";
+export { breadcrumbPageStyles } from "./components/breadcrumb-page.js";
+export { breadcrumbSeparatorStyles } from "./components/breadcrumb-separator.js";
+export { breadcrumbEllipsisStyles } from "./components/breadcrumb-ellipsis.js";
+export { checkboxStyles } from "./components/checkbox.js";
+export { checkboxGroupStyles } from "./components/checkbox-group.js";
+export { collapsibleStyles } from "./components/collapsible.js";
+export { toolbarStyles } from "./components/toolbar.js";
+export { sliderStyles } from "./components/slider.js";
+export { spinnerStyles } from "./components/spinner.js";
+export { tabStyles } from "./components/tab.js";
+export { tabsStyles } from "./components/tabs.js";
+export { tabsIndicatorStyles } from "./components/tabs-indicator.js";
+export { tabsListStyles } from "./components/tabs-list.js";
+export { tabsPanelStyles } from "./components/tabs-panel.js";
+export { textareaStyles } from "./components/textarea.js";
+export { truncStyles } from "./components/trunc.js";
+export { centerStyles } from "./components/center.js";
+export { hstackStyles } from "./components/hstack.js";
+export { vstackStyles } from "./components/vstack.js";
+export { pageInsetStyles } from "./components/page-inset.js";
+export { linkStyles } from "./components/link.js";
+export { avatarStyles } from "./components/avatar.js";
+export { portalStyles } from "./components/portal.js";
+export { inputStyles } from "./components/input.js";
+export { radioStyles } from "./components/radio.js";
+export { radioGroupStyles } from "./components/radio-group.js";
+export { dropzoneStyles } from "./components/dropzone.js";
+export { selectStyles } from "./components/select.js";
+export { previewCardStyles } from "./components/preview-card.js";
+export { previewCardPopupStyles } from "./components/preview-card-popup.js";
+export { dataTableStyles } from "./components/data-table.js";
+export { commandStyles } from "./components/command.js";
+export { commandInputStyles } from "./components/command-input.js";
+export { commandItemStyles } from "./components/command-item.js";
+export { commandListStyles } from "./components/command-list.js";
+export { commandGroupStyles } from "./components/command-group.js";
+export { commandEmptyStyles } from "./components/command-empty.js";
+export { commandSeparatorStyles } from "./components/command-separator.js";
+export { commandShortcutStyles } from "./components/command-shortcut.js";
+export { sidebarProviderStyles } from "./components/sidebar-provider.js";
+export { sidebarStyles } from "./components/sidebar.js";
+export { sidebarTriggerStyles } from "./components/sidebar-trigger.js";
+export { sidebarContentStyles } from "./components/sidebar-content.js";
+export { sidebarHeaderStyles } from "./components/sidebar-header.js";
+export { sidebarFooterStyles } from "./components/sidebar-footer.js";
+export { sidebarGroupStyles } from "./components/sidebar-group.js";
+export { sidebarGroupLabelStyles } from "./components/sidebar-group-label.js";
+export { sidebarMenuStyles } from "./components/sidebar-menu.js";
+export { sidebarMenuItemStyles } from "./components/sidebar-menu-item.js";
+export { sidebarMenuButtonStyles } from "./components/sidebar-menu-button.js";
+export { sidebarSeparatorStyles } from "./components/sidebar-separator.js";
+export { sidebarInsetStyles } from "./components/sidebar-inset.js";
+export { separatorStyles } from "./components/separator.js";
+export { progressStyles } from "./components/progress.js";
+export { toggleStyles } from "./components/toggle.js";
+export { toggleGroupStyles } from "./components/toggle-group.js";
+export { numberFieldStyles } from "./components/number-field.js";
+export { menubarStyles } from "./components/menubar.js";
+export { calendarStyles } from "./components/calendar.js";

package/package.json

@@ -0,0 +1,360 @@
+{
+  "name": "@deepfuture/dui-theme-default",
+  "version": "0.0.1",
+  "description": "DUI default theme — design tokens and aesthetic component styles",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nicholasgasior/dui.git",
+    "directory": "packages/theme-default"
+  },
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "types": "./index.d.ts"
+    },
+    "./components/accordion": {
+      "import": "./components/accordion.js",
+      "types": "./components/accordion.d.ts"
+    },
+    "./components/accordion-item": {
+      "import": "./components/accordion-item.js",
+      "types": "./components/accordion-item.d.ts"
+    },
+    "./components/button": {
+      "import": "./components/button.js",
+      "types": "./components/button.d.ts"
+    },
+    "./components/switch": {
+      "import": "./components/switch.js",
+      "types": "./components/switch.d.ts"
+    },
+    "./components/badge": {
+      "import": "./components/badge.js",
+      "types": "./components/badge.d.ts"
+    },
+    "./components/scroll-area": {
+      "import": "./components/scroll-area.js",
+      "types": "./components/scroll-area.d.ts"
+    },
+    "./components/combobox": {
+      "import": "./components/combobox.js",
+      "types": "./components/combobox.d.ts"
+    },
+    "./components/menu": {
+      "import": "./components/menu.js",
+      "types": "./components/menu.d.ts"
+    },
+    "./components/menu-item": {
+      "import": "./components/menu-item.js",
+      "types": "./components/menu-item.d.ts"
+    },
+    "./components/popover": {
+      "import": "./components/popover.js",
+      "types": "./components/popover.d.ts"
+    },
+    "./components/popover-popup": {
+      "import": "./components/popover-popup.js",
+      "types": "./components/popover-popup.d.ts"
+    },
+    "./components/tooltip": {
+      "import": "./components/tooltip.js",
+      "types": "./components/tooltip.d.ts"
+    },
+    "./components/tooltip-popup": {
+      "import": "./components/tooltip-popup.js",
+      "types": "./components/tooltip-popup.d.ts"
+    },
+    "./tokens": {
+      "import": "./tokens.js",
+      "types": "./tokens.d.ts"
+    },
+    "./tokens-raw": {
+      "import": "./tokens-raw.js",
+      "types": "./tokens-raw.d.ts"
+    },
+    "./components/dialog": {
+      "import": "./components/dialog.js",
+      "types": "./components/dialog.d.ts"
+    },
+    "./components/dialog-popup": {
+      "import": "./components/dialog-popup.js",
+      "types": "./components/dialog-popup.d.ts"
+    },
+    "./components/alert-dialog": {
+      "import": "./components/alert-dialog.js",
+      "types": "./components/alert-dialog.d.ts"
+    },
+    "./components/alert-dialog-popup": {
+      "import": "./components/alert-dialog-popup.js",
+      "types": "./components/alert-dialog-popup.d.ts"
+    },
+    "./components/breadcrumb": {
+      "import": "./components/breadcrumb.js",
+      "types": "./components/breadcrumb.d.ts"
+    },
+    "./components/breadcrumb-item": {
+      "import": "./components/breadcrumb-item.js",
+      "types": "./components/breadcrumb-item.d.ts"
+    },
+    "./components/breadcrumb-link": {
+      "import": "./components/breadcrumb-link.js",
+      "types": "./components/breadcrumb-link.d.ts"
+    },
+    "./components/breadcrumb-page": {
+      "import": "./components/breadcrumb-page.js",
+      "types": "./components/breadcrumb-page.d.ts"
+    },
+    "./components/breadcrumb-separator": {
+      "import": "./components/breadcrumb-separator.js",
+      "types": "./components/breadcrumb-separator.d.ts"
+    },
+    "./components/breadcrumb-ellipsis": {
+      "import": "./components/breadcrumb-ellipsis.js",
+      "types": "./components/breadcrumb-ellipsis.d.ts"
+    },
+    "./components/checkbox": {
+      "import": "./components/checkbox.js",
+      "types": "./components/checkbox.d.ts"
+    },
+    "./components/checkbox-group": {
+      "import": "./components/checkbox-group.js",
+      "types": "./components/checkbox-group.d.ts"
+    },
+    "./components/collapsible": {
+      "import": "./components/collapsible.js",
+      "types": "./components/collapsible.d.ts"
+    },
+    "./components/toolbar": {
+      "import": "./components/toolbar.js",
+      "types": "./components/toolbar.d.ts"
+    },
+    "./components/slider": {
+      "import": "./components/slider.js",
+      "types": "./components/slider.d.ts"
+    },
+    "./components/spinner": {
+      "import": "./components/spinner.js",
+      "types": "./components/spinner.d.ts"
+    },
+    "./components/tab": {
+      "import": "./components/tab.js",
+      "types": "./components/tab.d.ts"
+    },
+    "./components/tabs": {
+      "import": "./components/tabs.js",
+      "types": "./components/tabs.d.ts"
+    },
+    "./components/tabs-indicator": {
+      "import": "./components/tabs-indicator.js",
+      "types": "./components/tabs-indicator.d.ts"
+    },
+    "./components/tabs-list": {
+      "import": "./components/tabs-list.js",
+      "types": "./components/tabs-list.d.ts"
+    },
+    "./components/tabs-panel": {
+      "import": "./components/tabs-panel.js",
+      "types": "./components/tabs-panel.d.ts"
+    },
+    "./components/textarea": {
+      "import": "./components/textarea.js",
+      "types": "./components/textarea.d.ts"
+    },
+    "./components/trunc": {
+      "import": "./components/trunc.js",
+      "types": "./components/trunc.d.ts"
+    },
+    "./components/center": {
+      "import": "./components/center.js",
+      "types": "./components/center.d.ts"
+    },
+    "./components/hstack": {
+      "import": "./components/hstack.js",
+      "types": "./components/hstack.d.ts"
+    },
+    "./components/vstack": {
+      "import": "./components/vstack.js",
+      "types": "./components/vstack.d.ts"
+    },
+    "./components/page-inset": {
+      "import": "./components/page-inset.js",
+      "types": "./components/page-inset.d.ts"
+    },
+    "./components/link": {
+      "import": "./components/link.js",
+      "types": "./components/link.d.ts"
+    },
+    "./components/avatar": {
+      "import": "./components/avatar.js",
+      "types": "./components/avatar.d.ts"
+    },
+    "./components/portal": {
+      "import": "./components/portal.js",
+      "types": "./components/portal.d.ts"
+    },
+    "./components/input": {
+      "import": "./components/input.js",
+      "types": "./components/input.d.ts"
+    },
+    "./components/radio": {
+      "import": "./components/radio.js",
+      "types": "./components/radio.d.ts"
+    },
+    "./components/radio-group": {
+      "import": "./components/radio-group.js",
+      "types": "./components/radio-group.d.ts"
+    },
+    "./components/dropzone": {
+      "import": "./components/dropzone.js",
+      "types": "./components/dropzone.d.ts"
+    },
+    "./components/select": {
+      "import": "./components/select.js",
+      "types": "./components/select.d.ts"
+    },
+    "./components/preview-card": {
+      "import": "./components/preview-card.js",
+      "types": "./components/preview-card.d.ts"
+    },
+    "./components/preview-card-popup": {
+      "import": "./components/preview-card-popup.js",
+      "types": "./components/preview-card-popup.d.ts"
+    },
+    "./components/data-table": {
+      "import": "./components/data-table.js",
+      "types": "./components/data-table.d.ts"
+    },
+    "./components/command": {
+      "import": "./components/command.js",
+      "types": "./components/command.d.ts"
+    },
+    "./components/command-input": {
+      "import": "./components/command-input.js",
+      "types": "./components/command-input.d.ts"
+    },
+    "./components/command-item": {
+      "import": "./components/command-item.js",
+      "types": "./components/command-item.d.ts"
+    },
+    "./components/command-list": {
+      "import": "./components/command-list.js",
+      "types": "./components/command-list.d.ts"
+    },
+    "./components/command-group": {
+      "import": "./components/command-group.js",
+      "types": "./components/command-group.d.ts"
+    },
+    "./components/command-empty": {
+      "import": "./components/command-empty.js",
+      "types": "./components/command-empty.d.ts"
+    },
+    "./components/command-separator": {
+      "import": "./components/command-separator.js",
+      "types": "./components/command-separator.d.ts"
+    },
+    "./components/command-shortcut": {
+      "import": "./components/command-shortcut.js",
+      "types": "./components/command-shortcut.d.ts"
+    },
+    "./components/sidebar-provider": {
+      "import": "./components/sidebar-provider.js",
+      "types": "./components/sidebar-provider.d.ts"
+    },
+    "./components/sidebar": {
+      "import": "./components/sidebar.js",
+      "types": "./components/sidebar.d.ts"
+    },
+    "./components/sidebar-trigger": {
+      "import": "./components/sidebar-trigger.js",
+      "types": "./components/sidebar-trigger.d.ts"
+    },
+    "./components/sidebar-content": {
+      "import": "./components/sidebar-content.js",
+      "types": "./components/sidebar-content.d.ts"
+    },
+    "./components/sidebar-header": {
+      "import": "./components/sidebar-header.js",
+      "types": "./components/sidebar-header.d.ts"
+    },
+    "./components/sidebar-footer": {
+      "import": "./components/sidebar-footer.js",
+      "types": "./components/sidebar-footer.d.ts"
+    },
+    "./components/sidebar-group": {
+      "import": "./components/sidebar-group.js",
+      "types": "./components/sidebar-group.d.ts"
+    },
+    "./components/sidebar-group-label": {
+      "import": "./components/sidebar-group-label.js",
+      "types": "./components/sidebar-group-label.d.ts"
+    },
+    "./components/sidebar-menu": {
+      "import": "./components/sidebar-menu.js",
+      "types": "./components/sidebar-menu.d.ts"
+    },
+    "./components/sidebar-menu-item": {
+      "import": "./components/sidebar-menu-item.js",
+      "types": "./components/sidebar-menu-item.d.ts"
+    },
+    "./components/sidebar-menu-button": {
+      "import": "./components/sidebar-menu-button.js",
+      "types": "./components/sidebar-menu-button.d.ts"
+    },
+    "./components/sidebar-separator": {
+      "import": "./components/sidebar-separator.js",
+      "types": "./components/sidebar-separator.d.ts"
+    },
+    "./components/sidebar-inset": {
+      "import": "./components/sidebar-inset.js",
+      "types": "./components/sidebar-inset.d.ts"
+    },
+    "./components/separator": {
+      "import": "./components/separator.js",
+      "types": "./components/separator.d.ts"
+    },
+    "./components/progress": {
+      "import": "./components/progress.js",
+      "types": "./components/progress.d.ts"
+    },
+    "./components/toggle": {
+      "import": "./components/toggle.js",
+      "types": "./components/toggle.d.ts"
+    },
+    "./components/toggle-group": {
+      "import": "./components/toggle-group.js",
+      "types": "./components/toggle-group.d.ts"
+    },
+    "./components/number-field": {
+      "import": "./components/number-field.js",
+      "types": "./components/number-field.d.ts"
+    },
+    "./components/menubar": {
+      "import": "./components/menubar.js",
+      "types": "./components/menubar.d.ts"
+    },
+    "./components/calendar": {
+      "import": "./components/calendar.js",
+      "types": "./components/calendar.d.ts"
+    }
+  },
+  "files": [
+    "**/*.js",
+    "**/*.d.ts",
+    "**/*.css"
+  ],
+  "dependencies": {
+    "@deepfuture/dui-core": "0.0.1",
+    "lit": "^3.3.2"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "web-components",
+    "lit",
+    "unstyled",
+    "components",
+    "dui",
+    "theme"
+  ]
+}

package/tokens-raw.d.ts

@@ -0,0 +1,2 @@
+import tokensCSS from "./tokens.css";
+export { tokensCSS };

package/tokens-raw.js

@@ -0,0 +1,2 @@
+const tokensCSS = "/* =================================================================\n * DUI Design Tokens\n * =================================================================\n * Combined token system: spacing, typography, borders, elevation,\n * motion, colors, sizing, and focus.\n *\n * Tokens are declared on :root so they cascade through the entire\n * document, including into shadow DOM via CSS custom property\n * inheritance.\n *\n * Dark mode: apply data-theme=\"dark\" on <html> to switch palettes.\n * ================================================================= */\n\n:root {\n  /* -----------------------------------------------------------\n   * Spacing (Tailwind base-4 system)\n   * ----------------------------------------------------------- */\n  --space-0: 0;\n  --space-px: 1px;\n  --space-0_5: 0.125rem; /* 2px */\n  --space-1: 0.25rem; /* 4px */\n  --space-1_5: 0.375rem; /* 6px */\n  --space-2: 0.5rem; /* 8px */\n  --space-2_5: 0.625rem; /* 10px */\n  --space-3: 0.75rem; /* 12px */\n  --space-3_5: 0.875rem; /* 14px */\n  --space-4: 1rem; /* 16px */\n  --space-4_5: 1.125rem; /* 18px */\n  --space-5: 1.25rem; /* 20px */\n  --space-6: 1.5rem; /* 24px */\n  --space-7: 1.75rem; /* 28px */\n  --space-8: 2rem; /* 32px */\n  --space-9: 2.25rem; /* 36px */\n  --space-10: 2.5rem; /* 40px */\n  --space-11: 2.75rem; /* 44px */\n  --space-12: 3rem; /* 48px */\n  --space-14: 3.5rem; /* 56px */\n  --space-16: 4rem; /* 64px */\n  --space-20: 5rem; /* 80px */\n  --space-24: 6rem; /* 96px */\n  --space-28: 7rem; /* 112px */\n  --space-32: 8rem; /* 128px */\n  --space-36: 9rem; /* 144px */\n  --space-40: 10rem; /* 160px */\n  --space-44: 11rem; /* 176px */\n  --space-48: 12rem; /* 192px */\n  --space-52: 13rem; /* 208px */\n  --space-56: 14rem; /* 224px */\n  --space-60: 15rem; /* 240px */\n  --space-64: 16rem; /* 256px */\n  --space-72: 18rem; /* 288px */\n  --space-80: 20rem; /* 320px */\n  --space-96: 24rem; /* 384px */\n\n  /* -----------------------------------------------------------\n   * Typography\n   * ----------------------------------------------------------- */\n  --font-sans:\n    'Inter', system-ui, -apple-system, sans-serif,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --font-serif: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n  --font-mono:\n    'JetBrains Mono', ui-monospace, SFMono-Regular, \"SF Mono\", Menlo,\n    Consolas, \"Liberation Mono\", monospace;\n\n  --font-size-2xs: 0.65rem;\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-base: 0.9375rem;\n  --font-size-md: 1rem;\n  --font-size-lg: 1.125rem;\n  --font-size-xl: 1.25rem;\n  --font-size-2xl: 1.5rem;\n  --font-size-3xl: 1.875rem;\n  --font-size-4xl: 2.25rem;\n  --font-size-5xl: 3rem;\n  --font-size-6xl: 3.75rem;\n  --font-size-7xl: 4.5rem;\n\n  --letter-spacing-tightest: -0.02em;\n  --letter-spacing-tighter: -0.015em;\n  --letter-spacing-tight: -0.01em;\n  --letter-spacing-normal: 0em;\n  --letter-spacing-wide: 0.006em;\n  --letter-spacing-wider: 0.012em;\n\n  --font-size-fluid-sm: clamp(0.813rem, 0.75rem + 0.315vw, 0.875rem);\n  --font-size-fluid-md: clamp(0.875rem, 0.813rem + 0.315vw, 1rem);\n  --font-size-fluid-lg: clamp(1rem, 0.938rem + 0.315vw, 1.125rem);\n  --font-size-fluid-xl: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);\n  --font-size-fluid-2xl: clamp(1.25rem, 1.125rem + 0.625vw, 1.5rem);\n  --font-size-fluid-3xl: clamp(1.5rem, 1.313rem + 0.938vw, 1.875rem);\n  --font-size-fluid-4xl: clamp(1.875rem, 1.625rem + 1.25vw, 2.25rem);\n  --font-size-fluid-5xl: clamp(2.25rem, 1.875rem + 1.875vw, 3rem);\n\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n\n  --line-height-none: 1;\n  --line-height-tight: 1.25;\n  --line-height-snug: 1.375;\n  --line-height-normal: 1.5;\n  --line-height-relaxed: 1.625;\n\n  /* -----------------------------------------------------------\n   * Borders\n   * ----------------------------------------------------------- */\n  --radius-none: 0;\n  --radius-xs: 0.125rem;\n  --radius-sm: 0.25rem;\n  --radius-md: 0.5rem;\n  --radius-lg: 1rem;\n  --radius-xl: 1.5rem;\n  --radius-2xl: 2rem;\n  --radius-full: 9999px;\n\n  --border-width-hairline: 0.5px;\n  --border-width-thin: 1px;\n  --border-width-medium: 2px;\n  --border-width-thick: 4px;\n\n  /* -----------------------------------------------------------\n   * Elevation\n   * ----------------------------------------------------------- */\n  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --shadow-none: 0 0 0 0 transparent;\n\n  --z-base: 0;\n  --z-dropdown: 700;\n  --z-sticky: 800;\n  --z-overlay: 900;\n  --z-modal: 1000;\n  --z-popover: 1100;\n  --z-toast: 1200;\n  --z-tooltip: 1300;\n\n  /* -----------------------------------------------------------\n   * Motion\n   * ----------------------------------------------------------- */\n  --duration-instant: 50ms;\n  --duration-faster: 100ms;\n  --duration-fast: 150ms;\n  --duration-normal: 250ms;\n  --duration-slow: 400ms;\n  --duration-slower: 700ms;\n\n  --ease-1: cubic-bezier(0.25, 0, 0.5, 1);\n  --ease-2: cubic-bezier(0.25, 0, 0.4, 1);\n  --ease-3: cubic-bezier(0.25, 0, 0.3, 1);\n  --ease-4: cubic-bezier(0.25, 0, 0.2, 1);\n  --ease-5: cubic-bezier(0.25, 0, 0.1, 1);\n  --ease-in-1: cubic-bezier(0.25, 0, 1, 1);\n  --ease-in-2: cubic-bezier(0.5, 0, 1, 1);\n  --ease-in-3: cubic-bezier(0.7, 0, 1, 1);\n  --ease-in-4: cubic-bezier(0.9, 0, 1, 1);\n  --ease-in-5: cubic-bezier(1, 0, 1, 1);\n  --ease-out-1: cubic-bezier(0, 0, 0.75, 1);\n  --ease-out-2: cubic-bezier(0, 0, 0.5, 1);\n  --ease-out-3: cubic-bezier(0, 0, 0.3, 1);\n  --ease-out-4: cubic-bezier(0, 0, 0.1, 1);\n  --ease-out-5: cubic-bezier(0, 0, 0, 1);\n  --ease-in-out-1: cubic-bezier(0.1, 0, 0.9, 1);\n  --ease-in-out-2: cubic-bezier(0.3, 0, 0.7, 1);\n  --ease-in-out-3: cubic-bezier(0.5, 0, 0.5, 1);\n  --ease-in-out-4: cubic-bezier(0.7, 0, 0.3, 1);\n  --ease-in-out-5: cubic-bezier(0.9, 0, 0.1, 1);\n\n  --ease-sine-in: cubic-bezier(0.47, 0, 0.745, 0.715);\n  --ease-sine-out: cubic-bezier(0.39, 0.575, 0.565, 1);\n  --ease-sine-in-out: cubic-bezier(0.445, 0.05, 0.55, 0.95);\n  --ease-quad-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n  --ease-quad-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  --ease-quad-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955);\n  --ease-cubic-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  --ease-cubic-out: cubic-bezier(0.215, 0.61, 0.355, 1);\n  --ease-cubic-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);\n  --ease-quart-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);\n  --ease-quart-out: cubic-bezier(0.165, 0.84, 0.44, 1);\n  --ease-quart-in-out: cubic-bezier(0.77, 0, 0.175, 1);\n  --ease-quint-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n  --ease-quint-out: cubic-bezier(0.23, 1, 0.32, 1);\n  --ease-quint-in-out: cubic-bezier(0.86, 0, 0.07, 1);\n  --ease-expo-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);\n  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);\n  --ease-expo-in-out: cubic-bezier(1, 0, 0, 1);\n  --ease-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);\n  --ease-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);\n  --ease-circ-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n\n  /* -----------------------------------------------------------\n   * Filters (presets for filter / backdrop-filter tokens)\n   * ----------------------------------------------------------- */\n  --filter-none: none;\n  --filter-blur-sm: blur(4px);\n  --filter-blur-md: blur(8px);\n  --filter-blur-lg: blur(16px);\n  --filter-blur-xl: blur(24px);\n  --filter-brightness-dim: brightness(0.8);\n  --filter-brightness-bright: brightness(1.15);\n  --filter-saturate-muted: saturate(0.5);\n  --filter-saturate-vivid: saturate(1.5);\n  --filter-grayscale: grayscale(1);\n\n  /* -----------------------------------------------------------\n   * Clip Paths (shape presets)\n   * ----------------------------------------------------------- */\n  --clip-none: none;\n  --clip-circle: circle(50%);\n  --clip-squircle: inset(0 round 30%);\n  --clip-hexagon: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\n  --clip-octagon: polygon(29.3% 0%, 70.7% 0%, 100% 29.3%, 100% 70.7%, 70.7% 100%, 29.3% 100%, 0% 70.7%, 0% 29.3%);\n  --clip-chevron-right: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%);\n  --clip-bevel: polygon(8% 0%, 92% 0%, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0% 92%, 0% 8%);\n\n  /* -----------------------------------------------------------\n   * Component Sizing\n   * ----------------------------------------------------------- */\n  --component-height-xxs: 1.25rem;\n  --component-height-xs: 1.5rem;\n  --component-height-sm: 1.75rem;\n  --component-height-md: 2rem;\n  --component-height-lg: 2.25rem;\n  --component-height-xl: 2.5rem;\n\n  /* -----------------------------------------------------------\n   * Focus Ring\n   * ----------------------------------------------------------- */\n  --focus-ring-color: var(--ring);\n  --focus-ring-width: 2px;\n  --focus-ring-style: solid;\n  --focus-ring-offset: 2px;\n  --focus-ring-duration: var(--duration-fast);\n  --focus-ring-easing: var(--ease-out-3);\n\n  /* -----------------------------------------------------------\n   * Colors: Brand (theme-independent)\n   * ----------------------------------------------------------- */\n  --brand: oklch(0.728 0.1304 73.28);\n  --brand-foreground: oklch(1 0.02 73.28);\n}\n\n/* =================================================================\n * LIGHT THEME (default)\n * ================================================================= */\n:root:not([data-theme=\"dark\"]) {\n  --background: oklch(0.97 0 0);\n  --foreground: oklch(0.145 0.005 286);\n  --muted: oklch(0.965 0.002 286);\n  --muted-foreground: oklch(0.556 0.016 286);\n  --card: oklch(0.99 0 0);\n  --card-foreground: oklch(0.145 0.005 286);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.145 0.005 286);\n  --primary: oklch(0.205 0.042 265);\n  --primary-foreground: oklch(0.985 0.002 248);\n  --secondary: oklch(0.93 0.002 286);\n  --secondary-foreground: oklch(0.3 0.042 265);\n  --accent: oklch(0.93 0.04 62);\n  --accent-foreground: oklch(0.32 0.06 55);\n  --destructive: oklch(0.6 0.19 25);\n  --destructive-foreground: oklch(0.995 0.06 25);\n  --success: oklch(0.5 0.15 150);\n  --success-foreground: oklch(0.985 0 0);\n  --warning: oklch(0.72 0.15 75);\n  --warning-foreground: oklch(0.28 0.06 55);\n  --info: oklch(0.53 0.16 245);\n  --info-foreground: oklch(0.985 0 0);\n  --input: oklch(0.922 0.004 286);\n  --input-bg: oklch(0.97 0.002 286);\n  --border: oklch(0.922 0.004 286);\n  --ring: oklch(0.551 0.2 245);\n  --meter-track: oklch(0.965 0.002 286);\n  --meter-fill: oklch(0.205 0.042 265);\n  --scrim: oklch(0 0 0 / 0.5);\n  --chart-1: oklch(0.58 0.17 35);\n  --chart-2: oklch(0.55 0.13 185);\n  --chart-3: oklch(0.52 0.14 265);\n  --chart-4: oklch(0.62 0.15 85);\n  --chart-5: oklch(0.55 0.16 310);\n}\n\n/* =================================================================\n * DARK THEME\n * ================================================================= */\n:root[data-theme=\"dark\"] {\n  --background: oklch(0.26 0.019 243);\n  --foreground: oklch(0.9353 0.0173 243);\n  --muted: oklch(0.27 0.03 243);\n  --muted-foreground: oklch(0.9353 0.0173 243 / 0.4);\n  --card: oklch(0.29 0.028 243);\n  --card-foreground: oklch(0.985 0.002 243);\n  --popover: oklch(0.309 0.032 243);\n  --popover-foreground: oklch(0.985 0.002 243);\n  --primary: oklch(0.985 0.002 243);\n  --primary-foreground: oklch(0.205 0.042 243);\n  --secondary: oklch(0.826 0.041 243 / 0.2);\n  --secondary-foreground: oklch(0.9353 0.0173 243 / 1);\n  --accent: oklch(0.7001 0.1329 62.25);\n  --accent-foreground: oklch(1 0.1 62.25);\n  --destructive: oklch(0.63 0.2 25);\n  --destructive-foreground: oklch(0.99 0.1 25);\n  --success: oklch(0.65 0.17 145);\n  --success-foreground: oklch(1 0.1 145);\n  --warning: oklch(0.78 0.15 80);\n  --warning-foreground: oklch(1 0.05 80);\n  --info: oklch(0.64 0.16 245);\n  --info-foreground: oklch(1 0.1 245);\n  --input: oklch(0.826 0.041 202 / 0.2);\n  --input-bg: oklch(0.826 0.041 202 / 0.08);\n  --border: oklch(0.826 0.041 202 / 0.14);\n  --ring: oklch(0.55 0.16 245);\n  --meter-track: oklch(0.269 0.007 286);\n  --meter-fill: oklch(0.985 0.002 248);\n  --scrim: oklch(0.18 0.017 244 / 0.6);\n  --chart-1: oklch(0.58 0.17 264);\n  --chart-2: oklch(0.62 0.15 162);\n  --chart-3: oklch(0.7 0.16 80);\n  --chart-4: oklch(0.6 0.19 303);\n  --chart-5: oklch(0.62 0.18 16);\n}\n\n/* =================================================================\n * Base document styles\n * ================================================================= */\n:root {\n  color: var(--foreground);\n  font-family: var(--font-sans);\n  line-height: var(--line-height-normal);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n";
+export { tokensCSS };