@openuidev/react-ui 0.9.16

package/dist/styles/tabs.css

@@ -0,0 +1 @@
+.openui-tabs{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-tabs-clear .openui-tabs-content{padding:var(--openui-space-3xs, 2px) 0;border:rgba(0,0,0,0)}.openui-tabs-clear .openui-tabs-list{border-radius:0;gap:var(--openui-space-l, 18px);background:none;padding:0;box-sizing:border-box;flex:1;display:flex;width:100%;position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.openui-tabs-clear .openui-tabs-list::-webkit-scrollbar{display:none}.openui-tabs-clear .openui-tabs-trigger{width:auto;min-width:0;border:0px;border-radius:var(--openui-radius-none, 0);flex-shrink:0;padding:var(--openui-space-s, 8px) 0}.openui-tabs-clear .openui-tabs-trigger[data-state=active]{border:0px;box-shadow:none;background-color:rgba(0,0,0,0);font:var(--openui-text-label-default-heavy);letter-spacing:var(--openui-text-label-default-heavy-letter-spacing)}.openui-tabs-clear .openui-tabs-trigger:not([data-state=active]):hover{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));border:0px;background-color:rgba(0,0,0,0)}.openui-tabs-clear .openui-tabs-list--icon-title-subtext .openui-tabs-trigger,.openui-tabs-clear .openui-tabs-list--image-title-subtext .openui-tabs-trigger{padding:var(--openui-space-m, 12px) 0}.openui-tabs-list-container{position:relative;display:flex;align-items:center;overflow:hidden}.openui-tabs-list-container::after{content:"";position:absolute;bottom:0;height:1px;left:0;right:0;border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));pointer-events:none}.openui-tabs-indicator{position:absolute;bottom:0;left:0;height:1.5px;width:0;opacity:0;background-color:var(--openui-border-interactive-selected, oklch(9.7% 0 0deg));pointer-events:none;z-index:1}.openui-tabs-scroll-button-container-left{position:absolute;height:100%;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 4px 0 0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-tabs-scroll-button-container-right{position:absolute;height:100%;right:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 0 0 4px;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-tabs-scroll-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.openui-tabs-scroll-button.openui-tabs-scroll-left{left:2px}.openui-tabs-scroll-button.openui-tabs-scroll-right{right:2px}.openui-tabs-list{width:100%;box-sizing:border-box;display:flex;gap:var(--openui-space-3xs, 2px);flex-direction:row;padding:var(--openui-space-2xs, 4px);border-radius:var(--openui-radius-l, 10px);background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.openui-tabs-list::-webkit-scrollbar{display:none}.openui-tabs-trigger{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--openui-space-s, 8px);box-sizing:border-box;padding:var(--openui-space-3xs, 2px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);min-width:7.3rem;width:100%;background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing)}.openui-tabs-trigger[data-state=active]{background-color:var(--openui-elevated, oklch(9.7% 0 0deg / 0.08));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04))}.openui-tabs-trigger:not([data-state=active]):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04))}.openui-tabs-trigger-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--openui-space-3xs, 2px);min-width:0}.openui-tabs-trigger-text{width:auto;max-width:232px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-tabs-trigger-subtext{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:232px}.openui-tabs-trigger-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-tabs-trigger-icon svg{width:14px;height:14px}.openui-tabs-trigger-image{display:flex;align-items:center;justify-content:center;width:24px;height:24px;overflow:hidden;flex-shrink:0}.openui-tabs-trigger-image img{width:100%;height:100%;object-fit:cover}.openui-tabs-list--title .openui-tabs-trigger-content{align-items:center}.openui-tabs-list--icon-title .openui-tabs-trigger-content,.openui-tabs-list--image-title .openui-tabs-trigger-content{align-items:flex-start}.openui-tabs-list--icon-title .openui-tabs-trigger-icon,.openui-tabs-list--image-title .openui-tabs-trigger-icon{width:24px;height:24px;border-radius:var(--openui-radius-s, 6px)}.openui-tabs-list--icon-title .openui-tabs-trigger-icon svg,.openui-tabs-list--image-title .openui-tabs-trigger-icon svg{width:14px;height:14px}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger,.openui-tabs-list--image-title-subtext .openui-tabs-trigger{align-items:flex-start}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-content,.openui-tabs-list--image-title-subtext .openui-tabs-trigger-content{align-items:flex-start}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon{width:36px;height:36px;border-radius:var(--openui-radius-m, 8px)}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon svg{width:16px;height:16px}.openui-tabs-list--image-title .openui-tabs-trigger-image{width:24px;height:24px;border-radius:var(--openui-radius-s, 6px)}.openui-tabs-list--image-title-subtext .openui-tabs-trigger-image{width:36px;height:36px;border-radius:var(--openui-radius-m, 8px)}.openui-tabs-content{box-sizing:border-box;padding:var(--openui-space-l, 18px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-m, 8px);font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}.openui-tabs-content-inner{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}

package/dist/styles/tag.css

@@ -0,0 +1 @@
+.openui-tag{box-sizing:border-box;display:flex;align-items:center;overflow:hidden;max-width:100%;gap:var(--openui-space-2xs, 4px);font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing)}.openui-tag-icon{display:flex;align-items:center}.openui-tag-icon svg{stroke-width:2.5;width:14px;height:14px}.openui-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.openui-tag-sm{padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);border-radius:var(--openui-radius-s, 6px);height:24px}.openui-tag-md{padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);border-radius:var(--openui-radius-s, 6px);gap:var(--openui-space-xs, 6px);height:32px}.openui-tag-lg{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);border-radius:var(--openui-radius-m, 8px);gap:var(--openui-space-xs, 6px);height:36px}.openui-tag-neutral{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-tag-info{background-color:var(--openui-info-background, oklch(62.3% 0.188 259.815deg / 0.12));color:var(--openui-text-info-primary, oklch(42.4% 0.181 265.638deg))}.openui-tag-success{background-color:var(--openui-success-background, oklch(62.7% 0.17 149.214deg / 0.12));color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg))}.openui-tag-warning{background-color:var(--openui-alert-background, oklch(79.5% 0.162 86.047deg / 0.16));color:var(--openui-text-alert-primary, oklch(47.6% 0.103 61.907deg))}.openui-tag-danger{background-color:var(--openui-danger-background, oklch(57.7% 0.215 27.325deg / 0.12));color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}

