@knymbus/voxel-ui 1.0.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.
Files changed (115) hide show
  1. package/.storybook/main.ts +17 -0
  2. package/.storybook/preview.ts +23 -0
  3. package/debug-storybook.log +40 -0
  4. package/dist/chunks/jsx-runtime-Boo2vksn.js +182 -0
  5. package/dist/chunks/resizable-ImB8dfG_.js +112 -0
  6. package/dist/chunks/tabs-MaVN00hJ.js +86 -0
  7. package/dist/components/button/Button.d.ts +31 -0
  8. package/dist/components/button/ButtonGroup.d.ts +12 -0
  9. package/dist/components/button/SplitActionButton.d.ts +2 -0
  10. package/dist/components/button/index.d.ts +5 -0
  11. package/dist/components/button/split-types.d.ts +16 -0
  12. package/dist/components/button/types.d.ts +9 -0
  13. package/dist/components/icons/AddIcon.d.ts +2 -0
  14. package/dist/components/icons/BlankDocIcon.d.ts +2 -0
  15. package/dist/components/icons/ChatIcon.d.ts +2 -0
  16. package/dist/components/icons/ChevronDownIcon.d.ts +2 -0
  17. package/dist/components/icons/CloseIcon.d.ts +2 -0
  18. package/dist/components/icons/CommentIcon.d.ts +2 -0
  19. package/dist/components/icons/DeleteChatIcon.d.ts +2 -0
  20. package/dist/components/icons/DocumentIcon.d.ts +2 -0
  21. package/dist/components/icons/ExpandIcon.d.ts +2 -0
  22. package/dist/components/icons/FolderIcon.d.ts +2 -0
  23. package/dist/components/icons/GroupIcon.d.ts +2 -0
  24. package/dist/components/icons/MinimizeIcon.d.ts +2 -0
  25. package/dist/components/icons/MinusIcon.d.ts +2 -0
  26. package/dist/components/icons/MoreIcon.d.ts +2 -0
  27. package/dist/components/icons/OpenFolderIcon.d.ts +2 -0
  28. package/dist/components/icons/PersonIcon.d.ts +2 -0
  29. package/dist/components/icons/PlusChatIcon.d.ts +2 -0
  30. package/dist/components/icons/PlusCommentIcon.d.ts +2 -0
  31. package/dist/components/icons/PlusDocBadgeIcon.d.ts +8 -0
  32. package/dist/components/icons/PlusDocIcon.d.ts +2 -0
  33. package/dist/components/icons/PlusPersonIcon.d.ts +2 -0
  34. package/dist/components/icons/RefreshIcon.d.ts +2 -0
  35. package/dist/components/icons/SearchIcon.d.ts +2 -0
  36. package/dist/components/icons/TerminalIcon.d.ts +2 -0
  37. package/dist/components/icons/TrashIcon.d.ts +2 -0
  38. package/dist/components/icons/TruckIcon.d.ts +2 -0
  39. package/dist/components/icons/index.d.ts +26 -0
  40. package/dist/components/icons/types.d.ts +5 -0
  41. package/dist/components/resizable/ResizablePanel.d.ts +10 -0
  42. package/dist/components/resizable/index.d.ts +1 -0
  43. package/dist/components/resizable/index.js +2 -0
  44. package/dist/components/search/SearchInput.d.ts +10 -0
  45. package/dist/components/search/index.d.ts +2 -0
  46. package/dist/components/search/types.d.ts +19 -0
  47. package/dist/components/tabs/TabButton.d.ts +12 -0
  48. package/dist/components/tabs/TabButtonGroup.d.ts +9 -0
  49. package/dist/components/tabs/TabPanel.d.ts +8 -0
  50. package/dist/components/tabs/TabPanelList.d.ts +11 -0
  51. package/dist/components/tabs/index.d.ts +5 -0
  52. package/dist/components/tabs/index.js +2 -0
  53. package/dist/components/tabs/types.d.ts +9 -0
  54. package/dist/components/tabs/useTab.d.ts +5 -0
  55. package/dist/index.d.ts +5 -0
  56. package/dist/index.js +1071 -0
  57. package/package.json +68 -0
  58. package/src/components/button/Button.stories.tsx +70 -0
  59. package/src/components/button/Button.tsx +108 -0
  60. package/src/components/button/ButtonGroup.stories.tsx +63 -0
  61. package/src/components/button/ButtonGroup.tsx +62 -0
  62. package/src/components/button/SplitActionButton.tsx +116 -0
  63. package/src/components/button/SplitButton.stories.tsx +55 -0
  64. package/src/components/button/index.ts +7 -0
  65. package/src/components/button/split-types.ts +18 -0
  66. package/src/components/button/types.ts +10 -0
  67. package/src/components/icons/AddIcon.tsx +10 -0
  68. package/src/components/icons/BlankDocIcon.tsx +10 -0
  69. package/src/components/icons/ChatIcon.tsx +9 -0
  70. package/src/components/icons/ChevronDownIcon.tsx +9 -0
  71. package/src/components/icons/CloseIcon.tsx +23 -0
  72. package/src/components/icons/CommentIcon.tsx +9 -0
  73. package/src/components/icons/DeleteChatIcon.tsx +10 -0
  74. package/src/components/icons/DocumentIcon.tsx +13 -0
  75. package/src/components/icons/ExpandIcon.tsx +12 -0
  76. package/src/components/icons/FolderIcon.tsx +9 -0
  77. package/src/components/icons/GroupIcon.tsx +12 -0
  78. package/src/components/icons/Icon.stories.tsx +122 -0
  79. package/src/components/icons/MinimizeIcon.tsx +12 -0
  80. package/src/components/icons/MinusIcon.tsx +9 -0
  81. package/src/components/icons/MoreIcon.tsx +11 -0
  82. package/src/components/icons/OpenFolderIcon.tsx +37 -0
  83. package/src/components/icons/PersonIcon.tsx +10 -0
  84. package/src/components/icons/PlusChatIcon.tsx +11 -0
  85. package/src/components/icons/PlusCommentIcon.tsx +11 -0
  86. package/src/components/icons/PlusDocBadgeIcon.tsx +74 -0
  87. package/src/components/icons/PlusDocIcon.tsx +12 -0
  88. package/src/components/icons/PlusPersonIcon.tsx +12 -0
  89. package/src/components/icons/RefreshIcon.tsx +9 -0
  90. package/src/components/icons/SearchIcon.tsx +10 -0
  91. package/src/components/icons/TerminalIcon.tsx +11 -0
  92. package/src/components/icons/TrashIcon.tsx +12 -0
  93. package/src/components/icons/TruckIcon.tsx +12 -0
  94. package/src/components/icons/index.ts +26 -0
  95. package/src/components/icons/types.ts +6 -0
  96. package/src/components/resizable/ResizablePanel.tsx +183 -0
  97. package/src/components/resizable/index.ts +1 -0
  98. package/src/components/search/SearchInput.stories.tsx +91 -0
  99. package/src/components/search/SearchInput.tsx +254 -0
  100. package/src/components/search/index.ts +2 -0
  101. package/src/components/search/types.ts +21 -0
  102. package/src/components/tabs/TabButton.tsx +56 -0
  103. package/src/components/tabs/TabButtonGroup.tsx +82 -0
  104. package/src/components/tabs/TabPanel.tsx +44 -0
  105. package/src/components/tabs/TabPanelList.tsx +31 -0
  106. package/src/components/tabs/Tabs.stories.tsx +71 -0
  107. package/src/components/tabs/index.ts +5 -0
  108. package/src/components/tabs/types.ts +10 -0
  109. package/src/components/tabs/useTab.ts +33 -0
  110. package/src/index.css +35 -0
  111. package/src/index.ts +5 -0
  112. package/src/vite-env.d.ts +5 -0
  113. package/tsconfig.json +47 -0
  114. package/vite.config.ts +64 -0
  115. package/vitest.shims.d.ts +1 -0
