@arcadeai/design-system 3.36.0 → 3.37.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/assets/index.css +1 -1
- package/dist/assets/tokens.css +1 -1
- package/dist/assets/variables.css +1 -1
- package/dist/components/index.js +412 -396
- package/dist/components/ui/atoms/arcade-gradient.d.ts.map +1 -0
- package/dist/components/ui/atoms/{icons/arcade-gradient.js → arcade-gradient.js} +1 -1
- package/dist/components/ui/atoms/icons/index.d.ts +0 -1
- package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.js +294 -296
- package/dist/components/ui/atoms/index.d.ts +1 -0
- package/dist/components/ui/atoms/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/index.js +112 -112
- package/dist/components/ui/atoms/loader.d.ts +1 -1
- package/dist/components/ui/atoms/loader.d.ts.map +1 -1
- package/dist/components/ui/atoms/loader.js +91 -61
- package/dist/components/ui/atoms/virtualized-grid.d.ts.map +1 -1
- package/dist/components/ui/atoms/virtualized-grid.js +16 -16
- package/dist/components/ui/index.js +412 -396
- package/dist/components/ui/molecules/chat-history-item.d.ts +21 -0
- package/dist/components/ui/molecules/chat-history-item.d.ts.map +1 -0
- package/dist/components/ui/molecules/chat-history-item.js +88 -0
- package/dist/components/ui/molecules/chat-message-list.d.ts +6 -0
- package/dist/components/ui/molecules/chat-message-list.d.ts.map +1 -1
- package/dist/components/ui/molecules/chat-message-list.js +117 -61
- package/dist/components/ui/molecules/confirm-popover.d.ts +20 -0
- package/dist/components/ui/molecules/confirm-popover.d.ts.map +1 -0
- package/dist/components/ui/molecules/confirm-popover.js +50 -0
- package/dist/components/ui/molecules/error-state.d.ts +17 -0
- package/dist/components/ui/molecules/error-state.d.ts.map +1 -0
- package/dist/components/ui/molecules/error-state.js +45 -0
- package/dist/components/ui/molecules/index.d.ts +10 -6
- package/dist/components/ui/molecules/index.d.ts.map +1 -1
- package/dist/components/ui/molecules/index.js +52 -51
- package/dist/components/ui/molecules/requirement-badges.js +4 -5
- package/dist/components/ui/molecules/steps-progress.d.ts +1 -0
- package/dist/components/ui/molecules/steps-progress.d.ts.map +1 -1
- package/dist/components/ui/molecules/steps-progress.js +75 -52
- package/dist/components/ui/molecules/suggestion-card.d.ts +2 -0
- package/dist/components/ui/molecules/suggestion-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/suggestion-card.js +42 -16
- package/dist/components/ui/molecules/tool-call-accordion.d.ts +6 -1
- package/dist/components/ui/molecules/tool-call-accordion.d.ts.map +1 -1
- package/dist/components/ui/molecules/tool-call-accordion.js +153 -96
- package/dist/components/ui/molecules/toolkit-card.js +1 -1
- package/dist/components/ui/pages/chat-page-skeleton.d.ts +7 -0
- package/dist/components/ui/pages/chat-page-skeleton.d.ts.map +1 -0
- package/dist/components/ui/pages/chat-page-skeleton.js +18 -0
- package/dist/components/ui/pages/index.d.ts +2 -2
- package/dist/components/ui/pages/index.d.ts.map +1 -1
- package/dist/components/ui/pages/index.js +4 -4
- package/dist/components/ui/templates/chat-template-skeletons.d.ts +12 -0
- package/dist/components/ui/templates/chat-template-skeletons.d.ts.map +1 -0
- package/dist/components/ui/templates/chat-template-skeletons.js +119 -0
- package/dist/components/ui/templates/error-template.d.ts +20 -0
- package/dist/components/ui/templates/error-template.d.ts.map +1 -0
- package/dist/components/ui/templates/error-template.js +117 -0
- package/dist/components/ui/templates/index.d.ts +4 -0
- package/dist/components/ui/templates/index.d.ts.map +1 -1
- package/dist/components/ui/templates/index.js +37 -22
- package/dist/hooks/use-mobile.d.ts.map +1 -1
- package/dist/hooks/use-mobile.js +12 -11
- package/dist/main.js +381 -365
- package/dist/metadata/toolkit-icons.d.ts.map +1 -1
- package/dist/metadata/toolkit-icons.js +187 -186
- package/dist/metadata/toolkits.d.ts.map +1 -1
- package/dist/metadata/toolkits.js +13 -0
- package/dist/{toolkit-card-B97E7TBA.js → toolkit-card-CB1oiaei.js} +2 -3
- package/package.json +1 -1
- package/dist/components/ui/atoms/icons/arcade-gradient.d.ts.map +0 -1
- package/dist/components/ui/molecules/switcher.d.ts +0 -83
- package/dist/components/ui/molecules/switcher.d.ts.map +0 -1
- package/dist/components/ui/molecules/switcher.js +0 -164
- package/dist/components/ui/pages/chat-page.d.ts +0 -83
- package/dist/components/ui/pages/chat-page.d.ts.map +0 -1
- package/dist/components/ui/pages/chat-page.js +0 -385
- /package/dist/components/ui/atoms/{icons/arcade-gradient.d.ts → arcade-gradient.d.ts} +0 -0
package/dist/assets/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@custom-variant dark (&:is(.dark *));@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-tertiary: var(--tertiary); --color-tertiary-foreground: var(--tertiary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --spacing: var(--spacing); }:root{--radius: .625rem;--spacing: .25rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.631 .255 22.8);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--tertiary: oklch(.925 .2326 125.05);--tertiary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.631 .255 22.8);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.5 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.205 0 0);--sidebar-accent: oklch(.631 .255 22.8);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0)}.dark{--spacing: .25rem;--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.631 .255 22.8);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--tertiary: oklch(.925 .2326 125.05);--tertiary-foreground: oklch(.205 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.631 .255 22.8);--chart-1: oklch(.7374 .1669 63.82);--chart-2: oklch(.5171 .1067 166.24);--chart-3: oklch(.3976 .1371 309.62);--chart-4: oklch(.4642 .0848 227.39);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.631 .255 22.8);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0)}@keyframes spinner-fade{0%{opacity:1}to{opacity:0}}@keyframes thin-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes typing{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes wave-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes text-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes loading-dots{0%,to{opacity:0}50%{opacity:1}}.shiki,.shiki span{font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);color:var(--shiki-light);text-decoration:var(--shiki-light-text-decoration);background-color:var(--shiki-light-bg)}.dark .shiki,.dark .shiki span{font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);color:var(--shiki-dark);text-decoration:var(--shiki-dark-text-decoration);background-color:var(--shiki-dark-bg)}@layer design-system{::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:oklch(from var(--background) l c h)}::-webkit-scrollbar-thumb{background:oklch(from var(--muted) l c h);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--muted-foreground) l c h)}}
|
|
1
|
+
@custom-variant dark (&:is(.dark *));@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-tertiary: var(--tertiary); --color-tertiary-foreground: var(--tertiary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --spacing: var(--spacing); }:root{--radius: .625rem;--spacing: .25rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.631 .255 22.8);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--tertiary: oklch(.925 .2326 125.05);--tertiary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.631 .255 22.8);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.5 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.205 0 0);--sidebar-accent: oklch(.631 .255 22.8);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0)}.dark{--spacing: .25rem;--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.631 .255 22.8);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--tertiary: oklch(.925 .2326 125.05);--tertiary-foreground: oklch(.205 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.631 .255 22.8);--chart-1: oklch(.7374 .1669 63.82);--chart-2: oklch(.5171 .1067 166.24);--chart-3: oklch(.3976 .1371 309.62);--chart-4: oklch(.4642 .0848 227.39);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.631 .255 22.8);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0)}@keyframes spinner-fade{0%{opacity:1}to{opacity:0}}@keyframes thin-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes typing{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes wave-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes text-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes loading-dots{0%,to{opacity:0}50%{opacity:1}}@keyframes braille-spin{0%{content:"⠋"}10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}to{content:"⠋"}}.shiki,.shiki span{font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);color:var(--shiki-light);text-decoration:var(--shiki-light-text-decoration);background-color:var(--shiki-light-bg)}.dark .shiki,.dark .shiki span{font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);color:var(--shiki-dark);text-decoration:var(--shiki-dark-text-decoration);background-color:var(--shiki-dark-bg)}@layer design-system{::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:oklch(from var(--background) l c h)}::-webkit-scrollbar-thumb{background:oklch(from var(--muted) l c h);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--muted-foreground) l c h)}}
|