@devalok/shilp-sutra 0.28.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks/badge-group.js +299 -0
- package/dist/_chunks/framer.js +1915 -1980
- package/dist/_chunks/keybinding.js +4 -5
- package/dist/_chunks/primitives.js +3198 -3272
- package/dist/_chunks/sonner.js +29 -31
- package/dist/_chunks/stat-row.js +110 -131
- package/dist/_chunks/tiptap.js +42 -78
- package/dist/_chunks/tree-view.js +138 -149
- package/dist/_chunks/typing-indicator.js +565 -0
- package/dist/_chunks/use-calendar.js +416 -439
- package/dist/_chunks/vendor-client.js +5 -5
- package/dist/_chunks/vendor-utils.js +5 -5
- package/dist/ai/block-renderer.js +22 -22
- package/dist/ai/blocks/loading.d.ts.map +1 -1
- package/dist/ai/command-bar.d.ts.map +1 -1
- package/dist/ai/command-bar.js +241 -263
- package/dist/ai/conversation.d.ts.map +1 -1
- package/dist/ai/conversation.js +87 -107
- package/dist/composed/activity-feed.d.ts +2 -0
- package/dist/composed/activity-feed.d.ts.map +1 -1
- package/dist/composed/activity-feed.js +118 -90
- package/dist/composed/avatar-group.d.ts +1 -0
- package/dist/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/avatar-group.js +125 -86
- package/dist/composed/bulk-action-bar.d.ts.map +1 -1
- package/dist/composed/bulk-action-bar.js +29 -28
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +99 -113
- package/dist/composed/content-card.js +1 -1
- package/dist/composed/date-picker/calendar-grid.d.ts.map +1 -1
- package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-range-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-time-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/time-picker.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.js +29 -28
- package/dist/composed/error-boundary.d.ts.map +1 -1
- package/dist/composed/error-boundary.js +30 -27
- package/dist/composed/extensions/file-attachment.d.ts.map +1 -1
- package/dist/composed/file-preview.d.ts.map +1 -1
- package/dist/composed/file-preview.js +261 -271
- package/dist/composed/filter-bar.d.ts.map +1 -1
- package/dist/composed/filter-bar.js +49 -48
- package/dist/composed/form-section.d.ts.map +1 -1
- package/dist/composed/form-section.js +12 -11
- package/dist/composed/global-loading.js +1 -1
- package/dist/composed/index.d.ts +1 -1
- package/dist/composed/index.d.ts.map +1 -1
- package/dist/composed/index.js +63 -63
- package/dist/composed/inline-edit.d.ts.map +1 -1
- package/dist/composed/inline-edit.js +55 -54
- package/dist/composed/markdown-viewer.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.js +44 -43
- package/dist/composed/master-detail.d.ts.map +1 -1
- package/dist/composed/master-detail.js +35 -34
- package/dist/composed/multi-select-popover.d.ts.map +1 -1
- package/dist/composed/multi-select-popover.js +73 -73
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-header.js +42 -35
- package/dist/composed/priority-indicator.d.ts.map +1 -1
- package/dist/composed/priority-indicator.js +37 -36
- package/dist/composed/rich-text-editor.d.ts +3 -0
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +295 -311
- package/dist/composed/schedule-view.js +62 -62
- package/dist/composed/status-badge.d.ts +4 -2
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +58 -45
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js +93 -93
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +21 -20
- package/dist/shell/index.js +18 -18
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +96 -95
- package/dist/shell/notification-preferences.d.ts.map +1 -1
- package/dist/shell/notification-preferences.js +82 -85
- package/dist/shell/sidebar.js +59 -60
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +103 -103
- package/dist/tailwind/index.cjs +37 -4
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +38 -5
- package/dist/tokens/primitives.css +20 -0
- package/dist/tokens/semantic.css +74 -7
- package/dist/ui/accordion.d.ts +5 -2
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +44 -39
- package/dist/ui/alert-dialog.js +57 -57
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +30 -29
- package/dist/ui/aspect-ratio.js +4 -4
- package/dist/ui/autocomplete.js +56 -56
- package/dist/ui/avatar.js +2 -2
- package/dist/ui/badge-group.d.ts +22 -0
- package/dist/ui/badge-group.d.ts.map +1 -0
- package/dist/ui/badge-group.js +8 -0
- package/dist/ui/badge-indicator.d.ts +32 -0
- package/dist/ui/badge-indicator.d.ts.map +1 -0
- package/dist/ui/badge-indicator.js +54 -0
- package/dist/ui/badge.d.ts +27 -24
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +13 -129
- package/dist/ui/banner.d.ts +1 -1
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/banner.js +27 -26
- package/dist/ui/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +37 -36
- package/dist/ui/button-group.d.ts +12 -6
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js +18 -18
- package/dist/ui/button-processing.d.ts +16 -0
- package/dist/ui/button-processing.d.ts.map +1 -0
- package/dist/ui/button-processing.js +77 -0
- package/dist/ui/button.d.ts +50 -25
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +243 -127
- package/dist/ui/card.js +20 -21
- package/dist/ui/charts/index.js +499 -508
- package/dist/ui/chat/date-separator.d.ts +12 -0
- package/dist/ui/chat/date-separator.d.ts.map +1 -0
- package/dist/ui/chat/index.d.ts +9 -0
- package/dist/ui/chat/index.d.ts.map +1 -0
- package/dist/ui/chat/index.js +12 -0
- package/dist/ui/chat/message-input.d.ts +16 -0
- package/dist/ui/chat/message-input.d.ts.map +1 -0
- package/dist/ui/chat/message-list.d.ts +24 -0
- package/dist/ui/chat/message-list.d.ts.map +1 -0
- package/dist/ui/chat/message.d.ts +108 -0
- package/dist/ui/chat/message.d.ts.map +1 -0
- package/dist/ui/chat/system-message.d.ts +11 -0
- package/dist/ui/chat/system-message.d.ts.map +1 -0
- package/dist/ui/chat/typing-indicator.d.ts +14 -0
- package/dist/ui/chat/typing-indicator.d.ts.map +1 -0
- package/dist/ui/chat/unread-separator.d.ts +12 -0
- package/dist/ui/chat/unread-separator.d.ts.map +1 -0
- package/dist/ui/checkbox.js +18 -18
- package/dist/ui/chip.d.ts +13 -62
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +10 -109
- package/dist/ui/collapsible.js +4 -4
- package/dist/ui/color-input.js +134 -134
- package/dist/ui/color-swatch.js +11 -11
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +74 -80
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +86 -85
- package/dist/ui/data-table-toolbar.d.ts.map +1 -1
- package/dist/ui/data-table-toolbar.js +51 -57
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +268 -296
- package/dist/ui/devalok-grain.d.ts +81 -0
- package/dist/ui/devalok-grain.d.ts.map +1 -0
- package/dist/ui/devalok-grain.js +69 -0
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +73 -72
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +93 -92
- package/dist/ui/file-upload.d.ts.map +1 -1
- package/dist/ui/file-upload.js +82 -82
- package/dist/ui/hover-card.js +29 -29
- package/dist/ui/icon-button.d.ts +7 -7
- package/dist/ui/icon-button.d.ts.map +1 -1
- package/dist/ui/icon-context.d.ts +15 -0
- package/dist/ui/icon-context.d.ts.map +1 -0
- package/dist/ui/icon-context.js +20 -0
- package/dist/ui/icon-group.d.ts +22 -0
- package/dist/ui/icon-group.d.ts.map +1 -0
- package/dist/ui/icon-group.js +32 -0
- package/dist/ui/icon.d.ts +57 -0
- package/dist/ui/icon.d.ts.map +1 -0
- package/dist/ui/icon.js +122 -0
- package/dist/ui/index.d.ts +8 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +351 -329
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js +21 -20
- package/dist/ui/input.d.ts +32 -11
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +149 -44
- package/dist/ui/lib/motion.d.ts +2 -0
- package/dist/ui/lib/motion.d.ts.map +1 -1
- package/dist/ui/lib/motion.js +13 -11
- package/dist/ui/lib/utils.js +4 -4
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +87 -86
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +23 -28
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +54 -53
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js +45 -44
- package/dist/ui/popover.js +28 -28
- package/dist/ui/progress.d.ts +3 -1
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/progress.js +43 -39
- package/dist/ui/search-input.d.ts.map +1 -1
- package/dist/ui/search-input.js +47 -60
- package/dist/ui/segmented-control.js +1 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +54 -53
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +46 -45
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +196 -193
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/spinner.js +74 -74
- package/dist/ui/stat-card.d.ts.map +1 -1
- package/dist/ui/stat-card.js +85 -86
- package/dist/ui/switch.d.ts +3 -0
- package/dist/ui/switch.d.ts.map +1 -1
- package/dist/ui/switch.js +41 -27
- package/dist/ui/tabs.js +43 -43
- package/dist/ui/text.js +1 -1
- package/dist/ui/textarea.js +10 -10
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +169 -169
- package/dist/ui/toggle.js +4 -4
- package/dist/ui/tooltip.js +40 -40
- package/dist/ui/tree-view/tree-item.d.ts.map +1 -1
- package/docs/components/_header.md +4 -4
- package/docs/components/composed/activity-feed.md +7 -0
- package/docs/components/composed/avatar-group.md +8 -5
- package/docs/components/composed/rich-text-editor.md +6 -0
- package/docs/components/composed/status-badge.md +14 -1
- package/docs/components/ui/accordion.md +5 -2
- package/docs/components/ui/badge-group.md +38 -0
- package/docs/components/ui/badge-indicator.md +40 -0
- package/docs/components/ui/badge.md +36 -5
- package/docs/components/ui/button-processing.md +15 -0
- package/docs/components/ui/button.md +40 -11
- package/docs/components/ui/chat.md +214 -0
- package/docs/components/ui/data-table.md +3 -0
- package/docs/components/ui/devalok-grain.md +55 -0
- package/docs/components/ui/icon-button.md +12 -5
- package/docs/components/ui/icon-context.md +38 -0
- package/docs/components/ui/icon-group.md +36 -0
- package/docs/components/ui/icon.md +47 -0
- package/docs/components/ui/input.md +32 -6
- package/docs/components/ui/progress.md +5 -0
- package/docs/components/ui/spinner.md +3 -0
- package/docs/components/ui/switch.md +13 -0
- package/llms-full.txt +672 -40
- package/llms.txt +46 -21
- package/package.json +7 -2
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
export interface DateSeparatorProps {
|
|
3
|
+
date: Date | string;
|
|
4
|
+
format?: (date: Date) => string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function DateSeparator({ date, format, className }: DateSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare namespace DateSeparator {
|
|
9
|
+
var displayName: string;
|
|
10
|
+
}
|
|
11
|
+
export { DateSeparator };
|
|
12
|
+
//# sourceMappingURL=date-separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-separator.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/date-separator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAsBD,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAarE;kBAbQ,aAAa;;;AAgBtB,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
export { MessageList, type MessageListProps } from './message-list';
|
|
3
|
+
export { Message, useMessageContext, type MessageProps, type MessageContextValue, type MessageAvatarProps, type MessageContentProps, type MessageAuthorProps, type MessageBodyProps, type MessageEditableBodyProps, type MessageReactionsProps, type MessageActionsProps, type MessageActionProps, } from './message';
|
|
4
|
+
export { SystemMessage, type SystemMessageProps } from './system-message';
|
|
5
|
+
export { DateSeparator, type DateSeparatorProps } from './date-separator';
|
|
6
|
+
export { UnreadSeparator, type UnreadSeparatorProps } from './unread-separator';
|
|
7
|
+
export { MessageInput, type MessageInputProps } from './message-input';
|
|
8
|
+
export { TypingIndicator, type TypingIndicatorProps } from './typing-indicator';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { D as e, M as t, a as r, b as g, S as o, T as M, U as n, u as p } from "../../_chunks/typing-indicator.js";
|
|
3
|
+
export {
|
|
4
|
+
e as DateSeparator,
|
|
5
|
+
t as Message,
|
|
6
|
+
r as MessageInput,
|
|
7
|
+
g as MessageList,
|
|
8
|
+
o as SystemMessage,
|
|
9
|
+
M as TypingIndicator,
|
|
10
|
+
n as UnreadSeparator,
|
|
11
|
+
p as useMessageContext
|
|
12
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface MessageInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
|
|
4
|
+
onSubmit: (text: string) => void;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
isStreaming?: boolean;
|
|
8
|
+
onCancel?: () => void;
|
|
9
|
+
leadingSlot?: React.ReactNode;
|
|
10
|
+
trailingSlot?: React.ReactNode;
|
|
11
|
+
disclaimer?: string;
|
|
12
|
+
sendIcon?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const MessageInput: React.ForwardRefExoticComponent<MessageInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export { MessageInput };
|
|
16
|
+
//# sourceMappingURL=message-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-input.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/message-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,YAAY,0FAiHjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface MessageListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** Auto-scroll to bottom when new content arrives (default true) */
|
|
6
|
+
autoScroll?: boolean;
|
|
7
|
+
/** Number of new messages to show in the floating pill */
|
|
8
|
+
newMessageCount?: number;
|
|
9
|
+
/** Called when user clicks the "N new" pill */
|
|
10
|
+
onScrollToBottom?: () => void;
|
|
11
|
+
/** Called when user scrolls near the top — triggers load-more */
|
|
12
|
+
onLoadMore?: () => void;
|
|
13
|
+
/** Whether more messages are currently being loaded */
|
|
14
|
+
isLoadingMore?: boolean;
|
|
15
|
+
/** Content to render when there are no children */
|
|
16
|
+
emptySlot?: React.ReactNode;
|
|
17
|
+
/** Custom scroll-to-bottom button (unused slot for future override) */
|
|
18
|
+
scrollToBottomSlot?: React.ReactNode;
|
|
19
|
+
/** Content rendered above the scroll container (e.g. channel name) */
|
|
20
|
+
headerSlot?: React.ReactNode;
|
|
21
|
+
}
|
|
22
|
+
declare const MessageList: React.ForwardRefExoticComponent<MessageListProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export { MessageList };
|
|
24
|
+
//# sourceMappingURL=message-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-list.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/message-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mDAAmD;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,QAAA,MAAM,WAAW,yFAkIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { IconProps } from '../icon';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
interface MessageContextValue {
|
|
5
|
+
variant: 'flat' | 'bubble';
|
|
6
|
+
placement: 'start' | 'end';
|
|
7
|
+
grouped: boolean;
|
|
8
|
+
highlight?: 'mention' | 'internal';
|
|
9
|
+
}
|
|
10
|
+
declare function useMessageContext(): MessageContextValue;
|
|
11
|
+
export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
variant?: 'flat' | 'bubble';
|
|
14
|
+
placement?: 'start' | 'end';
|
|
15
|
+
highlight?: 'mention' | 'internal';
|
|
16
|
+
grouped?: boolean;
|
|
17
|
+
deleted?: boolean;
|
|
18
|
+
deletedText?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface MessageAvatarProps {
|
|
21
|
+
src?: string | null;
|
|
22
|
+
fallback?: string;
|
|
23
|
+
icon?: React.ReactNode;
|
|
24
|
+
size?: 'sm' | 'md';
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
declare function MessageAvatar({ src, fallback, icon, size, children, }: MessageAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare namespace MessageAvatar {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
32
|
+
children: React.ReactNode;
|
|
33
|
+
}
|
|
34
|
+
declare function MessageContent({ children, className, ...props }: MessageContentProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare namespace MessageContent {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export interface MessageAuthorProps {
|
|
39
|
+
name: string;
|
|
40
|
+
badge?: React.ReactNode;
|
|
41
|
+
timestamp?: Date;
|
|
42
|
+
formattedTimestamp?: string;
|
|
43
|
+
timestampFormat?: (date: Date) => string;
|
|
44
|
+
}
|
|
45
|
+
declare function MessageAuthor({ name, badge, timestamp, formattedTimestamp, timestampFormat, }: MessageAuthorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
46
|
+
declare namespace MessageAuthor {
|
|
47
|
+
var displayName: string;
|
|
48
|
+
}
|
|
49
|
+
export interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
}
|
|
52
|
+
declare function MessageBody({ children, className, ...props }: MessageBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
declare namespace MessageBody {
|
|
54
|
+
var displayName: string;
|
|
55
|
+
}
|
|
56
|
+
export interface MessageEditableBodyProps {
|
|
57
|
+
content: string;
|
|
58
|
+
onSave: (newContent: string) => void;
|
|
59
|
+
onCancel?: () => void;
|
|
60
|
+
canEdit?: boolean;
|
|
61
|
+
renderContent?: (content: string) => React.ReactNode;
|
|
62
|
+
}
|
|
63
|
+
declare function MessageEditableBody({ content, onSave, onCancel, canEdit, renderContent, }: MessageEditableBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
declare namespace MessageEditableBody {
|
|
65
|
+
var displayName: string;
|
|
66
|
+
}
|
|
67
|
+
export interface MessageReactionsProps {
|
|
68
|
+
reactions: {
|
|
69
|
+
emoji: string;
|
|
70
|
+
count: number;
|
|
71
|
+
reacted: boolean;
|
|
72
|
+
}[];
|
|
73
|
+
onReact: (emoji: string) => void;
|
|
74
|
+
}
|
|
75
|
+
declare function MessageReactions({ reactions, onReact }: MessageReactionsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
76
|
+
declare namespace MessageReactions {
|
|
77
|
+
var displayName: string;
|
|
78
|
+
}
|
|
79
|
+
export interface MessageActionsProps {
|
|
80
|
+
children: React.ReactNode;
|
|
81
|
+
delay?: number;
|
|
82
|
+
}
|
|
83
|
+
declare function MessageActions({ children, delay }: MessageActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
84
|
+
declare namespace MessageActions {
|
|
85
|
+
var displayName: string;
|
|
86
|
+
}
|
|
87
|
+
export interface MessageActionProps {
|
|
88
|
+
icon: IconProps['icon'];
|
|
89
|
+
label: string;
|
|
90
|
+
onClick: () => void;
|
|
91
|
+
variant?: 'default' | 'danger';
|
|
92
|
+
}
|
|
93
|
+
declare function MessageAction({ icon, label, onClick, variant, }: MessageActionProps): import("react/jsx-runtime").JSX.Element;
|
|
94
|
+
declare namespace MessageAction {
|
|
95
|
+
var displayName: string;
|
|
96
|
+
}
|
|
97
|
+
export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>> & {
|
|
98
|
+
Avatar: typeof MessageAvatar;
|
|
99
|
+
Content: typeof MessageContent;
|
|
100
|
+
Author: typeof MessageAuthor;
|
|
101
|
+
Body: typeof MessageBody;
|
|
102
|
+
EditableBody: typeof MessageEditableBody;
|
|
103
|
+
Reactions: typeof MessageReactions;
|
|
104
|
+
Actions: typeof MessageActions;
|
|
105
|
+
Action: typeof MessageAction;
|
|
106
|
+
};
|
|
107
|
+
export { useMessageContext, type MessageContextValue, };
|
|
108
|
+
//# sourceMappingURL=message.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface SystemMessageProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
timestamp?: string;
|
|
6
|
+
variant?: 'event' | 'alert';
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const SystemMessage: React.ForwardRefExoticComponent<SystemMessageProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { SystemMessage };
|
|
11
|
+
//# sourceMappingURL=system-message.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"system-message.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/system-message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AASD,QAAA,MAAM,aAAa,2FAsClB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
export interface TypingIndicatorProps {
|
|
3
|
+
users: {
|
|
4
|
+
name: string;
|
|
5
|
+
image?: string;
|
|
6
|
+
}[];
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function TypingIndicator({ users, className }: TypingIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare namespace TypingIndicator {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
export { TypingIndicator };
|
|
14
|
+
//# sourceMappingURL=typing-indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typing-indicator.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/typing-indicator.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA+BlE;kBA/BQ,eAAe;;;AAkCxB,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
export interface UnreadSeparatorProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
count?: number;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function UnreadSeparator({ label, count, className, }: UnreadSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare namespace UnreadSeparator {
|
|
9
|
+
var displayName: string;
|
|
10
|
+
}
|
|
11
|
+
export { UnreadSeparator };
|
|
12
|
+
//# sourceMappingURL=unread-separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unread-separator.d.ts","sourceRoot":"","sources":["../../../src/ui/chat/unread-separator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,eAAe,CAAC,EACvB,KAAa,EACb,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAUtB;kBAdQ,eAAe;;;AAiBxB,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
package/dist/ui/checkbox.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import * as
|
|
3
|
+
import { j as h, k as x } from "../_chunks/primitives.js";
|
|
4
|
+
import * as r from "react";
|
|
5
5
|
import { cn as v } from "./lib/utils.js";
|
|
6
|
-
import { A as
|
|
7
|
-
const
|
|
8
|
-
const t =
|
|
6
|
+
import { A as C, m as n } from "../_chunks/framer.js";
|
|
7
|
+
const y = r.forwardRef(({ className: l, error: u, indeterminate: a, checked: o, onCheckedChange: s, defaultChecked: c, ...m }, f) => {
|
|
8
|
+
const t = o !== void 0, [p, b] = r.useState(
|
|
9
9
|
a ? "indeterminate" : !!c
|
|
10
|
-
),
|
|
10
|
+
), i = a ? "indeterminate" : t ? o : p, k = i === !0 || i === "indeterminate", g = r.useCallback(
|
|
11
11
|
(d) => {
|
|
12
|
-
t || b(d),
|
|
12
|
+
t || b(d), s?.(d);
|
|
13
13
|
},
|
|
14
|
-
[t,
|
|
14
|
+
[t, s]
|
|
15
15
|
);
|
|
16
16
|
return /* @__PURE__ */ e(
|
|
17
|
-
|
|
17
|
+
h,
|
|
18
18
|
{
|
|
19
19
|
ref: f,
|
|
20
|
-
checked: t || a ?
|
|
20
|
+
checked: t || a ? i : void 0,
|
|
21
21
|
defaultChecked: !t && !a ? c : void 0,
|
|
22
22
|
onCheckedChange: g,
|
|
23
23
|
className: v(
|
|
@@ -31,11 +31,11 @@ const L = n.forwardRef(({ className: h, error: u, indeterminate: a, checked: s,
|
|
|
31
31
|
"data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg",
|
|
32
32
|
"data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg",
|
|
33
33
|
u && "border-error-7 bg-error-3",
|
|
34
|
-
|
|
34
|
+
l
|
|
35
35
|
),
|
|
36
36
|
...m,
|
|
37
|
-
children: /* @__PURE__ */ e(
|
|
38
|
-
|
|
37
|
+
children: /* @__PURE__ */ e(C, { children: k && /* @__PURE__ */ e(x, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
|
|
38
|
+
n.span,
|
|
39
39
|
{
|
|
40
40
|
className: "flex items-center justify-center text-current",
|
|
41
41
|
initial: { opacity: 0 },
|
|
@@ -50,8 +50,8 @@ const L = n.forwardRef(({ className: h, error: u, indeterminate: a, checked: s,
|
|
|
50
50
|
viewBox: "0 0 16 16",
|
|
51
51
|
fill: "none",
|
|
52
52
|
className: "h-ico-sm w-ico-sm",
|
|
53
|
-
children:
|
|
54
|
-
|
|
53
|
+
children: i === "indeterminate" ? /* @__PURE__ */ e(
|
|
54
|
+
n.line,
|
|
55
55
|
{
|
|
56
56
|
x1: "4",
|
|
57
57
|
y1: "8",
|
|
@@ -66,7 +66,7 @@ const L = n.forwardRef(({ className: h, error: u, indeterminate: a, checked: s,
|
|
|
66
66
|
transition: { duration: 0.24, ease: "easeOut" }
|
|
67
67
|
}
|
|
68
68
|
) : /* @__PURE__ */ e(
|
|
69
|
-
|
|
69
|
+
n.path,
|
|
70
70
|
{
|
|
71
71
|
d: "M3.5 8.5l3 3 6-6",
|
|
72
72
|
stroke: "currentColor",
|
|
@@ -87,7 +87,7 @@ const L = n.forwardRef(({ className: h, error: u, indeterminate: a, checked: s,
|
|
|
87
87
|
}
|
|
88
88
|
);
|
|
89
89
|
});
|
|
90
|
-
|
|
90
|
+
y.displayName = h.displayName;
|
|
91
91
|
export {
|
|
92
|
-
|
|
92
|
+
y as Checkbox
|
|
93
93
|
};
|
package/dist/ui/chip.d.ts
CHANGED
|
@@ -1,68 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { BadgeProps } from './badge';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
declare const chipVariants: (props?: ({
|
|
5
|
-
variant?: "outline" | "subtle" | null | undefined;
|
|
6
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
|
-
color?: "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
|
|
8
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
-
type ChipColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info' | 'teal' | 'amber' | 'slate' | 'indigo' | 'cyan' | 'orange' | 'emerald';
|
|
10
4
|
/**
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* **Two axes:**
|
|
14
|
-
* - `variant` controls **shape**: `"subtle"` (surface background, default) | `"outline"` (border only)
|
|
15
|
-
* - `color` controls **intent/category**: `"default"` | `"primary"` | `"success"` | `"error"` |
|
|
16
|
-
* `"warning"` | `"info"` | `"teal"` | `"amber"` | `"slate"` | `"indigo"` | `"cyan"` | `"orange"` | `"emerald"`
|
|
17
|
-
*
|
|
18
|
-
* **Comparison with Badge:** Badge now uses `color=` for intent (e.g. `color="success"`), same as Chip.
|
|
19
|
-
* Badge also has `variant=` for visual style (`subtle` | `solid` | `outline`).
|
|
20
|
-
*
|
|
21
|
-
* **Important:** Use the `label` prop, NOT `children`. Chip does not render children.
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* // Basic label chip:
|
|
25
|
-
* <Chip label="In Progress" />
|
|
26
|
-
*
|
|
27
|
-
* // With intent color (use color=, not variant=):
|
|
28
|
-
* <Chip label="High Priority" color="warning" />
|
|
29
|
-
* <Chip label="Done" color="success" variant="outline" />
|
|
30
|
-
*
|
|
31
|
-
* // Dismissible chip (e.g. in a filter bar):
|
|
32
|
-
* <Chip label="React" color="info" onDismiss={() => removeFilter('react')} />
|
|
33
|
-
*
|
|
34
|
-
* // Clickable chip (renders as <button>):
|
|
35
|
-
* <Chip label="View details" color="primary" onClick={() => openPanel(id)} />
|
|
36
|
-
*
|
|
37
|
-
* // WRONG — children are not rendered (TypeScript error in strict mode):
|
|
38
|
-
* // <Chip>High Priority</Chip>
|
|
39
|
-
*
|
|
40
|
-
* // Badge comparison:
|
|
41
|
-
* // <Badge color="success">Done</Badge> ← Badge uses color= for intent
|
|
42
|
-
* // <Chip label="Done" color="success" /> ← Chip uses color= for intent
|
|
5
|
+
* @deprecated Use `<Badge onClick={...}>` instead of `<Chip>`.
|
|
6
|
+
* This wrapper maps the old Chip API (label prop) to Badge (children).
|
|
43
7
|
*/
|
|
44
|
-
|
|
8
|
+
interface ChipProps extends Omit<BadgeProps, 'children'> {
|
|
45
9
|
label: string;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
|
-
color?: "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
|
|
57
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "color"> & {
|
|
58
|
-
label: string;
|
|
59
|
-
color?: ChipColor;
|
|
60
|
-
icon?: React.ReactNode;
|
|
61
|
-
onClick?: React.MouseEventHandler;
|
|
62
|
-
onDismiss?: () => void;
|
|
63
|
-
disabled?: boolean;
|
|
64
|
-
className?: string;
|
|
65
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
66
|
-
export { AnimatePresence as ChipGroup } from 'framer-motion';
|
|
67
|
-
export { Chip, chipVariants, type ChipProps };
|
|
10
|
+
icon?: React.ReactElement | null;
|
|
11
|
+
}
|
|
12
|
+
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated Use `<Badge.Group>` for overflow. For exit animations, wrap in `<AnimatePresence>`.
|
|
15
|
+
*/
|
|
16
|
+
declare const ChipGroup: ({ children, custom, initial, onExitComplete, presenceAffectsLayout, mode, propagate, anchorX, anchorY, root }: React.PropsWithChildren<import('framer-motion').AnimatePresenceProps>) => import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
export { Chip, ChipGroup };
|
|
18
|
+
export type { ChipProps };
|
|
68
19
|
//# sourceMappingURL=chip.d.ts.map
|
package/dist/ui/chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC;;;GAGG;AACH,UAAU,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,IAAI,+EAMT,CAAA;AAGD;;GAEG;AACH,QAAA,MAAM,SAAS,0OAAkB,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AAC1B,YAAY,EAAE,SAAS,EAAE,CAAA"}
|
package/dist/ui/chip.js
CHANGED
|
@@ -1,113 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import * as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { m as n } from "../_chunks/framer.js";
|
|
9
|
-
import { A as X } from "../_chunks/framer.js";
|
|
10
|
-
const j = h(
|
|
11
|
-
"inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01 ease-productive-standard",
|
|
12
|
-
{
|
|
13
|
-
variants: {
|
|
14
|
-
variant: {
|
|
15
|
-
subtle: "bg-surface-raised text-surface-fg border border-transparent",
|
|
16
|
-
outline: "bg-transparent text-surface-fg border border-surface-border-strong"
|
|
17
|
-
},
|
|
18
|
-
size: {
|
|
19
|
-
sm: "h-ds-xs px-ds-03 text-ds-xs",
|
|
20
|
-
md: "h-ds-sm px-ds-04 text-ds-sm",
|
|
21
|
-
lg: "h-ds-md px-ds-05 text-ds-base gap-ds-03"
|
|
22
|
-
},
|
|
23
|
-
color: {
|
|
24
|
-
default: "",
|
|
25
|
-
primary: "",
|
|
26
|
-
success: "",
|
|
27
|
-
error: "",
|
|
28
|
-
warning: "",
|
|
29
|
-
info: "",
|
|
30
|
-
teal: "",
|
|
31
|
-
amber: "",
|
|
32
|
-
slate: "",
|
|
33
|
-
indigo: "",
|
|
34
|
-
cyan: "",
|
|
35
|
-
orange: "",
|
|
36
|
-
emerald: ""
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
compoundVariants: [
|
|
40
|
-
{ variant: "subtle", color: "primary", className: "bg-accent-9 text-accent-fg" },
|
|
41
|
-
{ variant: "subtle", color: "success", className: "bg-success-3 text-success-11 border-success-7" },
|
|
42
|
-
{ variant: "subtle", color: "error", className: "bg-error-3 text-error-11 border-error-7" },
|
|
43
|
-
{ variant: "subtle", color: "warning", className: "bg-warning-3 text-warning-11 border-warning-7" },
|
|
44
|
-
{ variant: "subtle", color: "info", className: "bg-info-3 text-info-11 border-info-7" },
|
|
45
|
-
{ variant: "subtle", color: "teal", className: "bg-category-teal-3 text-category-teal-11 border-category-teal-7" },
|
|
46
|
-
{ variant: "subtle", color: "amber", className: "bg-category-amber-3 text-category-amber-11 border-category-amber-7" },
|
|
47
|
-
{ variant: "subtle", color: "slate", className: "bg-category-slate-3 text-category-slate-11 border-category-slate-7" },
|
|
48
|
-
{ variant: "subtle", color: "indigo", className: "bg-category-indigo-3 text-category-indigo-11 border-category-indigo-7" },
|
|
49
|
-
{ variant: "subtle", color: "cyan", className: "bg-category-cyan-3 text-category-cyan-11 border-category-cyan-7" },
|
|
50
|
-
{ variant: "subtle", color: "orange", className: "bg-category-orange-3 text-category-orange-11 border-category-orange-7" },
|
|
51
|
-
{ variant: "subtle", color: "emerald", className: "bg-category-emerald-3 text-category-emerald-11 border-category-emerald-7" },
|
|
52
|
-
{ variant: "outline", color: "primary", className: "border-accent-7 text-accent-11" },
|
|
53
|
-
{ variant: "outline", color: "success", className: "border-success-7 text-success-11" },
|
|
54
|
-
{ variant: "outline", color: "error", className: "border-error-7 text-error-11" },
|
|
55
|
-
{ variant: "outline", color: "warning", className: "border-warning-7 text-warning-11" },
|
|
56
|
-
{ variant: "outline", color: "info", className: "border-info-7 text-info-11" },
|
|
57
|
-
{ variant: "outline", color: "teal", className: "border-category-teal-7 text-category-teal-11" },
|
|
58
|
-
{ variant: "outline", color: "amber", className: "border-category-amber-7 text-category-amber-11" },
|
|
59
|
-
{ variant: "outline", color: "slate", className: "border-category-slate-7 text-category-slate-11" },
|
|
60
|
-
{ variant: "outline", color: "indigo", className: "border-category-indigo-7 text-category-indigo-11" },
|
|
61
|
-
{ variant: "outline", color: "cyan", className: "border-category-cyan-7 text-category-cyan-11" },
|
|
62
|
-
{ variant: "outline", color: "orange", className: "border-category-orange-7 text-category-orange-11" },
|
|
63
|
-
{ variant: "outline", color: "emerald", className: "border-category-emerald-7 text-category-emerald-11" }
|
|
64
|
-
],
|
|
65
|
-
defaultVariants: {
|
|
66
|
-
variant: "subtle",
|
|
67
|
-
size: "md",
|
|
68
|
-
color: "default"
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
), R = f.forwardRef(
|
|
72
|
-
({ label: t, variant: i, size: l, color: d, icon: o, onClick: s, onDismiss: c, disabled: r, className: g, ...m }, b) => {
|
|
73
|
-
const e = !!s, u = e ? n.button : n.span, y = e && !r ? "cursor-pointer hover:bg-surface-raised-active focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9" : "", x = r ? "opacity-action-disabled cursor-not-allowed" : "";
|
|
74
|
-
return /* @__PURE__ */ p(
|
|
75
|
-
u,
|
|
76
|
-
{
|
|
77
|
-
ref: b,
|
|
78
|
-
layout: !0,
|
|
79
|
-
initial: { opacity: 1, scale: 1 },
|
|
80
|
-
exit: { opacity: 0, scale: 0.8 },
|
|
81
|
-
whileTap: e && !r ? { scale: 0.97 } : void 0,
|
|
82
|
-
transition: w.snappy,
|
|
83
|
-
className: k(j({ variant: i, size: l, color: d }), y, x, g),
|
|
84
|
-
onClick: e ? s : void 0,
|
|
85
|
-
disabled: e ? r : void 0,
|
|
86
|
-
type: e ? "button" : void 0,
|
|
87
|
-
...C(m),
|
|
88
|
-
children: [
|
|
89
|
-
o && /* @__PURE__ */ a("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
|
|
90
|
-
/* @__PURE__ */ a("span", { children: t }),
|
|
91
|
-
c && /* @__PURE__ */ a(
|
|
92
|
-
"button",
|
|
93
|
-
{
|
|
94
|
-
type: "button",
|
|
95
|
-
"aria-label": `Remove ${t}`,
|
|
96
|
-
className: "flex-shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full p-ds-01 text-current/60 hover:text-current hover:bg-current/10 active:scale-95 transition-[color,background-color,transform] duration-fast-02 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
|
|
97
|
-
onClick: (v) => {
|
|
98
|
-
v.stopPropagation(), c();
|
|
99
|
-
},
|
|
100
|
-
children: /* @__PURE__ */ a(N, { className: "h-ico-sm w-ico-sm" })
|
|
101
|
-
}
|
|
102
|
-
)
|
|
103
|
-
]
|
|
104
|
-
}
|
|
105
|
-
);
|
|
106
|
-
}
|
|
2
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { B as a } from "../_chunks/badge-group.js";
|
|
5
|
+
import { A as e } from "../_chunks/framer.js";
|
|
6
|
+
const s = t.forwardRef(
|
|
7
|
+
({ label: o, icon: r, ...i }, m) => /* @__PURE__ */ p(a, { ref: m, startIcon: r ?? void 0, ...i, children: o })
|
|
107
8
|
);
|
|
108
|
-
|
|
9
|
+
s.displayName = "Chip";
|
|
10
|
+
const f = e;
|
|
109
11
|
export {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
j as chipVariants
|
|
12
|
+
s as Chip,
|
|
13
|
+
f as ChipGroup
|
|
113
14
|
};
|
package/dist/ui/collapsible.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a } from "react/jsx-runtime";
|
|
3
|
-
import * as
|
|
4
|
-
import {
|
|
3
|
+
import * as s from "react";
|
|
4
|
+
import { l as o, m as r, n as m } from "../_chunks/primitives.js";
|
|
5
5
|
import { cn as n } from "./lib/utils.js";
|
|
6
6
|
import { tweens as p } from "./lib/motion.js";
|
|
7
7
|
import { m as d } from "../_chunks/framer.js";
|
|
8
|
-
const y = r, N = m, c =
|
|
8
|
+
const y = r, N = m, c = s.forwardRef(({ className: t, children: e, ...i }, l) => /* @__PURE__ */ a(
|
|
9
9
|
o,
|
|
10
10
|
{
|
|
11
|
-
ref:
|
|
11
|
+
ref: l,
|
|
12
12
|
className: n("overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up", t),
|
|
13
13
|
...i,
|
|
14
14
|
children: /* @__PURE__ */ a(
|