@@ -0,0 +1,2 @@
1
+ import { IconProps } from './types';
2
+ export default function TerminalIcon({ size, className, ...props }: IconProps): import("react").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { IconProps } from './types';
2
+ export default function TrashIcon({ size, className, ...props }: IconProps): import("react").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { IconProps } from './types';
2
+ export default function TruckIcon({ size, className, ...props }: IconProps): import("react").JSX.Element;
@@ -0,0 +1,26 @@
1
+ export { default as Close } from './CloseIcon';
2
+ export { default as Terminal } from './TerminalIcon';
3
+ export { default as Document } from './DocumentIcon';
4
+ export { default as Folder } from './FolderIcon';
5
+ export { default as Search } from './SearchIcon';
6
+ export { default as Refresh } from './RefreshIcon';
7
+ export { default as Trash } from './TrashIcon';
8
+ export { default as ChevronDown } from './ChevronDownIcon';
9
+ export { default as Add } from './AddIcon';
10
+ export { default as Minus } from './MinusIcon';
11
+ export { default as Expand } from './ExpandIcon';
12
+ export { default as Minimize } from './MinimizeIcon';
13
+ export { default as BlankDoc } from './BlankDocIcon';
14
+ export { default as PlusDoc } from './PlusDocIcon';
15
+ export { default as Chat } from './ChatIcon';
16
+ export { default as PlusChat } from './PlusChatIcon';
17
+ export { default as DeleteChat } from './DeleteChatIcon';
18
+ export { default as Comment } from './CommentIcon';
19
+ export { default as PlusComment } from './PlusCommentIcon';
20
+ export { default as OpenFolder } from './OpenFolderIcon';
21
+ export { default as More } from './MoreIcon';
22
+ export { default as Truck } from './TruckIcon';
23
+ export { default as Person } from './PersonIcon';
24
+ export { default as PlusPerson } from './PlusPersonIcon';
25
+ export { default as Group } from './GroupIcon';
26
+ export { default as PlusDocBadge } from './PlusDocBadgeIcon';
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export interface IconProps extends React.SVGProps<SVGSVGElement> {
3
+ size?: number | string;
4
+ className?: string;
5
+ }
@@ -0,0 +1,10 @@
1
+ type PullPlacement = 'right' | 'left' | 'top' | 'bottom';
2
+ interface ResizablePanelProps {
3
+ children: React.ReactNode;
4
+ placement?: PullPlacement;
5
+ defaultSize?: number;
6
+ minSize?: number;
7
+ maxSize?: number;
8
+ }
9
+ export default function ResizablePanel({ children, placement, defaultSize, minSize, maxSize }: ResizablePanelProps): import("react").JSX.Element;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { default as ResizablePanel } from './ResizablePanel';
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../chunks/resizable-ImB8dfG_.js";
2
+ export { e as ResizablePanel };
@@ -0,0 +1,10 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import { SearchInputProps } from './types';
3
+ interface AdvancedSearchInputProps extends Omit<SearchInputProps, 'variant'> {
4
+ variant?: 'simple' | 'float' | 'menu';
5
+ showFloatPeek?: boolean;
6
+ resultIndicatorPanel?: string | ReactNode;
7
+ }
8
+ export default function SearchInput({ variant, value, onChange, onClear, placeholder, resultsCount, menuResults, onResultClick, onViewMoreClick, className, showFloatPeek, // Optional feature flag default boundary
9
+ resultIndicatorPanel }: AdvancedSearchInputProps): React.JSX.Element;
10
+ export {};
@@ -0,0 +1,2 @@
1
+ export { default as SearchInput } from './SearchInput';
2
+ export * from './types';
@@ -0,0 +1,19 @@
1
+ export type SearchVariant = 'simple' | 'float' | 'menu';
2
+ export interface SearchResultItem {
3
+ id: string;
4
+ title: string;
5
+ subtitle?: string;
6
+ category?: string;
7
+ }
8
+ export interface SearchInputProps {
9
+ variant?: SearchVariant;
10
+ value: string;
11
+ onChange: (value: string) => void;
12
+ onClear?: () => void;
13
+ placeholder?: string;
14
+ resultsCount?: number;
15
+ menuResults?: SearchResultItem[];
16
+ onResultClick?: (item: SearchResultItem) => void;
17
+ onViewMoreClick?: () => void;
18
+ className?: string;
19
+ }
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { TabVariant } from './types';
3
+ interface TabButtonProps {
4
+ id: string;
5
+ scopeName: string;
6
+ children: React.ReactNode;
7
+ variant?: TabVariant;
8
+ startIcon?: React.ReactNode;
9
+ endIcon?: React.ReactNode;
10
+ }
11
+ export default function TabButton({ id, scopeName, children, variant, startIcon, endIcon }: TabButtonProps): React.JSX.Element;
12
+ export {};
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { TabVariant } from './types';
3
+ interface TabButtonGroupProps {
4
+ children: React.ReactNode;
5
+ variant?: TabVariant;
6
+ scopeName?: string;
7
+ }
8
+ export default function TabButtonGroup({ children, variant, scopeName }: TabButtonGroupProps): React.JSX.Element;
9
+ export {};
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ interface TabPanelProps {
3
+ children: React.ReactNode;
4
+ id: string;
5
+ persist?: boolean;
6
+ }
7
+ export default function TabPanel({ children, id, persist }: TabPanelProps): React.JSX.Element | null;
8
+ export {};
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ interface TabPanelListProps {
3
+ children: React.ReactNode;
4
+ targetScopeName: string;
5
+ defaultValue: string;
6
+ }
7
+ export declare const useTabListContext: () => {
8
+ activeTabId: string | undefined;
9
+ };
10
+ export default function TabPanelList({ children, targetScopeName, defaultValue }: TabPanelListProps): React.JSX.Element;
11
+ export {};
@@ -0,0 +1,5 @@
1
+ export { default as TabPanelList } from './TabPanelList';
2
+ export { default as TabPanel } from './TabPanel';
3
+ export { default as TabButton } from './TabButton';
4
+ export { useTab } from './useTab';
5
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ import { i as e, n as t, r as n, t as r } from "../../chunks/tabs-MaVN00hJ.js";
2
+ export { r as TabButton, t as TabPanel, n as TabPanelList, e as useTab };
@@ -0,0 +1,9 @@
1
+ export type TabVariant = 'underline' | 'pill' | 'vscode' | 'ghost' | 'sliding-underline';
2
+ export interface TabButtonProps {
3
+ id: string;
4
+ scopeName: string;
5
+ children: React.ReactNode;
6
+ variant?: TabVariant;
7
+ startIcon?: React.ReactNode;
8
+ endIcon?: React.ReactNode;
9
+ }
@@ -0,0 +1,5 @@
1
+ export declare function useTab(scopeName: string): {
2
+ activeTab: string;
3
+ changeTab: (tabId: string) => void;
4
+ registerDefault: (defaultTabId: string) => void;
5
+ };
@@ -0,0 +1,5 @@
1
+ export * from './components/resizable';
2
+ export * from './components/tabs';
3
+ export * from './components/button';
4
+ export * from './components/icons';
5
+ export * from './components/search';