@devalok/shilp-sutra 0.27.2 → 0.29.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 +977 -814
- 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 +91 -67
- 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.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 +64 -64
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-header.js +31 -37
- 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.map +1 -1
- package/dist/composed/rich-text-editor.js +287 -306
- 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 +10 -0
- package/dist/tokens/semantic.css +70 -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 +15 -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.d.ts +19 -5
- package/dist/ui/color-input.d.ts.map +1 -1
- package/dist/ui/color-input.js +371 -79
- 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/label.js +1 -1
- 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 +1 -1
- 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 +30 -30
- 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/radio.js +1 -1
- 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/separator.js +5 -5
- 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/slider.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 +40 -26
- 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-group.js +1 -1
- package/dist/ui/toggle.js +5 -5
- package/dist/ui/tooltip.js +41 -41
- 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/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/color-input.md +58 -4
- 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 +724 -44
- package/llms.txt +38 -19
- package/package.json +8 -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(
|
package/dist/ui/color-input.d.ts
CHANGED
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
type ColorFormat = 'hex' | 'rgb' | 'hsl';
|
|
3
4
|
export interface ColorInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
4
5
|
/** Current color value (hex string, e.g. "#d33163") */
|
|
5
6
|
value?: string;
|
|
6
7
|
/** Called when the color changes */
|
|
7
8
|
onChange?: (value: string) => void;
|
|
8
|
-
/**
|
|
9
|
-
presets?:
|
|
9
|
+
/** Preset color swatches. Defaults to 10 named colors. Pass `false` to hide. */
|
|
10
|
+
presets?: {
|
|
11
|
+
hex: string;
|
|
12
|
+
label: string;
|
|
13
|
+
}[] | string[] | false;
|
|
10
14
|
/** Whether the input is disabled */
|
|
11
15
|
disabled?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
|
|
16
|
+
/** Show the interactive color picker. Default: true. */
|
|
17
|
+
showPicker?: boolean;
|
|
18
|
+
/** Default format for the input fields. Default: 'hex'. */
|
|
19
|
+
defaultFormat?: ColorFormat;
|
|
20
|
+
/** Popover alignment. Default: 'start'. */
|
|
21
|
+
align?: 'start' | 'center' | 'end';
|
|
22
|
+
/**
|
|
23
|
+
* Trigger style variant.
|
|
24
|
+
* - `default`: Swatch bleeds to left edge + hex text
|
|
25
|
+
* - `inline`: Entire trigger is the selected color with hex text overlaid
|
|
26
|
+
*/
|
|
27
|
+
variant?: 'default' | 'inline';
|
|
14
28
|
}
|
|
15
|
-
declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<
|
|
29
|
+
declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
30
|
export { ColorInput };
|
|
17
31
|
//# sourceMappingURL=color-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../src/ui/color-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../src/ui/color-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiF9B,KAAK,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAIxC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;IAC7D,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B;AAuDD,QAAA,MAAM,UAAU,wFAqXf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
|