@progress/kendo-themes-html 13.0.1-dev.1 → 13.0.1-dev.3

package/dist/esm/segmented-control/templates/segmented-control-normal.mjs

@@ -1 +1 @@
-var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,a)=>e[a]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),w=(t,e)=>{let{valid:i,invalid:a,hover:r,focus:d,checked:s,active:c,selected:m,disabled:x,indeterminate:D,loading:y,empty:X,readonly:Y,highlighted:Z,...b}=e;return l({"k-valid":i,"k-invalid":a,"k-hover":r,"k-focus":d,"k-checked":s,"k-active":c,"k-selected":m,"k-disabled":x,"k-indeterminate":D&&!s,"k-loading":y,"k-empty":X,"k-readonly":Y,"k-highlighted":Z},Object.keys(b).reduce((M,h)=>(h.startsWith("k-")?M[h]=b[h]:M[`k-${h}`]=b[h],M),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},N={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as ne,jsx as $}from"react/jsx-runtime";var k="k-font-icon",ee=[],te={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},oe={},C=t=>{let{size:e,themeColor:i,icon:a,rotate:r,flip:d,...s}=t;return a?$("span",{...s,className:l(t.className,k,f(k,{size:e}),{[`k-i-${a}`]:a,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):$(ne,{})};C.states=ee;C.options=te;C.className=k;C.defaultOptions=oe;var H=C;import{Fragment as ie,jsx as E}from"react/jsx-runtime";var _="k-svg-icon",re=[],se={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},G={viewBox:"0 0 24 24"},S=t=>{let{size:e,themeColor:i,rotate:a,flip:r,viewBox:d=G.viewBox,icon:s,...c}=t;if(!s)return E(ie,{});s==="none"&&{...c,className:l(t.className,_,"k-none")};let m=typeof s=="object"&&s.name&&s.name;return E("span",{...c,className:l(t.className,_,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:E("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:d,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};S.states=re;S.options=se;S.className=_;S.defaultOptions=G;var L=S;import*as A from"@progress/kendo-svg-icons";var F="icon",P="icons";import{useContext as ae}from"react";import{createContext as le}from"react";var U=le({iconsType:"svg"});import{Fragment as V,jsx as O}from"react/jsx-runtime";var v="k-icon",de=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ce=[],me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},z={viewBox:"0 0 24 24",type:"svg"},p=t=>{let{iconsType:e}=ae(U),{size:i,themeColor:a,icon:r,type:d=e||z.type,rotate:s,flip:c,viewBox:m=z.viewBox,...x}=t;if(!r)return O(V,{});if((e||d)==="svg"){if(r==="none")return O(L,{...x,className:l(t.className,v),icon:r,size:i});let y=A[r]?r:de(`${r}-icon`);return A[y]?O(L,{...x,className:l(t.className,v),icon:A[y],size:i,themeColor:a,rotate:s,flip:c,viewBox:m}):O(V,{})}return O(H,{...x,className:l(t.className,v),icon:r,size:i,themeColor:a,rotate:s,flip:c})};p.states=ce;p.options=me;p.defaultOptions=z;p.className=v;p.moduleName=F;p.folderName=P;var B="segmented-control",j=B,q="segmented-control-button",W="segmented-control";import{jsx as J,jsxs as ge}from"react/jsx-runtime";var I="k-segmented-control-button",pe=[N.selected,N.hover,N.focus,N.disabled],ue={},fe={},u=t=>{let{hover:e,focus:i,selected:a,disabled:r,icon:d,text:s,iconClassName:c,...m}=t;return ge("button",{...m,className:l(t.className,I,w(I,{hover:e,focus:i,disabled:r,selected:a})),children:[d&&J(p,{className:l(c,"k-segmented-control-button-icon"),icon:d}),(s||t.children)&&J("span",{className:"k-segmented-control-button-text",children:s||t.children})]})};u.states=pe;u.options=ue;u.className=I;u.defaultOptions=fe;u.moduleName=q;u.folderName=W;var R=u;import{jsx as Ne,jsxs as Ce}from"react/jsx-runtime";var T="k-segmented-control",xe=[],he={size:[n.small,n.medium,n.large]},g=t=>{let{size:e,stretched:i,children:a,...r}=t;return Ce("div",{...r,className:l(t.className,T,f(T,{size:e}),{[`${T}-stretched`]:i}),children:[Ne("div",{className:"k-segmented-control-thumb"}),a]})};g.states=xe;g.options=he;g.className=T;g.moduleName=B;g.folderName=j;var Q=g;import{Fragment as Se,jsx as K,jsxs as Oe}from"react/jsx-runtime";var dt=t=>K(Q,{...t,children:Oe(Se,{children:[K(R,{icon:"search",selected:!0,children:"Search"}),K(R,{icon:"sparkles",children:" AI Assisstant"})]})});export{dt as SegmentedControlNormal};
+var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,a)=>e[a]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),w=(t,e)=>{let{valid:i,invalid:a,hover:r,focus:d,checked:s,active:c,selected:m,disabled:x,indeterminate:D,loading:y,empty:X,readonly:Y,highlighted:Z,...b}=e;return l({"k-valid":i,"k-invalid":a,"k-hover":r,"k-focus":d,"k-checked":s,"k-active":c,"k-selected":m,"k-disabled":x,"k-indeterminate":D&&!s,"k-loading":y,"k-empty":X,"k-readonly":Y,"k-highlighted":Z},Object.keys(b).reduce((M,h)=>(h.startsWith("k-")?M[h]=b[h]:M[`k-${h}`]=b[h],M),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},N={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as ne,jsx as $}from"react/jsx-runtime";var k="k-font-icon",ee=[],te={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},oe={},C=t=>{let{size:e,themeColor:i,icon:a,rotate:r,flip:d,...s}=t;return a?$("span",{...s,className:l(t.className,k,f(k,{size:e}),{[`k-i-${a}`]:a,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):$(ne,{})};C.states=ee;C.options=te;C.className=k;C.defaultOptions=oe;var H=C;import{Fragment as ie,jsx as E}from"react/jsx-runtime";var _="k-svg-icon",re=[],se={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},G={viewBox:"0 0 24 24"},S=t=>{let{size:e,themeColor:i,rotate:a,flip:r,viewBox:d=G.viewBox,icon:s,...c}=t;if(!s)return E(ie,{});s==="none"&&{...c,className:l(t.className,_,"k-none")};let m=typeof s=="object"&&s.name&&s.name;return E("span",{...c,className:l(t.className,_,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:E("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:d,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};S.states=re;S.options=se;S.className=_;S.defaultOptions=G;var L=S;import*as A from"@progress/kendo-svg-icons";var F="icon",P="icons";import{useContext as ae}from"react";import{createContext as le}from"react";var U=le({iconsType:"svg"});import{Fragment as V,jsx as O}from"react/jsx-runtime";var v="k-icon",de=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ce=[],me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},z={viewBox:"0 0 24 24",type:"svg"},p=t=>{let{iconsType:e}=ae(U),{size:i,themeColor:a,icon:r,type:d=e||z.type,rotate:s,flip:c,viewBox:m=z.viewBox,...x}=t;if(!r)return O(V,{});if((e||d)==="svg"){if(r==="none")return O(L,{...x,className:l(t.className,v),icon:r,size:i});let y=A[r]?r:de(`${r}-icon`);return A[y]?O(L,{...x,className:l(t.className,v),icon:A[y],size:i,themeColor:a,rotate:s,flip:c,viewBox:m}):O(V,{})}return O(H,{...x,className:l(t.className,v),icon:r,size:i,themeColor:a,rotate:s,flip:c})};p.states=ce;p.options=me;p.defaultOptions=z;p.className=v;p.moduleName=F;p.folderName=P;var B="segmented-control",j=B,q="segmented-control-button",W="segmented-control";import{jsx as J,jsxs as ge}from"react/jsx-runtime";var I="k-segmented-control-button",pe=[N.selected,N.hover,N.focus,N.disabled],ue={},fe={},u=t=>{let{hover:e,focus:i,selected:a,disabled:r,icon:d,text:s,iconClassName:c,...m}=t;return ge("button",{...m,className:l(t.className,I,w(I,{hover:e,focus:i,disabled:r,selected:a})),children:[d&&J(p,{className:l(c,"k-segmented-control-button-icon"),icon:d}),(s||t.children)&&J("span",{className:"k-segmented-control-button-text",children:s||t.children})]})};u.states=pe;u.options=ue;u.className=I;u.defaultOptions=fe;u.moduleName=q;u.folderName=W;var R=u;import{jsx as Ne,jsxs as Ce}from"react/jsx-runtime";var T="k-segmented-control",xe=[],he={size:[n.small,n.medium,n.large]},g=t=>{let{size:e,stretched:i,children:a,...r}=t;return Ce("div",{...r,className:l(t.className,T,f(T,{size:e}),{[`${T}-stretched`]:i}),children:[Ne("div",{className:"k-segmented-control-thumb"}),a]})};g.states=xe;g.options=he;g.className=T;g.moduleName=B;g.folderName=j;var Q=g;import{Fragment as Se,jsx as K,jsxs as Oe}from"react/jsx-runtime";var dt=t=>K(Q,{...t,children:Oe(Se,{children:[K(R,{icon:"search",selected:!0,children:"Search"}),K(R,{icon:"sparkles",children:" AI Assistant"})]})});export{dt as SegmentedControlNormal};

package/dist/esm/segmented-control/templates/segmented-control-stretched.mjs

@@ -1 +1 @@
-var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,a)=>e[a]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),w=(t,e)=>{let{valid:i,invalid:a,hover:r,focus:c,checked:s,active:d,selected:m,disabled:x,indeterminate:D,loading:y,empty:X,readonly:Y,highlighted:Z,...b}=e;return l({"k-valid":i,"k-invalid":a,"k-hover":r,"k-focus":c,"k-checked":s,"k-active":d,"k-selected":m,"k-disabled":x,"k-indeterminate":D&&!s,"k-loading":y,"k-empty":X,"k-readonly":Y,"k-highlighted":Z},Object.keys(b).reduce((M,h)=>(h.startsWith("k-")?M[h]=b[h]:M[`k-${h}`]=b[h],M),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},N={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as ne,jsx as $}from"react/jsx-runtime";var k="k-font-icon",ee=[],te={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},oe={},C=t=>{let{size:e,themeColor:i,icon:a,rotate:r,flip:c,...s}=t;return a?$("span",{...s,className:l(t.className,k,f(k,{size:e}),{[`k-i-${a}`]:a,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):$(ne,{})};C.states=ee;C.options=te;C.className=k;C.defaultOptions=oe;var H=C;import{Fragment as ie,jsx as E}from"react/jsx-runtime";var _="k-svg-icon",re=[],se={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},G={viewBox:"0 0 24 24"},S=t=>{let{size:e,themeColor:i,rotate:a,flip:r,viewBox:c=G.viewBox,icon:s,...d}=t;if(!s)return E(ie,{});s==="none"&&{...d,className:l(t.className,_,"k-none")};let m=typeof s=="object"&&s.name&&s.name;return E("span",{...d,className:l(t.className,_,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:E("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:c,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};S.states=re;S.options=se;S.className=_;S.defaultOptions=G;var L=S;import*as A from"@progress/kendo-svg-icons";var F="icon",P="icons";import{useContext as ae}from"react";import{createContext as le}from"react";var U=le({iconsType:"svg"});import{Fragment as V,jsx as O}from"react/jsx-runtime";var v="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),de=[],me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},z={viewBox:"0 0 24 24",type:"svg"},p=t=>{let{iconsType:e}=ae(U),{size:i,themeColor:a,icon:r,type:c=e||z.type,rotate:s,flip:d,viewBox:m=z.viewBox,...x}=t;if(!r)return O(V,{});if((e||c)==="svg"){if(r==="none")return O(L,{...x,className:l(t.className,v),icon:r,size:i});let y=A[r]?r:ce(`${r}-icon`);return A[y]?O(L,{...x,className:l(t.className,v),icon:A[y],size:i,themeColor:a,rotate:s,flip:d,viewBox:m}):O(V,{})}return O(H,{...x,className:l(t.className,v),icon:r,size:i,themeColor:a,rotate:s,flip:d})};p.states=de;p.options=me;p.defaultOptions=z;p.className=v;p.moduleName=F;p.folderName=P;var B="segmented-control",j=B,q="segmented-control-button",W="segmented-control";import{jsx as J,jsxs as ge}from"react/jsx-runtime";var I="k-segmented-control-button",pe=[N.selected,N.hover,N.focus,N.disabled],ue={},fe={},u=t=>{let{hover:e,focus:i,selected:a,disabled:r,icon:c,text:s,iconClassName:d,...m}=t;return ge("button",{...m,className:l(t.className,I,w(I,{hover:e,focus:i,disabled:r,selected:a})),children:[c&&J(p,{className:l(d,"k-segmented-control-button-icon"),icon:c}),(s||t.children)&&J("span",{className:"k-segmented-control-button-text",children:s||t.children})]})};u.states=pe;u.options=ue;u.className=I;u.defaultOptions=fe;u.moduleName=q;u.folderName=W;var R=u;import{jsx as Ne,jsxs as Ce}from"react/jsx-runtime";var T="k-segmented-control",xe=[],he={size:[n.small,n.medium,n.large]},g=t=>{let{size:e,stretched:i,children:a,...r}=t;return Ce("div",{...r,className:l(t.className,T,f(T,{size:e}),{[`${T}-stretched`]:i}),children:[Ne("div",{className:"k-segmented-control-thumb"}),a]})};g.states=xe;g.options=he;g.className=T;g.moduleName=B;g.folderName=j;var Q=g;import{Fragment as Se,jsx as K,jsxs as Oe}from"react/jsx-runtime";var ct=t=>K(Q,{...t,stretched:!0,children:Oe(Se,{children:[K(R,{icon:"search",selected:!0,children:"Search"}),K(R,{icon:"sparkles",iconClassName:"k-accent-icon",children:" AI Assisstant"})]})});export{ct as SegmentedControlStretched};
+var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,a)=>e[a]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),w=(t,e)=>{let{valid:i,invalid:a,hover:r,focus:c,checked:s,active:d,selected:m,disabled:x,indeterminate:D,loading:y,empty:X,readonly:Y,highlighted:Z,...b}=e;return l({"k-valid":i,"k-invalid":a,"k-hover":r,"k-focus":c,"k-checked":s,"k-active":d,"k-selected":m,"k-disabled":x,"k-indeterminate":D&&!s,"k-loading":y,"k-empty":X,"k-readonly":Y,"k-highlighted":Z},Object.keys(b).reduce((M,h)=>(h.startsWith("k-")?M[h]=b[h]:M[`k-${h}`]=b[h],M),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},N={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as ne,jsx as $}from"react/jsx-runtime";var k="k-font-icon",ee=[],te={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},oe={},C=t=>{let{size:e,themeColor:i,icon:a,rotate:r,flip:c,...s}=t;return a?$("span",{...s,className:l(t.className,k,f(k,{size:e}),{[`k-i-${a}`]:a,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):$(ne,{})};C.states=ee;C.options=te;C.className=k;C.defaultOptions=oe;var H=C;import{Fragment as ie,jsx as E}from"react/jsx-runtime";var _="k-svg-icon",re=[],se={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},G={viewBox:"0 0 24 24"},S=t=>{let{size:e,themeColor:i,rotate:a,flip:r,viewBox:c=G.viewBox,icon:s,...d}=t;if(!s)return E(ie,{});s==="none"&&{...d,className:l(t.className,_,"k-none")};let m=typeof s=="object"&&s.name&&s.name;return E("span",{...d,className:l(t.className,_,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:E("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:c,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};S.states=re;S.options=se;S.className=_;S.defaultOptions=G;var L=S;import*as A from"@progress/kendo-svg-icons";var F="icon",P="icons";import{useContext as ae}from"react";import{createContext as le}from"react";var U=le({iconsType:"svg"});import{Fragment as V,jsx as O}from"react/jsx-runtime";var v="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),de=[],me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},z={viewBox:"0 0 24 24",type:"svg"},p=t=>{let{iconsType:e}=ae(U),{size:i,themeColor:a,icon:r,type:c=e||z.type,rotate:s,flip:d,viewBox:m=z.viewBox,...x}=t;if(!r)return O(V,{});if((e||c)==="svg"){if(r==="none")return O(L,{...x,className:l(t.className,v),icon:r,size:i});let y=A[r]?r:ce(`${r}-icon`);return A[y]?O(L,{...x,className:l(t.className,v),icon:A[y],size:i,themeColor:a,rotate:s,flip:d,viewBox:m}):O(V,{})}return O(H,{...x,className:l(t.className,v),icon:r,size:i,themeColor:a,rotate:s,flip:d})};p.states=de;p.options=me;p.defaultOptions=z;p.className=v;p.moduleName=F;p.folderName=P;var B="segmented-control",j=B,q="segmented-control-button",W="segmented-control";import{jsx as J,jsxs as ge}from"react/jsx-runtime";var I="k-segmented-control-button",pe=[N.selected,N.hover,N.focus,N.disabled],ue={},fe={},u=t=>{let{hover:e,focus:i,selected:a,disabled:r,icon:c,text:s,iconClassName:d,...m}=t;return ge("button",{...m,className:l(t.className,I,w(I,{hover:e,focus:i,disabled:r,selected:a})),children:[c&&J(p,{className:l(d,"k-segmented-control-button-icon"),icon:c}),(s||t.children)&&J("span",{className:"k-segmented-control-button-text",children:s||t.children})]})};u.states=pe;u.options=ue;u.className=I;u.defaultOptions=fe;u.moduleName=q;u.folderName=W;var R=u;import{jsx as Ne,jsxs as Ce}from"react/jsx-runtime";var T="k-segmented-control",xe=[],he={size:[n.small,n.medium,n.large]},g=t=>{let{size:e,stretched:i,children:a,...r}=t;return Ce("div",{...r,className:l(t.className,T,f(T,{size:e}),{[`${T}-stretched`]:i}),children:[Ne("div",{className:"k-segmented-control-thumb"}),a]})};g.states=xe;g.options=he;g.className=T;g.moduleName=B;g.folderName=j;var Q=g;import{Fragment as Se,jsx as K,jsxs as Oe}from"react/jsx-runtime";var ct=t=>K(Q,{...t,stretched:!0,children:Oe(Se,{children:[K(R,{icon:"search",selected:!0,children:"Search"}),K(R,{icon:"sparkles",iconClassName:"k-accent-icon",children:" AI Assistant"})]})});export{ct as SegmentedControlStretched};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "13.0.1-dev.1",
+  "version": "13.0.1-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -61,5 +61,5 @@
     "react-dom": "^19.0.0",
     "ts-jest": "^29.2.0"
   },
-  "gitHead": "d5449e3c299b8bbb53b7cee0db85029dc557012d"
+  "gitHead": "232cb4058f8cbe102cdce054823357c5184e38c2"
 }

package/src/grid/tests/grid-semantic-search-popup.tsx

@@ -24,8 +24,8 @@ export default () =>(
         <div id="test-area" className="k-d-grid k-grid-cols-3">
 
             <span>Search + Semantic Search + AI Prompt</span>
+            <span>Semantic Search Selected</span>
             <span>Search + AI Prompt</span>
-            <span>No previous searches</span>
 
             <section>
                 <SmartBoxOpened
@@ -43,10 +43,10 @@ export default () =>(
                     }
                     popup={
                         <>
-                            <SegmentedControl stretched children={
+                            <SegmentedControl size="small" stretched children={
                                 <>
                                     <SegmentedControlButton icon="search">Search</SegmentedControlButton>
-                                    <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assisstant</SegmentedControlButton>
+                                    <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assistant</SegmentedControlButton>
                                 </>
                             } />
                             <List>
@@ -82,10 +82,49 @@ export default () =>(
                     }
                     popup={
                         <>
-                            <SegmentedControl stretched children={
+                            <SegmentedControl size="small" stretched children={
+                                <>
+                                    <SegmentedControlButton icon="zoom-sparkle">Search</SegmentedControlButton>
+                                    <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assistant</SegmentedControlButton>
+                                </>
+                            } />
+                            <List>
+                                <ListContent grouping>
+                                    <ListUl>
+                                        <ListItem description='Fuzzy relevance across fields using similarity scoring'>Search</ListItem>
+                                        <ListItem iconName="check" iconClassName="k-smart-box-check-icon" description='Keyword + semantic ranking for best results'>Semantic Search</ListItem>
+                                    </ListUl>
+                                    <ListUl>
+                                        <ListGroupItem groupIconName="clock-arrow-rotate">Previously searched</ListGroupItem>
+                                        <ListItem>account</ListItem>
+                                        <ListItem>transactions Long long long long long content</ListItem>
+                                        <ListItem>customer</ListItem>
+                                    </ListUl>
+                                </ListContent>
+                            </List>
+                    </>} />
+            </section>
+
+            <section>
+                <SmartBoxOpened
+                    separators={false}
+                    prefix={
+                        <>
+                            <Icon icon="sparkles" className='k-accent-icon' />
+                        </>
+                    }
+                    suffix={
+                        <>
+                            <IconButton icon="microphone-outline" fillMode="clear" rounded="full" size="small" />
+                            <IconButton icon="arrow-up-outline" rounded="full" size="small" disabled />
+                        </>
+                    }
+                    popup={
+                        <>
+                            <SegmentedControl size="small" stretched children={
                                 <>
                                     <SegmentedControlButton icon="search">Search</SegmentedControlButton>
-                                    <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assisstant</SegmentedControlButton>
+                                    <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assistant</SegmentedControlButton>
                                 </>
                             } />
                             <List>
@@ -107,6 +146,12 @@ export default () =>(
                     </>} />
             </section>
 
+
+            <span>No previous searches</span>
+            <span></span>
+            <span></span>
+
+
             <section>
                 <SmartBoxOpened
                     separators={false}
@@ -123,10 +168,10 @@ export default () =>(
                     }
                     popup={
                     <>
-                        <SegmentedControl stretched children={
+                        <SegmentedControl size="small" stretched children={
                             <>
                                 <SegmentedControlButton icon="search">Search</SegmentedControlButton>
-                                <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assisstant</SegmentedControlButton>
+                                <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon" selected> AI Assistant</SegmentedControlButton>
                             </>
                         } />
                         <NoData className="k-smart-box-no-data">

package/src/segmented-control/templates/segmented-control-normal.tsx

@@ -5,7 +5,7 @@ export const SegmentedControlNormal = (props) => (
     <SegmentedControl {...props} children={
         <>
             <SegmentedControlButton icon="search" selected>Search</SegmentedControlButton>
-            <SegmentedControlButton icon="sparkles"> AI Assisstant</SegmentedControlButton>
+            <SegmentedControlButton icon="sparkles"> AI Assistant</SegmentedControlButton>
         </>
     } />
 );

package/src/segmented-control/templates/segmented-control-stretched.tsx

@@ -5,7 +5,7 @@ export const SegmentedControlStretched = (props) => (
     <SegmentedControl {...props} stretched children={
         <>
             <SegmentedControlButton icon="search" selected>Search</SegmentedControlButton>
-            <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon"> AI Assisstant</SegmentedControlButton>
+            <SegmentedControlButton icon="sparkles" iconClassName="k-accent-icon"> AI Assistant</SegmentedControlButton>
         </>
     } />
 );