@nikala-ui/folio 0.13.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/LICENSE +20 -0
- package/README.md +221 -0
- package/dist/cli/commands/build.d.ts +5 -0
- package/dist/cli/commands/build.d.ts.map +1 -0
- package/dist/cli/commands/build.js +28 -0
- package/dist/cli/commands/build.js.map +1 -0
- package/dist/cli/commands/dev.d.ts +7 -0
- package/dist/cli/commands/dev.d.ts.map +1 -0
- package/dist/cli/commands/dev.js +33 -0
- package/dist/cli/commands/dev.js.map +1 -0
- package/dist/cli/commands/init.d.ts +2 -0
- package/dist/cli/commands/init.d.ts.map +1 -0
- package/dist/cli/commands/init.js +359 -0
- package/dist/cli/commands/init.js.map +1 -0
- package/dist/cli/commands/preview.d.ts +7 -0
- package/dist/cli/commands/preview.d.ts.map +1 -0
- package/dist/cli/commands/preview.js +25 -0
- package/dist/cli/commands/preview.js.map +1 -0
- package/dist/cli/commands/serve.d.ts +7 -0
- package/dist/cli/commands/serve.d.ts.map +1 -0
- package/dist/cli/commands/serve.js +34 -0
- package/dist/cli/commands/serve.js.map +1 -0
- package/dist/cli/index.d.ts +3 -0
- package/dist/cli/index.d.ts.map +1 -0
- package/dist/cli/index.js +55 -0
- package/dist/cli/index.js.map +1 -0
- package/dist/client/app-types.d.ts +18 -0
- package/dist/client/app-types.d.ts.map +1 -0
- package/dist/client/app-types.js +2 -0
- package/dist/client/app-types.js.map +1 -0
- package/dist/client/app.d.ts +5 -0
- package/dist/client/app.d.ts.map +1 -0
- package/dist/client/app.jsx +51 -0
- package/dist/client/app.jsx.map +1 -0
- package/dist/client/base.css +90 -0
- package/dist/client/components/docs-layout-shell.d.ts +23 -0
- package/dist/client/components/docs-layout-shell.d.ts.map +1 -0
- package/dist/client/components/docs-layout-shell.jsx +15 -0
- package/dist/client/components/docs-layout-shell.jsx.map +1 -0
- package/dist/client/components/docs-page-content.d.ts +9 -0
- package/dist/client/components/docs-page-content.d.ts.map +1 -0
- package/dist/client/components/docs-page-content.jsx +10 -0
- package/dist/client/components/docs-page-content.jsx.map +1 -0
- package/dist/client/entry.d.ts +2 -0
- package/dist/client/entry.d.ts.map +1 -0
- package/dist/client/entry.jsx +32 -0
- package/dist/client/entry.jsx.map +1 -0
- package/dist/client/index.html +23 -0
- package/dist/client/navigation/page-navigation.d.ts +9 -0
- package/dist/client/navigation/page-navigation.d.ts.map +1 -0
- package/dist/client/navigation/page-navigation.js +51 -0
- package/dist/client/navigation/page-navigation.js.map +1 -0
- package/dist/client/page-actions.d.ts +10 -0
- package/dist/client/page-actions.d.ts.map +1 -0
- package/dist/client/page-actions.js +63 -0
- package/dist/client/page-actions.js.map +1 -0
- package/dist/client/public/favicon.ico +0 -0
- package/dist/client/routing/use-docs-router.d.ts +17 -0
- package/dist/client/routing/use-docs-router.d.ts.map +1 -0
- package/dist/client/routing/use-docs-router.js +87 -0
- package/dist/client/routing/use-docs-router.js.map +1 -0
- package/dist/client/ssr-entry.d.ts +3 -0
- package/dist/client/ssr-entry.d.ts.map +1 -0
- package/dist/client/ssr-entry.jsx +13 -0
- package/dist/client/ssr-entry.jsx.map +1 -0
- package/dist/client/style.css +186 -0
- package/dist/client/utils/sidebar.d.ts +2 -0
- package/dist/client/utils/sidebar.d.ts.map +1 -0
- package/dist/client/utils/sidebar.js +2 -0
- package/dist/client/utils/sidebar.js.map +1 -0
- package/dist/components/mdx-components.d.ts +65 -0
- package/dist/components/mdx-components.d.ts.map +1 -0
- package/dist/components/mdx-components.jsx +133 -0
- package/dist/components/mdx-components.jsx.map +1 -0
- package/dist/components/ui/api-table.d.ts +29 -0
- package/dist/components/ui/api-table.d.ts.map +1 -0
- package/dist/components/ui/api-table.jsx +66 -0
- package/dist/components/ui/api-table.jsx.map +1 -0
- package/dist/components/ui/badge.d.ts +17 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.jsx +33 -0
- package/dist/components/ui/badge.jsx.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +51 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.jsx +62 -0
- package/dist/components/ui/breadcrumb.jsx.map +1 -0
- package/dist/components/ui/button.d.ts +19 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.jsx +54 -0
- package/dist/components/ui/button.jsx.map +1 -0
- package/dist/components/ui/callout.d.ts +21 -0
- package/dist/components/ui/callout.d.ts.map +1 -0
- package/dist/components/ui/callout.jsx +76 -0
- package/dist/components/ui/callout.jsx.map +1 -0
- package/dist/components/ui/card.d.ts +44 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.jsx +45 -0
- package/dist/components/ui/card.jsx.map +1 -0
- package/dist/components/ui/code-block.d.ts +23 -0
- package/dist/components/ui/code-block.d.ts.map +1 -0
- package/dist/components/ui/code-block.jsx +263 -0
- package/dist/components/ui/code-block.jsx.map +1 -0
- package/dist/components/ui/collapsible.d.ts +27 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.jsx +29 -0
- package/dist/components/ui/collapsible.jsx.map +1 -0
- package/dist/components/ui/command.d.ts +57 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/command.jsx +224 -0
- package/dist/components/ui/command.jsx.map +1 -0
- package/dist/components/ui/component-viewer.d.ts +33 -0
- package/dist/components/ui/component-viewer.d.ts.map +1 -0
- package/dist/components/ui/component-viewer.jsx +210 -0
- package/dist/components/ui/component-viewer.jsx.map +1 -0
- package/dist/components/ui/container.d.ts +13 -0
- package/dist/components/ui/container.d.ts.map +1 -0
- package/dist/components/ui/container.jsx +29 -0
- package/dist/components/ui/container.jsx.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +58 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.jsx +112 -0
- package/dist/components/ui/dropdown-menu.jsx.map +1 -0
- package/dist/components/ui/input-group.d.ts +16 -0
- package/dist/components/ui/input-group.d.ts.map +1 -0
- package/dist/components/ui/input-group.jsx +33 -0
- package/dist/components/ui/input-group.jsx.map +1 -0
- package/dist/components/ui/kbd.d.ts +15 -0
- package/dist/components/ui/kbd.d.ts.map +1 -0
- package/dist/components/ui/kbd.jsx +42 -0
- package/dist/components/ui/kbd.jsx.map +1 -0
- package/dist/components/ui/list.d.ts +36 -0
- package/dist/components/ui/list.d.ts.map +1 -0
- package/dist/components/ui/list.jsx +131 -0
- package/dist/components/ui/list.jsx.map +1 -0
- package/dist/components/ui/logo.d.ts +9 -0
- package/dist/components/ui/logo.d.ts.map +1 -0
- package/dist/components/ui/logo.jsx +31 -0
- package/dist/components/ui/logo.jsx.map +1 -0
- package/dist/components/ui/navbar.d.ts +57 -0
- package/dist/components/ui/navbar.d.ts.map +1 -0
- package/dist/components/ui/navbar.jsx +174 -0
- package/dist/components/ui/navbar.jsx.map +1 -0
- package/dist/components/ui/package-manager-tabs.d.ts +21 -0
- package/dist/components/ui/package-manager-tabs.d.ts.map +1 -0
- package/dist/components/ui/package-manager-tabs.jsx +167 -0
- package/dist/components/ui/package-manager-tabs.jsx.map +1 -0
- package/dist/components/ui/pager.d.ts +27 -0
- package/dist/components/ui/pager.d.ts.map +1 -0
- package/dist/components/ui/pager.jsx +50 -0
- package/dist/components/ui/pager.jsx.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +9 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/components/ui/scroll-area.jsx +160 -0
- package/dist/components/ui/scroll-area.jsx.map +1 -0
- package/dist/components/ui/section-heading.d.ts +23 -0
- package/dist/components/ui/section-heading.d.ts.map +1 -0
- package/dist/components/ui/section-heading.jsx +82 -0
- package/dist/components/ui/section-heading.jsx.map +1 -0
- package/dist/components/ui/separator.d.ts +13 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/separator.jsx +16 -0
- package/dist/components/ui/separator.jsx.map +1 -0
- package/dist/components/ui/sidebar.d.ts +103 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/sidebar.jsx +315 -0
- package/dist/components/ui/sidebar.jsx.map +1 -0
- package/dist/components/ui/skeleton.d.ts +9 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/skeleton.jsx +11 -0
- package/dist/components/ui/skeleton.jsx.map +1 -0
- package/dist/components/ui/spinner.d.ts +11 -0
- package/dist/components/ui/spinner.d.ts.map +1 -0
- package/dist/components/ui/spinner.jsx +21 -0
- package/dist/components/ui/spinner.jsx.map +1 -0
- package/dist/components/ui/table-of-contents.d.ts +20 -0
- package/dist/components/ui/table-of-contents.d.ts.map +1 -0
- package/dist/components/ui/table-of-contents.jsx +77 -0
- package/dist/components/ui/table-of-contents.jsx.map +1 -0
- package/dist/components/ui/table.d.ts +58 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/table.jsx +61 -0
- package/dist/components/ui/table.jsx.map +1 -0
- package/dist/components/ui/tabs.d.ts +42 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/components/ui/tabs.jsx +93 -0
- package/dist/components/ui/tabs.jsx.map +1 -0
- package/dist/components/ui/theme-toggle.d.ts +19 -0
- package/dist/components/ui/theme-toggle.d.ts.map +1 -0
- package/dist/components/ui/theme-toggle.jsx +142 -0
- package/dist/components/ui/theme-toggle.jsx.map +1 -0
- package/dist/components/ui/tooltip.d.ts +10 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.jsx +18 -0
- package/dist/components/ui/tooltip.jsx.map +1 -0
- package/dist/config.d.ts +6 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +105 -0
- package/dist/config.js.map +1 -0
- package/dist/core/content-scanner.d.ts +10 -0
- package/dist/core/content-scanner.d.ts.map +1 -0
- package/dist/core/content-scanner.js +218 -0
- package/dist/core/content-scanner.js.map +1 -0
- package/dist/core/route-tree.d.ts +24 -0
- package/dist/core/route-tree.d.ts.map +1 -0
- package/dist/core/route-tree.js +221 -0
- package/dist/core/route-tree.js.map +1 -0
- package/dist/hooks/create-click-outside.d.ts +18 -0
- package/dist/hooks/create-click-outside.d.ts.map +1 -0
- package/dist/hooks/create-click-outside.js +55 -0
- package/dist/hooks/create-click-outside.js.map +1 -0
- package/dist/hooks/create-clipboard.d.ts +20 -0
- package/dist/hooks/create-clipboard.d.ts.map +1 -0
- package/dist/hooks/create-clipboard.js +48 -0
- package/dist/hooks/create-clipboard.js.map +1 -0
- package/dist/hooks/create-color-mode.d.ts +27 -0
- package/dist/hooks/create-color-mode.d.ts.map +1 -0
- package/dist/hooks/create-color-mode.js +86 -0
- package/dist/hooks/create-color-mode.js.map +1 -0
- package/dist/hooks/create-controllable-signal.d.ts +17 -0
- package/dist/hooks/create-controllable-signal.d.ts.map +1 -0
- package/dist/hooks/create-controllable-signal.js +35 -0
- package/dist/hooks/create-controllable-signal.js.map +1 -0
- package/dist/hooks/create-focus-trap.d.ts +15 -0
- package/dist/hooks/create-focus-trap.d.ts.map +1 -0
- package/dist/hooks/create-focus-trap.js +72 -0
- package/dist/hooks/create-focus-trap.js.map +1 -0
- package/dist/hooks/create-keybindings.d.ts +34 -0
- package/dist/hooks/create-keybindings.d.ts.map +1 -0
- package/dist/hooks/create-keybindings.js +113 -0
- package/dist/hooks/create-keybindings.js.map +1 -0
- package/dist/hooks/create-lock-scroll.d.ts +20 -0
- package/dist/hooks/create-lock-scroll.d.ts.map +1 -0
- package/dist/hooks/create-lock-scroll.js +77 -0
- package/dist/hooks/create-lock-scroll.js.map +1 -0
- package/dist/hooks/create-resize-observer.d.ts +27 -0
- package/dist/hooks/create-resize-observer.d.ts.map +1 -0
- package/dist/hooks/create-resize-observer.js +59 -0
- package/dist/hooks/create-resize-observer.js.map +1 -0
- package/dist/hooks/create-scroll-position.d.ts +29 -0
- package/dist/hooks/create-scroll-position.d.ts.map +1 -0
- package/dist/hooks/create-scroll-position.js +101 -0
- package/dist/hooks/create-scroll-position.js.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +14 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cn.d.ts +6 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +9 -0
- package/dist/lib/cn.js.map +1 -0
- package/dist/mdx/compiler.d.ts +13 -0
- package/dist/mdx/compiler.d.ts.map +1 -0
- package/dist/mdx/compiler.js +38 -0
- package/dist/mdx/compiler.js.map +1 -0
- package/dist/mdx/highlighter.d.ts +22 -0
- package/dist/mdx/highlighter.d.ts.map +1 -0
- package/dist/mdx/highlighter.js +190 -0
- package/dist/mdx/highlighter.js.map +1 -0
- package/dist/mdx/rehype-shiki.d.ts +3 -0
- package/dist/mdx/rehype-shiki.d.ts.map +1 -0
- package/dist/mdx/rehype-shiki.js +83 -0
- package/dist/mdx/rehype-shiki.js.map +1 -0
- package/dist/navigation/index.d.ts +3 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation/index.js +3 -0
- package/dist/navigation/index.js.map +1 -0
- package/dist/navigation/repository-links.d.ts +3 -0
- package/dist/navigation/repository-links.d.ts.map +1 -0
- package/dist/navigation/repository-links.js +35 -0
- package/dist/navigation/repository-links.js.map +1 -0
- package/dist/navigation/sidebar-state.d.ts +6 -0
- package/dist/navigation/sidebar-state.d.ts.map +1 -0
- package/dist/navigation/sidebar-state.js +20 -0
- package/dist/navigation/sidebar-state.js.map +1 -0
- package/dist/navigation/sidebar-tree.d.ts +7 -0
- package/dist/navigation/sidebar-tree.d.ts.map +1 -0
- package/dist/navigation/sidebar-tree.js +11 -0
- package/dist/navigation/sidebar-tree.js.map +1 -0
- package/dist/providers/theme-provider.d.ts +33 -0
- package/dist/providers/theme-provider.d.ts.map +1 -0
- package/dist/providers/theme-provider.jsx +158 -0
- package/dist/providers/theme-provider.jsx.map +1 -0
- package/dist/providers/theme-script.d.ts +16 -0
- package/dist/providers/theme-script.d.ts.map +1 -0
- package/dist/providers/theme-script.jsx +41 -0
- package/dist/providers/theme-script.jsx.map +1 -0
- package/dist/providers/theme-transitions.d.ts +12 -0
- package/dist/providers/theme-transitions.d.ts.map +1 -0
- package/dist/providers/theme-transitions.js +115 -0
- package/dist/providers/theme-transitions.js.map +1 -0
- package/dist/registry/api-table.json +21 -0
- package/dist/registry/badge.json +18 -0
- package/dist/registry/breadcrumb.json +17 -0
- package/dist/registry/button.json +21 -0
- package/dist/registry/callout.json +19 -0
- package/dist/registry/card.json +17 -0
- package/dist/registry/code-block.json +28 -0
- package/dist/registry/collapsible.json +18 -0
- package/dist/registry/command.json +27 -0
- package/dist/registry/component-viewer.json +25 -0
- package/dist/registry/container.json +18 -0
- package/dist/registry/create-click-outside.json +13 -0
- package/dist/registry/create-clipboard.json +13 -0
- package/dist/registry/create-color-mode.json +13 -0
- package/dist/registry/create-controllable-signal.json +13 -0
- package/dist/registry/create-focus-trap.json +13 -0
- package/dist/registry/create-keybindings.json +13 -0
- package/dist/registry/create-lock-scroll.json +13 -0
- package/dist/registry/create-resize-observer.json +13 -0
- package/dist/registry/create-scroll-position.json +13 -0
- package/dist/registry/dropdown-menu.json +22 -0
- package/dist/registry/input-group.json +21 -0
- package/dist/registry/kbd.json +18 -0
- package/dist/registry/list.json +20 -0
- package/dist/registry/logo.json +17 -0
- package/dist/registry/navbar.json +19 -0
- package/dist/registry/package-manager-tabs.json +24 -0
- package/dist/registry/pager.json +21 -0
- package/dist/registry/scroll-area.json +21 -0
- package/dist/registry/section-heading.json +21 -0
- package/dist/registry/separator.json +17 -0
- package/dist/registry/sidebar.json +24 -0
- package/dist/registry/skeleton.json +17 -0
- package/dist/registry/spinner.json +18 -0
- package/dist/registry/table-of-contents.json +23 -0
- package/dist/registry/table.json +17 -0
- package/dist/registry/tabs.json +20 -0
- package/dist/registry/theme-manager.json +39 -0
- package/dist/registry/tooltip.json +18 -0
- package/dist/search/provider.d.ts +14 -0
- package/dist/search/provider.d.ts.map +1 -0
- package/dist/search/provider.js +14 -0
- package/dist/search/provider.js.map +1 -0
- package/dist/server/index.d.ts +18 -0
- package/dist/server/index.d.ts.map +1 -0
- package/dist/server/index.js +565 -0
- package/dist/server/index.js.map +1 -0
- package/dist/server/plugin.d.ts +10 -0
- package/dist/server/plugin.d.ts.map +1 -0
- package/dist/server/plugin.js +522 -0
- package/dist/server/plugin.js.map +1 -0
- package/dist/theme-accent.d.ts +8 -0
- package/dist/theme-accent.d.ts.map +1 -0
- package/dist/theme-accent.js +18 -0
- package/dist/theme-accent.js.map +1 -0
- package/dist/theme-mode.d.ts +4 -0
- package/dist/theme-mode.d.ts.map +1 -0
- package/dist/theme-mode.js +5 -0
- package/dist/theme-mode.js.map +1 -0
- package/dist/themes/default/content/breadcrumbs.d.ts +4 -0
- package/dist/themes/default/content/breadcrumbs.d.ts.map +1 -0
- package/dist/themes/default/content/breadcrumbs.jsx +31 -0
- package/dist/themes/default/content/breadcrumbs.jsx.map +1 -0
- package/dist/themes/default/content/pager.d.ts +5 -0
- package/dist/themes/default/content/pager.d.ts.map +1 -0
- package/dist/themes/default/content/pager.jsx +9 -0
- package/dist/themes/default/content/pager.jsx.map +1 -0
- package/dist/themes/default/content/table-of-contents.d.ts +4 -0
- package/dist/themes/default/content/table-of-contents.d.ts.map +1 -0
- package/dist/themes/default/content/table-of-contents.jsx +19 -0
- package/dist/themes/default/content/table-of-contents.jsx.map +1 -0
- package/dist/themes/default/icons.d.ts +3 -0
- package/dist/themes/default/icons.d.ts.map +1 -0
- package/dist/themes/default/icons.js +15 -0
- package/dist/themes/default/icons.js.map +1 -0
- package/dist/themes/default/index.d.ts +12 -0
- package/dist/themes/default/index.d.ts.map +1 -0
- package/dist/themes/default/index.js +30 -0
- package/dist/themes/default/index.js.map +1 -0
- package/dist/themes/default/layout.d.ts +4 -0
- package/dist/themes/default/layout.d.ts.map +1 -0
- package/dist/themes/default/layout.jsx +194 -0
- package/dist/themes/default/layout.jsx.map +1 -0
- package/dist/themes/default/navbar.d.ts +4 -0
- package/dist/themes/default/navbar.d.ts.map +1 -0
- package/dist/themes/default/navbar.jsx +83 -0
- package/dist/themes/default/navbar.jsx.map +1 -0
- package/dist/themes/default/navigation/mobile-table-of-contents.d.ts +4 -0
- package/dist/themes/default/navigation/mobile-table-of-contents.d.ts.map +1 -0
- package/dist/themes/default/navigation/mobile-table-of-contents.jsx +38 -0
- package/dist/themes/default/navigation/mobile-table-of-contents.jsx.map +1 -0
- package/dist/themes/default/navigation/sidebar-tree.d.ts +8 -0
- package/dist/themes/default/navigation/sidebar-tree.d.ts.map +1 -0
- package/dist/themes/default/navigation/sidebar-tree.jsx +124 -0
- package/dist/themes/default/navigation/sidebar-tree.jsx.map +1 -0
- package/dist/themes/default/overlays/search-dialog.d.ts +4 -0
- package/dist/themes/default/overlays/search-dialog.d.ts.map +1 -0
- package/dist/themes/default/overlays/search-dialog.jsx +52 -0
- package/dist/themes/default/overlays/search-dialog.jsx.map +1 -0
- package/dist/themes/default/sidebar.d.ts +4 -0
- package/dist/themes/default/sidebar.d.ts.map +1 -0
- package/dist/themes/default/sidebar.jsx +92 -0
- package/dist/themes/default/sidebar.jsx.map +1 -0
- package/dist/themes/index.d.ts +4 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +5 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/types.d.ts +91 -0
- package/dist/themes/types.d.ts.map +1 -0
- package/dist/themes/types.js +2 -0
- package/dist/themes/types.js.map +1 -0
- package/dist/types.d.ts +132 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +3 -0
- package/dist/types.js.map +1 -0
- package/dist/vendor/docs-src/components/mdx-components.tsx +144 -0
- package/dist/vendor/docs-src/components/ui/api-table.tsx +117 -0
- package/dist/vendor/docs-src/components/ui/badge.tsx +56 -0
- package/dist/vendor/docs-src/components/ui/breadcrumb.tsx +136 -0
- package/dist/vendor/docs-src/components/ui/button.tsx +82 -0
- package/dist/vendor/docs-src/components/ui/callout.tsx +137 -0
- package/dist/vendor/docs-src/components/ui/card.tsx +113 -0
- package/dist/vendor/docs-src/components/ui/code-block.tsx +347 -0
- package/dist/vendor/docs-src/components/ui/collapsible.tsx +73 -0
- package/dist/vendor/docs-src/components/ui/command.tsx +382 -0
- package/dist/vendor/docs-src/components/ui/component-viewer.tsx +363 -0
- package/dist/vendor/docs-src/components/ui/container.tsx +45 -0
- package/dist/vendor/docs-src/components/ui/dropdown-menu.tsx +298 -0
- package/dist/vendor/docs-src/components/ui/input-group.tsx +80 -0
- package/dist/vendor/docs-src/components/ui/kbd.tsx +73 -0
- package/dist/vendor/docs-src/components/ui/list.tsx +222 -0
- package/dist/vendor/docs-src/components/ui/logo.tsx +68 -0
- package/dist/vendor/docs-src/components/ui/navbar.tsx +375 -0
- package/dist/vendor/docs-src/components/ui/package-manager-tabs.tsx +226 -0
- package/dist/vendor/docs-src/components/ui/pager.tsx +102 -0
- package/dist/vendor/docs-src/components/ui/scroll-area.tsx +228 -0
- package/dist/vendor/docs-src/components/ui/section-heading.tsx +115 -0
- package/dist/vendor/docs-src/components/ui/separator.tsx +37 -0
- package/dist/vendor/docs-src/components/ui/sidebar.tsx +712 -0
- package/dist/vendor/docs-src/components/ui/skeleton.tsx +24 -0
- package/dist/vendor/docs-src/components/ui/spinner.tsx +41 -0
- package/dist/vendor/docs-src/components/ui/table-of-contents.tsx +131 -0
- package/dist/vendor/docs-src/components/ui/table.tsx +160 -0
- package/dist/vendor/docs-src/components/ui/tabs.tsx +204 -0
- package/dist/vendor/docs-src/components/ui/theme-toggle.tsx +238 -0
- package/dist/vendor/docs-src/components/ui/tooltip.tsx +41 -0
- package/dist/vendor/docs-src/hooks/create-click-outside.ts +82 -0
- package/dist/vendor/docs-src/hooks/create-clipboard.ts +69 -0
- package/dist/vendor/docs-src/hooks/create-color-mode.ts +115 -0
- package/dist/vendor/docs-src/hooks/create-controllable-signal.ts +56 -0
- package/dist/vendor/docs-src/hooks/create-focus-trap.ts +94 -0
- package/dist/vendor/docs-src/hooks/create-keybindings.ts +148 -0
- package/dist/vendor/docs-src/hooks/create-lock-scroll.ts +97 -0
- package/dist/vendor/docs-src/hooks/create-resize-observer.ts +89 -0
- package/dist/vendor/docs-src/hooks/create-scroll-position.ts +129 -0
- package/dist/vendor/docs-src/lib/cn.ts +9 -0
- package/dist/vendor/docs-src/providers/theme-provider.tsx +203 -0
- package/dist/vendor/docs-src/providers/theme-script.tsx +54 -0
- package/dist/vendor/docs-src/providers/theme-transitions.ts +139 -0
- package/dist/version.d.ts +2 -0
- package/dist/version.d.ts.map +1 -0
- package/dist/version.js +2 -0
- package/dist/version.js.map +1 -0
- package/package.json +95 -0
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { createSignal, createMemo, splitProps, For, Show, } from "solid-js";
|
|
2
|
+
import { Check, Copy } from "lucide-solid";
|
|
3
|
+
import { Button } from "@/components/ui/button";
|
|
4
|
+
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
|
5
|
+
import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
|
|
6
|
+
import { createClipboard } from "@/hooks/create-clipboard";
|
|
7
|
+
import { cn } from "@/lib/cn";
|
|
8
|
+
/**
|
|
9
|
+
* Automatically formats a command string for a specific package manager.
|
|
10
|
+
*/
|
|
11
|
+
function resolvePmCommand(manager, command) {
|
|
12
|
+
const trimmed = command.trim();
|
|
13
|
+
const pm = manager.toLowerCase();
|
|
14
|
+
// 1. "create" command
|
|
15
|
+
const createMatch = trimmed.match(/^(?:bun|npm|npx|pnpm|yarn|deno)?\s*create\s+(.*)$/);
|
|
16
|
+
if (createMatch) {
|
|
17
|
+
const args = createMatch[1];
|
|
18
|
+
if (pm === "bun" || pm === "bunx")
|
|
19
|
+
return `bun create ${args}`;
|
|
20
|
+
if (pm === "pnpm")
|
|
21
|
+
return `pnpm create ${args}`;
|
|
22
|
+
if (pm === "yarn")
|
|
23
|
+
return `yarn create ${args}`;
|
|
24
|
+
if (pm === "deno")
|
|
25
|
+
return `deno run -A npm:create-${args}`;
|
|
26
|
+
return `npm create ${args}`;
|
|
27
|
+
}
|
|
28
|
+
// 2. "add" / "install" command
|
|
29
|
+
const addMatch = trimmed.match(/^(?:bun\s+add|npm\s+i|npm\s+install|pnpm\s+add|yarn\s+add|deno\s+add|add|install|i)\s+(.*)$/);
|
|
30
|
+
if (addMatch) {
|
|
31
|
+
const args = addMatch[1];
|
|
32
|
+
if (pm === "npm")
|
|
33
|
+
return `npm i ${args}`;
|
|
34
|
+
if (pm === "pnpm")
|
|
35
|
+
return `pnpm add ${args}`;
|
|
36
|
+
if (pm === "yarn")
|
|
37
|
+
return `yarn add ${args}`;
|
|
38
|
+
if (pm === "deno")
|
|
39
|
+
return `deno add ${args}`;
|
|
40
|
+
return `bun add ${args}`;
|
|
41
|
+
}
|
|
42
|
+
// 3. CLI runner (e.g. "nikala add button" or "@nikala-ui/cli add button")
|
|
43
|
+
const runnerMatch = trimmed.match(/^(?:bunx|npx|pnpm\s+dlx|yarn\s+dlx)?\s*(.*)$/);
|
|
44
|
+
if (runnerMatch) {
|
|
45
|
+
const rest = runnerMatch[1];
|
|
46
|
+
if (pm === "npx")
|
|
47
|
+
return `npx ${rest}`;
|
|
48
|
+
if (pm === "pnpm")
|
|
49
|
+
return `pnpm dlx ${rest}`;
|
|
50
|
+
if (pm === "yarn")
|
|
51
|
+
return `yarn dlx ${rest}`;
|
|
52
|
+
if (pm === "bun" || pm === "bunx")
|
|
53
|
+
return `bunx ${rest}`;
|
|
54
|
+
return `${pm} ${rest}`;
|
|
55
|
+
}
|
|
56
|
+
return trimmed;
|
|
57
|
+
}
|
|
58
|
+
function highlightCliCommandText(code) {
|
|
59
|
+
const trimmed = code.trim();
|
|
60
|
+
if (!trimmed)
|
|
61
|
+
return "";
|
|
62
|
+
const parts = trimmed.split(/\s+/);
|
|
63
|
+
let pkgIndex = 1;
|
|
64
|
+
if ((parts[0] === "pnpm" || parts[0] === "yarn") && parts[1] === "dlx") {
|
|
65
|
+
pkgIndex = 2;
|
|
66
|
+
}
|
|
67
|
+
else if (parts[0] === "bun" && (parts[1] === "create" || parts[1] === "add" || parts[1] === "run")) {
|
|
68
|
+
pkgIndex = 2;
|
|
69
|
+
}
|
|
70
|
+
else if (parts[0] === "npm" && (parts[1] === "create" || parts[1] === "run")) {
|
|
71
|
+
pkgIndex = 2;
|
|
72
|
+
}
|
|
73
|
+
const mainPart = parts.slice(0, pkgIndex).join(" ");
|
|
74
|
+
const restTokens = parts.slice(pkgIndex);
|
|
75
|
+
const highlightedRest = restTokens
|
|
76
|
+
.map((token) => {
|
|
77
|
+
if (token.startsWith("-")) {
|
|
78
|
+
return `<span class="text-amber-500 dark:text-amber-400 font-medium">${token}</span>`;
|
|
79
|
+
}
|
|
80
|
+
if (["add", "create", "init", "run", "dev", "build", "set", "theme", "diff", "list"].includes(token)) {
|
|
81
|
+
return `<span class="text-sky-500 dark:text-sky-400 font-semibold">${token}</span>`;
|
|
82
|
+
}
|
|
83
|
+
return `<span class="text-violet-500 dark:text-violet-400 font-medium">${token}</span>`;
|
|
84
|
+
})
|
|
85
|
+
.join(" ");
|
|
86
|
+
return `<span class="text-emerald-500 dark:text-emerald-400 font-semibold">${mainPart}</span>${highlightedRest ? " " + highlightedRest : ""}`;
|
|
87
|
+
}
|
|
88
|
+
export const PackageManagerTabs = (props) => {
|
|
89
|
+
const [local, rest] = splitProps(props, [
|
|
90
|
+
"managers",
|
|
91
|
+
"command",
|
|
92
|
+
"commands",
|
|
93
|
+
"value",
|
|
94
|
+
"defaultValue",
|
|
95
|
+
"onChange",
|
|
96
|
+
"copyable",
|
|
97
|
+
"class",
|
|
98
|
+
]);
|
|
99
|
+
const defaultManagers = ["bun", "pnpm", "npm", "yarn"];
|
|
100
|
+
const managersList = () => local.managers || defaultManagers;
|
|
101
|
+
const [internalActive, setInternalActive] = createSignal(local.defaultValue || managersList()[0] || "bun");
|
|
102
|
+
const activeManager = () => local.value ?? internalActive();
|
|
103
|
+
const handleSelect = (pm) => {
|
|
104
|
+
if (local.value === undefined) {
|
|
105
|
+
setInternalActive(pm);
|
|
106
|
+
}
|
|
107
|
+
local.onChange?.(pm);
|
|
108
|
+
};
|
|
109
|
+
const currentCommand = createMemo(() => {
|
|
110
|
+
const pm = activeManager();
|
|
111
|
+
if (local.commands && local.commands[pm]) {
|
|
112
|
+
return local.commands[pm];
|
|
113
|
+
}
|
|
114
|
+
if (local.command) {
|
|
115
|
+
return resolvePmCommand(pm, local.command);
|
|
116
|
+
}
|
|
117
|
+
return "";
|
|
118
|
+
});
|
|
119
|
+
const clipboard = createClipboard();
|
|
120
|
+
const copyable = () => local.copyable ?? true;
|
|
121
|
+
const handleCopy = async () => {
|
|
122
|
+
const text = currentCommand();
|
|
123
|
+
if (!text)
|
|
124
|
+
return;
|
|
125
|
+
await clipboard.copy(text);
|
|
126
|
+
};
|
|
127
|
+
return (<div class={cn("group relative my-4 w-full overflow-hidden rounded-lg border border-border bg-muted/40 font-mono text-sm shadow-2xs", local.class)} {...rest}>
|
|
128
|
+
{/* Header with Manager Switcher Tabs and Copy Button */}
|
|
129
|
+
<div class="flex h-9 items-center justify-between border-b border-border/70 bg-muted/70 px-3.5 select-none">
|
|
130
|
+
{/* Switcher Tabs */}
|
|
131
|
+
<Tabs value={activeManager()} onChange={handleSelect} class="w-auto flex-none">
|
|
132
|
+
<TabsList class="w-auto inline-flex h-auto bg-background/60 p-0.5 border border-border/50 gap-0.5 rounded-md font-mono">
|
|
133
|
+
<For each={managersList()}>
|
|
134
|
+
{(pm) => (<TabsTrigger value={pm} class="rounded-xs px-2 py-0.5 text-[11px] font-mono transition-colors cursor-pointer data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:font-semibold data-[state=active]:shadow-2xs">
|
|
135
|
+
{pm}
|
|
136
|
+
</TabsTrigger>)}
|
|
137
|
+
</For>
|
|
138
|
+
</TabsList>
|
|
139
|
+
</Tabs>
|
|
140
|
+
|
|
141
|
+
{/* Copy Button */}
|
|
142
|
+
<Show when={copyable() && currentCommand()}>
|
|
143
|
+
<Tooltip>
|
|
144
|
+
<TooltipTrigger as={Button} variant="ghost" size="icon" onClick={handleCopy} aria-label={clipboard.copied() ? "Copied command" : "Copy command"} class="size-6 p-0 rounded-xs text-muted-foreground hover:bg-background hover:text-foreground cursor-pointer">
|
|
145
|
+
<Show when={clipboard.copied()} fallback={<Copy class="size-3.5"/>}>
|
|
146
|
+
<Check class="size-3.5 text-emerald-500 dark:text-emerald-400"/>
|
|
147
|
+
</Show>
|
|
148
|
+
</TooltipTrigger>
|
|
149
|
+
<TooltipContent class="text-[10px] py-1 px-2">
|
|
150
|
+
{clipboard.copied() ? "Copied!" : "Copy command"}
|
|
151
|
+
</TooltipContent>
|
|
152
|
+
</Tooltip>
|
|
153
|
+
</Show>
|
|
154
|
+
</div>
|
|
155
|
+
|
|
156
|
+
{/* Command Box Content */}
|
|
157
|
+
<div class="overflow-x-auto p-4 text-[13px] leading-relaxed [scrollbar-width:thin]">
|
|
158
|
+
<pre class="font-mono">
|
|
159
|
+
<code>
|
|
160
|
+
<span class="text-sky-500 dark:text-sky-400 font-semibold select-none">$ </span>
|
|
161
|
+
<span innerHTML={highlightCliCommandText(currentCommand())}/>
|
|
162
|
+
</code>
|
|
163
|
+
</pre>
|
|
164
|
+
</div>
|
|
165
|
+
</div>);
|
|
166
|
+
};
|
|
167
|
+
//# sourceMappingURL=package-manager-tabs.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"package-manager-tabs.jsx","sourceRoot":"","sources":["../../../src/components/ui/package-manager-tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
export interface PagerItem {
|
|
3
|
+
title: string;
|
|
4
|
+
href: string;
|
|
5
|
+
}
|
|
6
|
+
export interface PagerLinkProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
7
|
+
title: string;
|
|
8
|
+
href: string;
|
|
9
|
+
type: "prev" | "next";
|
|
10
|
+
class?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Individual Next or Previous page navigation card.
|
|
14
|
+
*/
|
|
15
|
+
export declare const PagerLink: Component<PagerLinkProps>;
|
|
16
|
+
export interface PagerProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
/** Previous documentation page item */
|
|
18
|
+
prev?: PagerItem | null;
|
|
19
|
+
/** Next documentation page item */
|
|
20
|
+
next?: PagerItem | null;
|
|
21
|
+
class?: string;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Documentation Next / Previous article navigation block composed of Nikala UI Card primitives.
|
|
25
|
+
*/
|
|
26
|
+
export declare const Pager: Component<PagerProps>;
|
|
27
|
+
//# sourceMappingURL=pager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAUhF,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAe,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAkC/C,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CA6BvC,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { splitProps, Show, children } from "solid-js";
|
|
2
|
+
import { ChevronLeft, ChevronRight } from "lucide-solid";
|
|
3
|
+
import { Card, CardHeader, CardTitle, CardDescription, } from "@/components/ui/card";
|
|
4
|
+
import { cn } from "@/lib/cn";
|
|
5
|
+
/**
|
|
6
|
+
* Individual Next or Previous page navigation card.
|
|
7
|
+
*/
|
|
8
|
+
export const PagerLink = (props) => {
|
|
9
|
+
const [local, rest] = splitProps(props, ["title", "href", "type", "class"]);
|
|
10
|
+
const isNext = () => local.type === "next";
|
|
11
|
+
return (<a href={local.href} class={cn("group block rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", isNext() && "sm:col-start-2", local.class)} {...rest}>
|
|
12
|
+
<Card class="h-full transition-all group-hover:bg-accent/40 group-hover:shadow-2xs">
|
|
13
|
+
<CardHeader class={cn("p-4 flex flex-col space-y-1.5", isNext() && "items-end text-right")}>
|
|
14
|
+
<CardDescription class="flex items-center gap-1 text-xs font-medium text-muted-foreground">
|
|
15
|
+
<Show when={!isNext()}>
|
|
16
|
+
<ChevronLeft class="size-3.5 transition-transform group-hover:-translate-x-0.5"/>
|
|
17
|
+
<span>Previous</span>
|
|
18
|
+
</Show>
|
|
19
|
+
<Show when={isNext()}>
|
|
20
|
+
<span>Next</span>
|
|
21
|
+
<ChevronRight class="size-3.5 transition-transform group-hover:translate-x-0.5"/>
|
|
22
|
+
</Show>
|
|
23
|
+
</CardDescription>
|
|
24
|
+
<CardTitle class="text-sm font-semibold tracking-tight group-hover:text-primary transition-colors line-clamp-1">
|
|
25
|
+
{local.title}
|
|
26
|
+
</CardTitle>
|
|
27
|
+
</CardHeader>
|
|
28
|
+
</Card>
|
|
29
|
+
</a>);
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Documentation Next / Previous article navigation block composed of Nikala UI Card primitives.
|
|
33
|
+
*/
|
|
34
|
+
export const Pager = (props) => {
|
|
35
|
+
const [local, rest] = splitProps(props, ["prev", "next", "class", "children"]);
|
|
36
|
+
const resolved = children(() => local.children);
|
|
37
|
+
return (<div class={cn("grid grid-cols-1 gap-4 sm:grid-cols-2 mt-10 pt-6 border-t border-border", local.class)} {...rest}>
|
|
38
|
+
<Show when={resolved()} fallback={<>
|
|
39
|
+
<Show when={local.prev} fallback={<span class="hidden sm:block"/>}>
|
|
40
|
+
<PagerLink type="prev" title={local.prev.title} href={local.prev.href}/>
|
|
41
|
+
</Show>
|
|
42
|
+
<Show when={local.next}>
|
|
43
|
+
<PagerLink type="next" title={local.next.title} href={local.next.href}/>
|
|
44
|
+
</Show>
|
|
45
|
+
</>}>
|
|
46
|
+
{resolved()}
|
|
47
|
+
</Show>
|
|
48
|
+
</div>);
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=pager.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pager.jsx","sourceRoot":"","sources":["../../../src/components/ui/pager.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
export interface ScrollAreaProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
orientation?: "vertical" | "horizontal" | "both";
|
|
4
|
+
scrollHideDelay?: number;
|
|
5
|
+
class?: string;
|
|
6
|
+
children?: JSX.Element;
|
|
7
|
+
}
|
|
8
|
+
export declare const ScrollArea: Component<ScrollAreaProps>;
|
|
9
|
+
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,eAAgB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CA+MjD,CAAC"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import { createSignal, createEffect, splitProps, } from "solid-js";
|
|
2
|
+
import { createScrollPosition } from "@/hooks/create-scroll-position";
|
|
3
|
+
import { createElementSize } from "@/hooks/create-resize-observer";
|
|
4
|
+
import { cn } from "@/lib/cn";
|
|
5
|
+
export const ScrollArea = (props) => {
|
|
6
|
+
const [local, rest] = splitProps(props, [
|
|
7
|
+
"orientation",
|
|
8
|
+
"scrollHideDelay",
|
|
9
|
+
"class",
|
|
10
|
+
"children",
|
|
11
|
+
]);
|
|
12
|
+
const orientation = () => local.orientation || "vertical";
|
|
13
|
+
let viewportRef;
|
|
14
|
+
let verticalTrackRef;
|
|
15
|
+
let horizontalTrackRef;
|
|
16
|
+
const scrollPos = createScrollPosition({
|
|
17
|
+
target: () => viewportRef,
|
|
18
|
+
});
|
|
19
|
+
const viewportSize = createElementSize(() => viewportRef);
|
|
20
|
+
const [thumbHeight, setThumbHeight] = createSignal(0);
|
|
21
|
+
const [thumbTop, setThumbTop] = createSignal(0);
|
|
22
|
+
const [thumbWidth, setThumbWidth] = createSignal(0);
|
|
23
|
+
const [thumbLeft, setThumbLeft] = createSignal(0);
|
|
24
|
+
const [isDragging, setIsDragging] = createSignal(false);
|
|
25
|
+
const updateThumbMetrics = () => {
|
|
26
|
+
if (!viewportRef)
|
|
27
|
+
return;
|
|
28
|
+
const scrollHeight = viewportRef.scrollHeight;
|
|
29
|
+
const clientHeight = viewportRef.clientHeight;
|
|
30
|
+
const scrollWidth = viewportRef.scrollWidth;
|
|
31
|
+
const clientWidth = viewportRef.clientWidth;
|
|
32
|
+
// Track available lengths (considering 4px track padding)
|
|
33
|
+
const trackHeight = verticalTrackRef ? verticalTrackRef.clientHeight - 4 : clientHeight - 4;
|
|
34
|
+
const trackWidth = horizontalTrackRef ? horizontalTrackRef.clientWidth - 4 : clientWidth - 4;
|
|
35
|
+
// Vertical thumb metrics
|
|
36
|
+
if (scrollHeight > clientHeight && clientHeight > 0) {
|
|
37
|
+
const vRatio = clientHeight / scrollHeight;
|
|
38
|
+
const calculatedHeight = Math.max(vRatio * trackHeight, 20);
|
|
39
|
+
const maxTop = trackHeight - calculatedHeight;
|
|
40
|
+
const topPct = scrollPos.y() / (scrollHeight - clientHeight);
|
|
41
|
+
setThumbHeight(calculatedHeight);
|
|
42
|
+
setThumbTop(topPct * maxTop);
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
setThumbHeight(0);
|
|
46
|
+
}
|
|
47
|
+
// Horizontal thumb metrics
|
|
48
|
+
if (scrollWidth > clientWidth && clientWidth > 0) {
|
|
49
|
+
const hRatio = clientWidth / scrollWidth;
|
|
50
|
+
const calculatedWidth = Math.max(hRatio * trackWidth, 20);
|
|
51
|
+
const maxLeft = trackWidth - calculatedWidth;
|
|
52
|
+
const leftPct = scrollPos.x() / (scrollWidth - clientWidth);
|
|
53
|
+
setThumbWidth(calculatedWidth);
|
|
54
|
+
setThumbLeft(leftPct * maxLeft);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
setThumbWidth(0);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
createEffect(() => {
|
|
61
|
+
viewportSize.width();
|
|
62
|
+
viewportSize.height();
|
|
63
|
+
scrollPos.x();
|
|
64
|
+
scrollPos.y();
|
|
65
|
+
updateThumbMetrics();
|
|
66
|
+
});
|
|
67
|
+
// Enable mouse drag on Vertical Thumb
|
|
68
|
+
const handleVerticalThumbPointerDown = (e) => {
|
|
69
|
+
if (!viewportRef || !verticalTrackRef)
|
|
70
|
+
return;
|
|
71
|
+
e.preventDefault();
|
|
72
|
+
e.stopPropagation();
|
|
73
|
+
setIsDragging(true);
|
|
74
|
+
const startY = e.clientY;
|
|
75
|
+
const startScrollTop = viewportRef.scrollTop;
|
|
76
|
+
const scrollHeight = viewportRef.scrollHeight;
|
|
77
|
+
const clientHeight = viewportRef.clientHeight;
|
|
78
|
+
const trackHeight = verticalTrackRef.clientHeight - 4;
|
|
79
|
+
const maxScrollTop = scrollHeight - clientHeight;
|
|
80
|
+
const maxThumbTop = trackHeight - thumbHeight();
|
|
81
|
+
const ratio = maxThumbTop > 0 ? maxScrollTop / maxThumbTop : 0;
|
|
82
|
+
const onPointerMove = (moveEvent) => {
|
|
83
|
+
const deltaY = moveEvent.clientY - startY;
|
|
84
|
+
viewportRef.scrollTop = Math.max(0, Math.min(maxScrollTop, startScrollTop + deltaY * ratio));
|
|
85
|
+
};
|
|
86
|
+
const onPointerUp = () => {
|
|
87
|
+
setIsDragging(false);
|
|
88
|
+
window.removeEventListener("pointermove", onPointerMove);
|
|
89
|
+
window.removeEventListener("pointerup", onPointerUp);
|
|
90
|
+
};
|
|
91
|
+
window.addEventListener("pointermove", onPointerMove);
|
|
92
|
+
window.addEventListener("pointerup", onPointerUp);
|
|
93
|
+
};
|
|
94
|
+
// Enable mouse drag on Horizontal Thumb
|
|
95
|
+
const handleHorizontalThumbPointerDown = (e) => {
|
|
96
|
+
if (!viewportRef || !horizontalTrackRef)
|
|
97
|
+
return;
|
|
98
|
+
e.preventDefault();
|
|
99
|
+
e.stopPropagation();
|
|
100
|
+
setIsDragging(true);
|
|
101
|
+
const startX = e.clientX;
|
|
102
|
+
const startScrollLeft = viewportRef.scrollLeft;
|
|
103
|
+
const scrollWidth = viewportRef.scrollWidth;
|
|
104
|
+
const clientWidth = viewportRef.clientWidth;
|
|
105
|
+
const trackWidth = horizontalTrackRef.clientWidth - 4;
|
|
106
|
+
const maxScrollLeft = scrollWidth - clientWidth;
|
|
107
|
+
const maxThumbLeft = trackWidth - thumbWidth();
|
|
108
|
+
const ratio = maxThumbLeft > 0 ? maxScrollLeft / maxThumbLeft : 0;
|
|
109
|
+
const onPointerMove = (moveEvent) => {
|
|
110
|
+
const deltaX = moveEvent.clientX - startX;
|
|
111
|
+
viewportRef.scrollLeft = Math.max(0, Math.min(maxScrollLeft, startScrollLeft + deltaX * ratio));
|
|
112
|
+
};
|
|
113
|
+
const onPointerUp = () => {
|
|
114
|
+
setIsDragging(false);
|
|
115
|
+
window.removeEventListener("pointermove", onPointerMove);
|
|
116
|
+
window.removeEventListener("pointerup", onPointerUp);
|
|
117
|
+
};
|
|
118
|
+
window.addEventListener("pointermove", onPointerMove);
|
|
119
|
+
window.addEventListener("pointerup", onPointerUp);
|
|
120
|
+
};
|
|
121
|
+
// Convert vertical mouse wheel into horizontal scroll proportionally
|
|
122
|
+
const handleWheel = (e) => {
|
|
123
|
+
if (orientation() === "horizontal" && viewportRef) {
|
|
124
|
+
if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {
|
|
125
|
+
e.preventDefault();
|
|
126
|
+
viewportRef.scrollLeft += e.deltaY;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
return (<div class={cn("relative overflow-hidden group/scroll-area", local.class)} onWheel={handleWheel} {...rest}>
|
|
131
|
+
{/* Scroll Viewport Container */}
|
|
132
|
+
<div ref={viewportRef} class="h-full w-full max-h-[inherit] overflow-auto scrollbar-none rounded-[inherit]" style={{
|
|
133
|
+
"scrollbar-width": "none",
|
|
134
|
+
"-ms-overflow-style": "none",
|
|
135
|
+
}}>
|
|
136
|
+
{local.children}
|
|
137
|
+
</div>
|
|
138
|
+
|
|
139
|
+
{/* Vertical Scrollbar Track & Thumb */}
|
|
140
|
+
{(orientation() === "vertical" || orientation() === "both") && thumbHeight() > 0 && (<div ref={verticalTrackRef} class={cn("absolute right-0 top-0 bottom-0 w-2.5 p-0.5 select-none transition-opacity duration-300 pointer-events-none", scrollPos.isScrolling() || isDragging()
|
|
141
|
+
? "opacity-100"
|
|
142
|
+
: "opacity-0 group-hover/scroll-area:opacity-100")}>
|
|
143
|
+
<div class="w-1.5 rounded-lg bg-border hover:bg-muted-foreground/50 transition-colors cursor-pointer pointer-events-auto" style={{
|
|
144
|
+
height: `${thumbHeight()}px`,
|
|
145
|
+
transform: `translateY(${thumbTop()}px)`,
|
|
146
|
+
}} onPointerDown={handleVerticalThumbPointerDown}/>
|
|
147
|
+
</div>)}
|
|
148
|
+
|
|
149
|
+
{/* Horizontal Scrollbar Track & Thumb */}
|
|
150
|
+
{(orientation() === "horizontal" || orientation() === "both") && thumbWidth() > 0 && (<div ref={horizontalTrackRef} class={cn("absolute bottom-0 left-0 right-0 h-2.5 p-0.5 select-none transition-opacity duration-300 pointer-events-none", scrollPos.isScrolling() || isDragging()
|
|
151
|
+
? "opacity-100"
|
|
152
|
+
: "opacity-0 group-hover/scroll-area:opacity-100")}>
|
|
153
|
+
<div class="h-1.5 rounded-lg bg-border hover:bg-muted-foreground/50 transition-colors cursor-pointer pointer-events-auto" style={{
|
|
154
|
+
width: `${thumbWidth()}px`,
|
|
155
|
+
transform: `translateX(${thumbLeft()}px)`,
|
|
156
|
+
}} onPointerDown={handleHorizontalThumbPointerDown}/>
|
|
157
|
+
</div>)}
|
|
158
|
+
</div>);
|
|
159
|
+
};
|
|
160
|
+
//# sourceMappingURL=scroll-area.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.jsx","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type JSX, type Component } from "solid-js";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const headingVariants: any;
|
|
4
|
+
export interface SectionHeadingProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof headingVariants> {
|
|
5
|
+
/** Heading text content */
|
|
6
|
+
title: string;
|
|
7
|
+
/** Optional badge label displayed next to the title */
|
|
8
|
+
badge?: string;
|
|
9
|
+
/** Badge style variant */
|
|
10
|
+
badgeVariant?: "default" | "secondary" | "outline" | "destructive";
|
|
11
|
+
/** Optional subtitle or explanatory note below the title */
|
|
12
|
+
description?: string;
|
|
13
|
+
/** Optional action rendered alongside the heading */
|
|
14
|
+
actions?: JSX.Element;
|
|
15
|
+
class?: string;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Reusable heading block with title, optional badge, and description.
|
|
19
|
+
* Supports "page" (h1), "section" (h2 with divider), and "compact" (h3) variants.
|
|
20
|
+
*/
|
|
21
|
+
export declare const SectionHeading: Component<SectionHeadingProps>;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=section-heading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"section-heading.d.ts","sourceRoot":"","sources":["../../../src/components/ui/section-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,GAAG,EACR,KAAK,SAAS,EACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,eAAe,KAWnB,CAAC;AAeH,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACvD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,YAAY,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IACnE,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CA0DzD,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { splitProps, Show, } from "solid-js";
|
|
2
|
+
import { cva } from "class-variance-authority";
|
|
3
|
+
import { Badge } from "@/components/ui/badge";
|
|
4
|
+
import { cn } from "@/lib/cn";
|
|
5
|
+
const headingVariants = cva("tracking-tight", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
page: "text-3xl sm:text-4xl font-bold",
|
|
9
|
+
section: "text-2xl font-semibold border-b border-border/50 pb-2",
|
|
10
|
+
compact: "text-base font-semibold",
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: "section",
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
const descriptionVariants = cva("text-muted-foreground leading-relaxed", {
|
|
18
|
+
variants: {
|
|
19
|
+
variant: {
|
|
20
|
+
page: "text-lg",
|
|
21
|
+
section: "text-sm",
|
|
22
|
+
compact: "text-xs",
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
variant: "section",
|
|
27
|
+
},
|
|
28
|
+
});
|
|
29
|
+
/**
|
|
30
|
+
* Reusable heading block with title, optional badge, and description.
|
|
31
|
+
* Supports "page" (h1), "section" (h2 with divider), and "compact" (h3) variants.
|
|
32
|
+
*/
|
|
33
|
+
export const SectionHeading = (props) => {
|
|
34
|
+
const [local, rest] = splitProps(props, [
|
|
35
|
+
"title",
|
|
36
|
+
"badge",
|
|
37
|
+
"badgeVariant",
|
|
38
|
+
"description",
|
|
39
|
+
"actions",
|
|
40
|
+
"variant",
|
|
41
|
+
"class",
|
|
42
|
+
]);
|
|
43
|
+
const v = () => local.variant || "section";
|
|
44
|
+
return (<div class={cn("space-y-2", local.class)} {...rest}>
|
|
45
|
+
<div class={cn("flex items-center justify-between gap-2", v() === "section" && "w-full")}>
|
|
46
|
+
<div class="flex min-w-0 items-center gap-2">
|
|
47
|
+
<Show when={v() === "page"}>
|
|
48
|
+
<h1 class={headingVariants({ variant: v() })}>
|
|
49
|
+
{local.title}
|
|
50
|
+
</h1>
|
|
51
|
+
</Show>
|
|
52
|
+
|
|
53
|
+
<Show when={v() === "section"}>
|
|
54
|
+
<h2 class={cn("w-full", headingVariants({ variant: v() }))}>
|
|
55
|
+
{local.title}
|
|
56
|
+
</h2>
|
|
57
|
+
</Show>
|
|
58
|
+
|
|
59
|
+
<Show when={v() === "compact"}>
|
|
60
|
+
<h3 class={headingVariants({ variant: v() })}>
|
|
61
|
+
{local.title}
|
|
62
|
+
</h3>
|
|
63
|
+
</Show>
|
|
64
|
+
|
|
65
|
+
<Show when={local.badge}>
|
|
66
|
+
<Badge variant={local.badgeVariant || "outline"} class={cn("select-none", v() === "page" ? "text-xs" : "font-mono text-[10px] py-0 px-1.5 font-medium")}>
|
|
67
|
+
{local.badge}
|
|
68
|
+
</Badge>
|
|
69
|
+
</Show>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
<Show when={local.actions}>{local.actions}</Show>
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<Show when={local.description}>
|
|
76
|
+
<p class={descriptionVariants({ variant: v() })}>
|
|
77
|
+
{local.description}
|
|
78
|
+
</p>
|
|
79
|
+
</Show>
|
|
80
|
+
</div>);
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=section-heading.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"section-heading.jsx","sourceRoot":"","sources":["../../../src/components/ui/section-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,IAAI,GAGL,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,eAAe,GAAG,GAAG,CAAC,gBAAgB,EAAE;IAC5C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,gCAAgC;YACtC,OAAO,EAAE,uDAAuD;YAChE,OAAO,EAAE,yBAAyB;SACnC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC,uCAAuC,EAAE;IACvE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;SACnB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAkBH;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACtC,OAAO;QACP,OAAO;QACP,cAAc;QACd,aAAa;QACb,SAAS;QACT,SAAS;QACT,OAAO;KACR,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IAE3C,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CACjD;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,yCAAyC,EAAE,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,CAAC,CACvF;QAAA,CAAC,GAAG,CAAC,KAAK,CAAC,iCAAiC,CAC1C;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CACzB;YAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAC3C;cAAA,CAAC,KAAK,CAAC,KAAK,CACd;YAAA,EAAE,EAAE,CACN;UAAA,EAAE,IAAI,CAEN;;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAC5B;YAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CACzD;cAAA,CAAC,KAAK,CAAC,KAAK,CACd;YAAA,EAAE,EAAE,CACN;UAAA,EAAE,IAAI,CAEN;;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAC5B;YAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAC3C;cAAA,CAAC,KAAK,CAAC,KAAK,CACd;YAAA,EAAE,EAAE,CACN;UAAA,EAAE,IAAI,CAEN;;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACtB;YAAA,CAAC,KAAK,CACJ,OAAO,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,SAAS,CAAC,CACzC,KAAK,CAAC,CAAC,EAAE,CACP,aAAa,EACb,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,+CAA+C,CAC7E,CAAC,CAEF;cAAA,CAAC,KAAK,CAAC,KAAK,CACd;YAAA,EAAE,KAAK,CACT;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CAEL;;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,CAClD;MAAA,EAAE,GAAG,CAEL;;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC5B;QAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAC9C;UAAA,CAAC,KAAK,CAAC,WAAW,CACpB;QAAA,EAAE,CAAC,CACL;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
export interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Orientation of the separator line */
|
|
4
|
+
orientation?: "horizontal" | "vertical";
|
|
5
|
+
/** Whether the element is purely visual or semantic for screen readers */
|
|
6
|
+
decorative?: boolean;
|
|
7
|
+
class?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Nikala UI Separator component used to divide content visually or semantically.
|
|
11
|
+
*/
|
|
12
|
+
export declare const Separator: Component<SeparatorProps>;
|
|
13
|
+
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAGhE,MAAM,WAAW,cAAe,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wCAAwC;IACxC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAsB/C,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { splitProps } from "solid-js";
|
|
2
|
+
import { cn } from "@/lib/cn";
|
|
3
|
+
/**
|
|
4
|
+
* Nikala UI Separator component used to divide content visually or semantically.
|
|
5
|
+
*/
|
|
6
|
+
export const Separator = (props) => {
|
|
7
|
+
const [local, rest] = splitProps(props, [
|
|
8
|
+
"orientation",
|
|
9
|
+
"decorative",
|
|
10
|
+
"class",
|
|
11
|
+
]);
|
|
12
|
+
const orientation = () => local.orientation || "horizontal";
|
|
13
|
+
const isDecorative = () => local.decorative ?? true;
|
|
14
|
+
return (<div role={isDecorative() ? "none" : "separator"} aria-orientation={isDecorative() ? undefined : orientation()} class={cn("shrink-0 bg-border", orientation() === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", local.class)} {...rest}/>);
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=separator.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.jsx","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAU9B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACtC,aAAa;QACb,YAAY;QACZ,OAAO;KACR,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,IAAI,YAAY,CAAC;IAC5D,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC;IAEpD,OAAO,CACL,CAAC,GAAG,CACF,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAC5C,gBAAgB,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAC7D,KAAK,CAAC,CAAC,EAAE,CACP,oBAAoB,EACpB,WAAW,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EACpE,KAAK,CAAC,KAAK,CACZ,CAAC,CACF,IAAI,IAAI,CAAC,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}
|