package/dist/styles/tagBlock.css

@@ -0,0 +1 @@
+.openui-tag-block{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px);max-width:100%}

package/dist/styles/textArea.css

@@ -0,0 +1 @@
+.openui-textarea{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);box-sizing:border-box;width:100%;border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);gap:var(--openui-space-xs, 6px);background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));outline:none;resize:none;transition:box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.openui-textarea::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-textarea:focus{box-shadow:0 0 0 2.5px var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-textarea:not(.openui-textarea-error):focus{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-textarea:disabled{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-textarea:not(:focus):not(:disabled):not(.openui-textarea-error):hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-textarea-error{border-color:var(--openui-border-danger-emphasis, oklch(57.7% 0.215 27.325deg))}

package/dist/styles/textCallout.css

@@ -0,0 +1 @@
+.openui-text-callout{width:100%;display:flex;flex-direction:row;gap:var(--openui-space-xs, 6px);padding:0 16px 0 16px;box-sizing:border-box}.openui-text-callout-neutral{border-left:2px solid var(--openui-border-interactive-selected, oklch(9.7% 0 0deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-text-callout-neutral .openui-text-callout-content-title{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-text-callout-info{border-left:2px solid var(--openui-border-info-emphasis, oklch(54.6% 0.215 262.881deg));color:var(--openui-text-info-primary, oklch(42.4% 0.181 265.638deg))}.openui-text-callout-warning{border-left:2px solid var(--openui-border-alert-emphasis, oklch(68.1% 0.142 75.834deg));color:var(--openui-text-alert-primary, oklch(47.6% 0.103 61.907deg))}.openui-text-callout-success{border-left:2px solid var(--openui-border-success-emphasis, oklch(62.7% 0.17 149.214deg));color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg))}.openui-text-callout-danger{border-left:2px solid var(--openui-border-danger-emphasis, oklch(57.7% 0.215 27.325deg));color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-text-callout-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:var(--openui-space-3xs, 2px)}.openui-text-callout-icon-inner{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.openui-text-callout-content{display:flex;flex-direction:column}.openui-text-callout-content-title{font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.openui-text-callout-content-description{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

package/dist/styles/textContent.css

@@ -0,0 +1 @@
+.text-content{box-sizing:border-box;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));border:1px solid}.text-content-sunk{padding:var(--openui-space-m, 12px);background:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-radius-m, 8px);border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.text-content-card{padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-m, 8px);border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.text-content-clear{border-color:rgba(0,0,0,0)}

package/dist/styles/toggleGroup.css

@@ -0,0 +1 @@
+.openui-toggle-group{display:flex;width:100%;gap:var(--openui-space-m, 12px);box-sizing:border-box;flex-direction:row;flex-wrap:wrap}

package/dist/styles/toggleItem.css

@@ -0,0 +1 @@
+.openui-toggle-item{box-sizing:border-box;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-m, 8px);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease;display:flex;gap:var(--openui-space-2xs, 4px);align-items:center;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-toggle-item:hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-toggle-item:disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:not-allowed}.openui-toggle-item[data-state=on]{background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg))}.openui-toggle-item[data-state=on]:hover{background-color:var(--openui-interactive-accent-hover, oklch(9.7% 0 0deg / 0.8))}.openui-toggle-item[data-state=on]:disabled{opacity:.5;cursor:not-allowed}

package/dist/styles/toolCall.css

@@ -0,0 +1 @@
+.openui-behind-the-scenes{display:flex;flex-direction:column;align-items:flex-start;gap:var(--openui-space-m, 12px);width:100%}.openui-behind-the-scenes__toggle{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;gap:var(--openui-space-m, 12px);padding:var(--openui-space-2xs, 4px) var(--openui-space-s, 8px);border-radius:var(--openui-radius-m, 8px);font:var(--openui-text-label-sm-heavy);letter-spacing:var(--openui-text-label-sm-heavy-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer;background-color:rgba(0,0,0,0)}.openui-behind-the-scenes__toggle:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-behind-the-scenes__toggle:not(:disabled):active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-behind-the-scenes__toggle-icon{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));transition:transform .2s ease}.openui-behind-the-scenes__items{display:flex;flex-direction:column;align-items:flex-start;width:100%}.openui-tool-call{display:flex;flex-direction:column;width:100%;padding-left:var(--openui-space-l, 18px)}.openui-tool-call__title-row{display:flex;align-items:center;gap:var(--openui-space-m, 12px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-tool-call__icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.openui-tool-call__icon{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-tool-call__icon--blinking{animation:openui-tool-call-icon-blink 1.5s ease-in-out infinite}.openui-tool-call__name{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));-webkit-text-fill-color:currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-tool-call__name--shimmer{display:inline-block;background-image:linear-gradient(90deg, transparent calc(50% - 50px), var(--openui-text-neutral-primary, oklch(9.7% 0 0deg)), transparent calc(50% + 50px)),linear-gradient(var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5)), var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5)));background-size:250% 100%,auto;background-repeat:no-repeat,padding-box;-webkit-background-clip:text;-webkit-text-fill-color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));background-clip:text;animation:openui-tool-code-shimmer 2s linear infinite}.openui-tool-call__connector{display:flex;gap:var(--openui-space-m, 12px);padding:var(--openui-space-s-m, 10px) var(--openui-space-s, 8px);padding-right:0;min-height:20px;margin-left:6px;border-left:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-tool-call__connector--last{border-left-color:rgba(0,0,0,0)}.openui-tool-call__args-block{display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);padding-left:var(--openui-space-m, 12px);width:100%}.openui-tool-code-block{border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);overflow:hidden;width:100%;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));transition:border-color .15s ease}.openui-tool-code-block:hover{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-tool-code-block__header{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--openui-space-s, 8px);cursor:pointer;background-color:rgba(0,0,0,0)}.openui-tool-code-block__label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));-webkit-text-fill-color:currentColor}.openui-tool-code-block__label--loading{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);display:inline-block;background-image:linear-gradient(90deg, transparent calc(50% - 40px), var(--openui-text-neutral-primary, oklch(9.7% 0 0deg)), transparent calc(50% + 40px)),linear-gradient(var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5)), var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5)));background-size:250% 100%,auto;background-repeat:no-repeat,padding-box;-webkit-background-clip:text;-webkit-text-fill-color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));background-clip:text;animation:openui-tool-code-shimmer 2s linear infinite}.openui-tool-code-block__chevron{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));transition:transform .2s ease}.openui-tool-code-block__chevron--expanded{transform:rotate(180deg)}.openui-tool-code-block__content{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));max-height:250px;overflow:auto;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0)}.openui-tool-code-block__code{font:var(--openui-text-code-sm);letter-spacing:var(--openui-text-code-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;white-space:pre-wrap;word-break:break-all}@keyframes openui-tool-call-icon-blink{0%,100%{opacity:1}50%{opacity:.2}}@keyframes openui-tool-code-shimmer{0%{background-position:100% center}100%{background-position:0% center}}

package/dist/styles/toolResult.css

@@ -0,0 +1 @@
+.openui-tool-result{border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);overflow:hidden;width:100%;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));transition:border-color .15s ease}.openui-tool-result:hover{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-tool-result--error{border-color:var(--openui-border-danger, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-tool-result--error:hover{border-color:var(--openui-border-danger-emphasis, oklch(57.7% 0.215 27.325deg))}.openui-tool-result__header{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--openui-space-m, 12px);cursor:pointer;background-color:rgba(0,0,0,0)}.openui-tool-result__header-left{display:flex;align-items:center;gap:var(--openui-space-xs, 6px);min-width:0}.openui-tool-result__icon--success{flex-shrink:0;color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg))}.openui-tool-result__icon--error{flex-shrink:0;color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-tool-result__label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-tool-result__chevron{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));transition:transform .2s ease}.openui-tool-result__chevron--expanded{transform:rotate(180deg)}.openui-tool-result__content{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0)}.openui-tool-result__error{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg));margin-bottom:var(--openui-space-xs, 6px)}.openui-tool-result__output{font:var(--openui-text-code-sm);letter-spacing:var(--openui-text-code-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;white-space:pre-wrap;word-break:break-all;max-height:250px;overflow-y:auto}

package/dist/types/ConversationStarter.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+/**
+ * Icon type for conversation starters
+ * - undefined: Show default lightbulb icon
+ * - ReactNode: Show the provided icon (use <></> or React.Fragment for no icon)
+ */
+export type ConversationStarterIcon = ReactNode;
+interface ConversationStarterProps {
+    displayText: string;
+    prompt: string;
+    /**
+     * Optional icon to display
+     * - If not provided (undefined): shows default lightbulb icon
+     * - If provided: shows the provided React element
+     * - For no icon: pass an empty fragment (<></> or React.Fragment)
+     */
+    icon?: ConversationStarterIcon;
+}
+export type { ConversationStarterProps };
+//# sourceMappingURL=ConversationStarter.d.ts.map

package/dist/types/ConversationStarter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationStarter.d.ts","sourceRoot":"","sources":["../../src/types/ConversationStarter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAC;CAChC;AAED,YAAY,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/types/ConversationStarter.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ConversationStarter.js.map

package/dist/types/ConversationStarter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationStarter.js","sourceRoot":"","sources":["../../src/types/ConversationStarter.ts"],"names":[],"mappings":""}

package/dist/utils/DatePickerUtils.d.ts

@@ -0,0 +1,5 @@
+import { DateRange } from "react-day-picker";
+export declare const formatDateRange: (range: DateRange | undefined) => string;
+export declare const formatSingleDate: (date: Date | undefined) => string;
+export declare const formatMultipleDates: (dates: Date[] | undefined) => string;
+//# sourceMappingURL=DatePickerUtils.d.ts.map

package/dist/utils/DatePickerUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerUtils.d.ts","sourceRoot":"","sources":["../../src/utils/DatePickerUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,GAAG,SAAS,KAAG,MAgB9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,IAAI,GAAG,SAAS,KAAG,MAGzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,IAAI,EAAE,GAAG,SAAS,KAAG,MAG/D,CAAC"}

package/dist/utils/DatePickerUtils.js

@@ -0,0 +1,26 @@
+import { format } from "date-fns";
+export const formatDateRange = (range) => {
+    if (!range)
+        return "Select a range";
+    const { from, to } = range;
+    if (!from)
+        return "Select a range";
+    if (!to) {
+        return format(from, "MMM d, yyyy");
+    }
+    if (from.toDateString() === to.toDateString()) {
+        return format(from, "MMM d, yyyy");
+    }
+    return `${format(from, "MMM d, yyyy")} - ${format(to, "MMM d, yyyy")}`;
+};
+export const formatSingleDate = (date) => {
+    if (!date)
+        return "Select a date";
+    return format(date, "MMM d, yyyy");
+};
+export const formatMultipleDates = (dates) => {
+    if (!dates)
+        return "Select dates";
+    return dates.map((date) => format(date, "MMM d, yyyy")).join(", ");
+};
+//# sourceMappingURL=DatePickerUtils.js.map

package/dist/utils/DatePickerUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerUtils.js","sourceRoot":"","sources":["../../src/utils/DatePickerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA4B,EAAU,EAAE;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,gBAAgB,CAAC;IAEpC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAE3B,IAAI,CAAC,IAAI;QAAE,OAAO,gBAAgB,CAAC;IAEnC,IAAI,CAAC,EAAE,EAAE,CAAC;QACR,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;QAC9C,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAsB,EAAU,EAAE;IACjE,IAAI,CAAC,IAAI;QAAE,OAAO,eAAe,CAAC;IAClC,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAyB,EAAU,EAAE;IACvE,IAAI,CAAC,KAAK;QAAE,OAAO,cAAc,CAAC;IAClC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrE,CAAC,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePickerUtils";
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./DatePickerUtils";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/package.json

@@ -0,0 +1,159 @@
+{
+  "type": "module",
+  "name": "@openuidev/react-ui",
+  "license": "MIT",
+  "version": "0.9.16",
+  "description": "Component library for Generative UI SDK",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./components.css": {
+      "default": "./dist/components/index.css"
+    },
+    "./styles/*": {
+      "default": "./dist/styles/*"
+    },
+    "./genui-lib": {
+      "types": "./dist/genui-lib/index.d.ts",
+      "default": "./dist/genui-lib/index.js"
+    },
+    "./tailwind": {
+      "types": "./dist/lib/tailwind/tailwind.d.ts",
+      "default": "./dist/lib/tailwind/tailwind.js"
+    },
+    "./scssUtils": {
+      "default": "./dist/styles/cssUtils.scss"
+    },
+    "./*": {
+      "types": "./dist/components/*/index.d.ts",
+      "default": "./dist/components/*/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "zustand": "^4.5.5",
+    "@openuidev/lang-react": "^0.1.0",
+    "@openuidev/react-headless": "^0.7.7"
+  },
+  "dependencies": {
+    "@floating-ui/react-dom": "^2.1.2",
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-aspect-ratio": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-dropdown-menu": "^2.1.7",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "lodash-es": "^4.17.21",
+    "lucide-react": "^0.562.0",
+    "react-day-picker": "^9.5.1",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^15.6.1",
+    "recharts": "^2.15.4",
+    "rehype-katex": "^7.0.1",
+    "remark-breaks": "^4.0.0",
+    "remark-emoji": "^5.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "tiny-invariant": "^1.3.3",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-themes": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/core-events": "^8.5.3",
+    "@storybook/manager-api": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@storybook/theming": "^8.5.3",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.12.0",
+    "@types/node-fetch": "2.6.11",
+    "@types/react": ">=19.0.0",
+    "@types/react-dom": ">=19.0.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "concurrently": "^9.2.0",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "^10.2.14",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "form-data": "^4.0.0",
+    "postcss": "^8.5.1",
+    "postcss-js": "^4.0.1",
+    "postcss-remove-duplicate-values": "^1.0.0",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "prop-types": "^15.8.1",
+    "sass": "^1.83.4",
+    "storybook": "^8.5.3",
+    "tailwindcss": "^3",
+    "tsx": "^4.19.2",
+    "vite": "^5.0.0"
+  },
+  "keywords": [
+    "openui",
+    "react",
+    "ui",
+    "components",
+    "generative",
+    "ai",
+    "agentic",
+    "framework"
+  ],
+  "author": "engineering@thesys.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thesysdev/openui.git",
+    "directory": "js/packages/react-ui"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "generate-tailwind-plugin": "npx tsx src/lib/tailwind/generateTailwindPlugin.ts && pnpm build:plugin",
+    "cleanup": "rm -rf src/lib/tailwind/tailwind.ts",
+    "copy-css": "node cp-css.js",
+    "generate-scss-index": "node src/scripts/scss-import.js",
+    "generate:css-utils": "tsx src/scripts/generate-css-utils.ts",
+    "build": "rm -rf dist && pnpm generate:css-utils && pnpm build:scss && pnpm build:tsc && pnpm cleanup && pnpm run copy-css",
+    "build:tsc": "tsc -p . || true",
+    "build:scss": "sass src:dist --style compressed --no-source-map",
+    "build:plugin": "tsc src/lib/tailwind/tailwind --outDir dist/lib/tailwind --module esnext --allowSyntheticDefaultImports --moduleResolution bundler --declaration",
+    "storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build -o ../../../docs/static/ui",
+    "watch": "concurrently \"pnpm run build --watch\" \"pnpm run build:tsc --watch\" \"pnpm run build:scss --watch\"",
+    "lint:check": "eslint ./src",
+    "lint:fix": "eslint ./src --fix",
+    "format:fix": "prettier --write ./src",
+    "format:check": "prettier --check ./src",
+    "ci": "pnpm run lint:check && pnpm run format:check"
+  }
+}