@gradient-ui/core 0.8.0 → 2.0.0

package/dist/GTable.vue_vue_type_style_index_1_lang-DgaYCTxJ.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),density=require("./density-C3E1eUQ3.cjs"),materialSurface=require("./materialSurface-BZWqxSOo.cjs"),components_GGradient=require("./components/GGradient.cjs"),surface=require("./surface-NFdB950M.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),GButton_vue_vue_type_style_index_0_lang=require("./GButton.vue_vue_type_style_index_0_lang-tGLnt3_R.cjs");require("./GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs");const GExpandTransition_vue_vue_type_script_setup_true_lang=require("./GExpandTransition.vue_vue_type_script_setup_true_lang-Ccl2Cemo.cjs");require("./GTransitionGroup.vue_vue_type_script_setup_true_lang-DDh0rXP7.cjs");const makeTableProps=propsFactory.propsFactory({...materialSurface.makeMaterialSurfaceProps(),...surface.makeSurfaceTextureProps(),...density.makeDensityProps(),headers:{type:Array,default:()=>[]},items:{type:Array,default:()=>[]},itemKey:{type:[String,Function],default:"id"},variant:{type:String,default:"tonal"},color:{type:String,default:"primary"},rounded:Boolean,stickyHeader:Boolean,fixedLayout:Boolean,hover:Boolean,clickableRows:Boolean,striped:Boolean,bordered:Boolean,hideHeader:Boolean,caption:String,hideCaption:Boolean,ariaLabel:String,ariaLabelledby:String,loading:Boolean,loadingRows:{type:Number,default:3},emptyText:{type:String,default:"No data"},elevation:Boolean,showExpand:Boolean,expanded:{type:Array,default:()=>[]},singleExpand:Boolean,expandOnRowClick:Boolean,spans:{type:Array,default:()=>[]},cellProps:Function,rowProps:Function,headerProps:Function}),_hoisted_1$5={class:"g-table__head"},_hoisted_2$5={class:"g-table__row g-table__row_header"},_hoisted_3$3={key:0,class:"g-table__header g-table__header_expand",scope:"col"},_hoisted_4$3=["colspan","rowspan"],_hoisted_5$2={class:"g-table__header-content"},_sfc_main$5=vue.defineComponent({name:"GTableHead",__name:"GTableHead",props:{headers:{},showExpand:{type:Boolean},getHeaderStyle:{type:Function},getHeaderAlign:{type:Function},getHeaderAttrs:{type:Function},getColumnFixedAttrs:{type:Function},getHeaderSlotName:{type:Function}},setup(__props){const props=__props,headerCells=vue.computed(()=>props.headers.map((header,index)=>({header,index,attrs:props.getHeaderAttrs(header,index),fixedAttrs:props.getColumnFixedAttrs(header,index)})));return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("thead",_hoisted_1$5,[vue.createElementVNode("tr",_hoisted_2$5,[__props.showExpand?(vue.openBlock(),vue.createElementBlock("th",_hoisted_3$3)):vue.createCommentVNode("",!0),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(headerCells.value,cell=>(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:String(cell.header.key)},[cell.attrs.hidden?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("th",{key:0,class:vue.normalizeClass(["g-table__header",[`g-table__header_align-${__props.getHeaderAlign(cell.header)}`,{"g-table__header_nowrap":cell.header.nowrap,"g-table__header_shrink":cell.header.shrink,[`g-table__header_state-${cell.attrs.state}`]:cell.attrs.state},cell.fixedAttrs.class,cell.header.headerClass,cell.attrs.class]]),style:vue.normalizeStyle([__props.getHeaderStyle(cell.header),cell.fixedAttrs.style,cell.attrs.style]),colspan:cell.attrs.colspan,rowspan:cell.attrs.rowspan,scope:"col"},[vue.createElementVNode("div",_hoisted_5$2,[vue.renderSlot(_ctx.$slots,__props.getHeaderSlotName(cell.header),{header:cell.header,index:cell.index},()=>[vue.renderSlot(_ctx.$slots,"header",{header:cell.header,index:cell.index},()=>[vue.createTextVNode(vue.toDisplayString(cell.header.title),1)])])])],14,_hoisted_4$3))],64))),128))])]))}}),GTableSymbol=Symbol("GTable"),provideTableContext=context=>{vue.provide(GTableSymbol,context)},useTableContext=()=>{const context=vue.inject(GTableSymbol);if(!context)throw new Error("GTable context is missing");return context},_hoisted_1$4=["colspan","rowspan"],_hoisted_2$4={class:"g-table__cell-content"},_sfc_main$4=vue.defineComponent({name:"GTableCell",__name:"GTableCell",props:{item:{},header:{},rowIndex:{},columnIndex:{}},setup(__props){const props=__props,table=useTableContext(),cellContext=vue.computed(()=>table.getCellContext(props.item,props.header,props.rowIndex,props.columnIndex)),cellAttrs=vue.computed(()=>table.getCellAttrs(cellContext.value)),fixedAttrs=vue.computed(()=>table.getColumnFixedAttrs(props.header,props.columnIndex));return(_ctx,_cache)=>cellAttrs.value.hidden?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("td",{key:0,class:vue.normalizeClass(["g-table__cell",[`g-table__cell_align-${vue.unref(table).getAlign(__props.header)}`,{"g-table__cell_nowrap":__props.header.nowrap,"g-table__cell_shrink":__props.header.shrink,[`g-table__cell_state-${cellAttrs.value.state}`]:cellAttrs.value.state},fixedAttrs.value.class,__props.header.cellClass,cellAttrs.value.class]]),style:vue.normalizeStyle([fixedAttrs.value.style,cellAttrs.value.style]),colspan:cellAttrs.value.colspan,rowspan:cellAttrs.value.rowspan,onClick:_cache[0]||(_cache[0]=$event=>vue.unref(table).onCellClick(cellContext.value,$event))},[vue.createElementVNode("div",_hoisted_2$4,[vue.renderSlot(_ctx.$slots,vue.unref(table).getItemSlotName(__props.header),vue.normalizeProps(vue.guardReactiveProps(cellContext.value)),()=>[vue.renderSlot(_ctx.$slots,"item",vue.normalizeProps(vue.guardReactiveProps(cellContext.value)),()=>[vue.createTextVNode(vue.toDisplayString(cellContext.value.value),1)])])])],14,_hoisted_1$4))}}),_hoisted_1$3=["tabindex"],_hoisted_2$3={key:0,class:"g-table__cell g-table__cell_expand"},_sfc_main$3=vue.defineComponent({name:"GTableRow",__name:"GTableRow",props:{item:{},rowIndex:{},showExpand:{type:Boolean}},setup(__props){const props=__props,table=useTableContext(),rowContext=vue.computed(()=>table.getRowContext(props.item,props.rowIndex)),rowAttrs=vue.computed(()=>table.getRowAttrs(props.item,props.rowIndex)),onKeydown=event=>{table.rowInteractive.value&&(event.key!=="Enter"&&event.key!==" "||(event.preventDefault(),!(event.key===" "&&event.repeat)&&table.onRowClick(props.item,props.rowIndex,event)))};return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("tr",{class:vue.normalizeClass(["g-table__row",[{"g-table__row_expanded":rowContext.value.expanded,"g-table__row_interactive":vue.unref(table).rowInteractive.value,[`g-table__row_state-${rowAttrs.value.state}`]:rowAttrs.value.state},rowAttrs.value.class]]),style:vue.normalizeStyle(rowAttrs.value.style),tabindex:vue.unref(table).rowInteractive.value?0:void 0,onClick:_cache[1]||(_cache[1]=$event=>vue.unref(table).onRowClick(__props.item,__props.rowIndex,$event)),onKeydown},[__props.showExpand?(vue.openBlock(),vue.createElementBlock("td",_hoisted_2$3,[vue.renderSlot(_ctx.$slots,"expand",vue.normalizeProps(vue.guardReactiveProps(vue.unref(table).getRowContext(__props.item,__props.rowIndex))),()=>[vue.createVNode(GButton_vue_vue_type_style_index_0_lang._sfc_main,{"aria-expanded":vue.unref(table).isRowExpanded(__props.item,__props.rowIndex),"icon-button":vue.unref(table).isRowExpanded(__props.item,__props.rowIndex)?"chevron-up":"chevron-down",class:"g-table__expand-button",ripple:!1,size:"s",variant:"text",onClick:_cache[0]||(_cache[0]=vue.withModifiers($event=>vue.unref(table).toggleExpanded(__props.item,__props.rowIndex),["stop"]))},null,8,["aria-expanded","icon-button"])])])):vue.createCommentVNode("",!0),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(table).headers.value,(header,columnIndex)=>(vue.openBlock(),vue.createBlock(_sfc_main$4,{key:String(header.key),"column-index":columnIndex,header,item:__props.item,"row-index":__props.rowIndex},vue.createSlots({item:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"item",vue.mergeProps({ref_for:!0},slotProps),()=>[vue.createTextVNode(vue.toDisplayString(slotProps.value),1)])]),_:2},[vue.renderList(vue.unref(table).headers.value,headerSlot=>({name:vue.unref(table).getItemSlotName(headerSlot),fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,vue.unref(table).getItemSlotName(headerSlot),vue.mergeProps({ref_for:!0},slotProps))])}))]),1032,["column-index","header","item","row-index"]))),128))],46,_hoisted_1$3))}}),_hoisted_1$2={class:"g-table__row g-table__row_expanded-content"},_hoisted_2$2=["colspan"],_hoisted_3$2={key:0,class:"g-table__expanded-body"},_hoisted_4$2={class:"g-table__expanded-content"},_sfc_main$2=vue.defineComponent({name:"GTableExpandedRow",__name:"GTableExpandedRow",props:{item:{},rowIndex:{}},setup(__props){const table=useTableContext();return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("tr",_hoisted_1$2,[vue.createElementVNode("td",{class:"g-table__cell g-table__cell_expanded",colspan:vue.unref(table).columnCount.value},[vue.createVNode(vue.unref(GExpandTransition_vue_vue_type_script_setup_true_lang._sfc_main),{duration:240,onAfterLeave:_cache[0]||(_cache[0]=$event=>vue.unref(table).onExpandedAfterLeave(__props.item,__props.rowIndex))},{default:vue.withCtx(()=>[vue.unref(table).shouldRenderExpandedRow(__props.item,__props.rowIndex)?vue.withDirectives((vue.openBlock(),vue.createElementBlock("div",_hoisted_3$2,[vue.createElementVNode("div",_hoisted_4$2,[vue.renderSlot(_ctx.$slots,"expanded-row",vue.normalizeProps(vue.guardReactiveProps({...vue.unref(table).getRowContext(__props.item,__props.rowIndex),headers:vue.unref(table).headers.value})))])],512)),[[vue.vShow,vue.unref(table).isRowExpanded(__props.item,__props.rowIndex)]]):vue.createCommentVNode("",!0)]),_:3})],8,_hoisted_2$2)]))}}),_hoisted_1$1={class:"g-table__body"},_hoisted_2$1={key:1,class:"g-table__row g-table__row_state"},_hoisted_3$1=["colspan"],_hoisted_4$1={"aria-hidden":"true",class:"g-table__skeleton"},_hoisted_5$1={key:2,class:"g-table__row g-table__row_state"},_hoisted_6=["colspan"],_hoisted_7={class:"g-table__empty"},_hoisted_8={class:"g-table__empty-text"},_sfc_main$1=vue.defineComponent({name:"GTableBody",__name:"GTableBody",props:{hasRows:{type:Boolean},loading:{type:Boolean},loadingRows:{},emptyText:{},showExpand:{type:Boolean},hasExpandedRowSlot:{type:Boolean}},setup(__props){const slots=vue.useSlots(),table=useTableContext();return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("tbody",_hoisted_1$1,[vue.unref(slots).body?vue.renderSlot(_ctx.$slots,"body",{columnCount:vue.unref(table).columnCount.value,classes:vue.unref(table).bodySlotClasses,getCellContext:vue.unref(table).getCellContext,getRowContext:vue.unref(table).getRowContext,headers:vue.unref(table).headers.value,items:vue.unref(table).items.value},void 0,void 0,0):__props.loading?(vue.openBlock(),vue.createElementBlock("tr",_hoisted_2$1,[vue.createElementVNode("td",{class:"g-table__cell g-table__cell_state",colspan:vue.unref(table).columnCount.value},[vue.renderSlot(_ctx.$slots,"loading",{},()=>[vue.createElementVNode("div",_hoisted_4$1,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(__props.loadingRows,row=>(vue.openBlock(),vue.createElementBlock("span",{key:row,class:"g-table__skeleton-row"}))),128))])])],8,_hoisted_3$1)])):__props.hasRows?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:3},vue.renderList(vue.unref(table).items.value,(item,rowIndex)=>(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:vue.unref(table).getItemKey(item,rowIndex)},[vue.unref(slots).row?vue.renderSlot(_ctx.$slots,"row",vue.mergeProps({ref_for:!0},{...vue.unref(table).getRowContext(item,rowIndex),headers:vue.unref(table).headers.value}),void 0,void 0,0):(vue.openBlock(),vue.createBlock(_sfc_main$3,{key:1,item,"row-index":rowIndex,"show-expand":__props.showExpand},vue.createSlots({item:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"item",vue.mergeProps({ref_for:!0},slotProps),()=>[vue.createTextVNode(vue.toDisplayString(slotProps.value),1)])]),_:2},[vue.unref(slots).expand?{name:"expand",fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"expand",vue.mergeProps({ref_for:!0},slotProps))]),key:"0"}:void 0,vue.renderList(vue.unref(table).headers.value,header=>({name:vue.unref(table).getItemSlotName(header),fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,vue.unref(table).getItemSlotName(header),vue.mergeProps({ref_for:!0},slotProps))])}))]),1032,["item","row-index","show-expand"])),__props.showExpand&&__props.hasExpandedRowSlot?(vue.openBlock(),vue.createBlock(_sfc_main$2,{key:2,item,"row-index":rowIndex},{"expanded-row":vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"expanded-row",vue.mergeProps({ref_for:!0},slotProps))]),_:3},8,["item","row-index"])):vue.createCommentVNode("",!0)],64))),128)):(vue.openBlock(),vue.createElementBlock("tr",_hoisted_5$1,[vue.createElementVNode("td",{class:"g-table__cell g-table__cell_state",colspan:vue.unref(table).columnCount.value},[vue.createElementVNode("div",_hoisted_7,[vue.renderSlot(_ctx.$slots,"empty",{},()=>[vue.createElementVNode("span",_hoisted_8,vue.toDisplayString(__props.emptyText),1)])])],8,_hoisted_6)]))]))}}),useTable=props=>{const resolvedHeaders=vue.computed(()=>props.headers??[]),resolvedItems=vue.computed(()=>props.items??[]),columnCount=vue.computed(()=>resolvedHeaders.value.length+(props.showExpand?1:0)),hasRows=vue.computed(()=>resolvedItems.value.length>0),bodySlotClasses={nativeRow:"g-table__native-row",nativeCell:"g-table__native-cell",nativeCellCenter:"g-table__native-cell g-table__native-cell_align-center",nativeCellEnd:"g-table__native-cell g-table__native-cell_align-end",groupCell:"g-table__native-cell g-table__native-cell_group"},toCssSize=value=>typeof value=="number"?`${value}px`:value,toCssOffset=value=>toCssSize(value)??"0px",getColumnSize=header=>header.width??header.minWidth,getFixedStartOffset=index=>{const headersOffset=resolvedHeaders.value.slice(0,index).filter(header=>header.fixed==="start").map(header=>toCssOffset(getColumnSize(header))),offsets=props.showExpand?["56px",...headersOffset]:headersOffset;return offsets.length>0?`calc(${offsets.join(" + ")})`:"0px"},getFixedEndOffset=index=>{const offsets=resolvedHeaders.value.slice(index+1).filter(header=>header.fixed==="end").map(header=>toCssOffset(getColumnSize(header)));return offsets.length>0?`calc(${offsets.join(" + ")})`:"0px"},getColumnFixedAttrs=(header,index)=>header.fixed?{class:["g-table__column_fixed",`g-table__column_fixed-${header.fixed}`],style:{[header.fixed==="start"?"left":"right"]:header.fixed==="start"?getFixedStartOffset(index):getFixedEndOffset(index)}}:{},getHeaderStyle=header=>({width:toCssSize(header.width),minWidth:toCssSize(header.minWidth),maxWidth:toCssSize(header.maxWidth)}),getValueByPath=(item,key)=>typeof key!="string"?item[key]:key.split(".").reduce((value,pathKey)=>{if(!(value==null||typeof value!="object"))return value[pathKey]},item),getItemKey=(item,index)=>{if(typeof props.itemKey=="function")return props.itemKey(item,index);const value=getValueByPath(item,props.itemKey??"id");return typeof value=="string"||typeof value=="number"?value:index},getCellValue=(item,header,rowIndex)=>{const value=header.value?header.value(item,rowIndex):getValueByPath(item,header.key);return header.format?header.format(value,item,rowIndex):value},getCellContext=(item,header,rowIndex,columnIndex)=>({item,header,value:getCellValue(item,header,rowIndex),rowIndex,columnIndex,headers:resolvedHeaders.value}),getHeaderAttrs=(header,index)=>{var _a;return((_a=props.headerProps)==null?void 0:_a.call(props,header,index))??{}},getAlign=header=>header.align??"start";return{resolvedHeaders,resolvedItems,columnCount,hasRows,bodySlotClasses,getHeaderStyle,getItemKey,getCellContext,getHeaderAttrs,getColumnFixedAttrs,getAlign,getHeaderAlign:header=>header.headerAlign??getAlign(header),getHeaderSlotName:header=>`header.${String(header.key)}`,getItemSlotName:header=>`item.${String(header.key)}`}},useTableExpansion=({props,hasExpandedRowSlot,getItemKey,emitUpdateExpanded,emitExpand})=>{const expandedSet=vue.computed(()=>new Set(props.expanded??[])),mountedExpandedRows=vue.ref(new Set(props.expanded??[])),toggleExpanded=(item,index)=>{if(!props.showExpand)return;const key=getItemKey(item,index),next=new Set(props.singleExpand?[]:props.expanded),isExpanded=expandedSet.value.has(key);isExpanded?next.delete(key):next.add(key);const nextValue=Array.from(next);emitUpdateExpanded(nextValue),emitExpand(item,!isExpanded)},isRowExpanded=(item,index)=>expandedSet.value.has(getItemKey(item,index)),isExpandedRowMounted=(item,index)=>mountedExpandedRows.value.has(getItemKey(item,index)),shouldRenderExpandedRow=(item,index)=>!!(props.showExpand&&hasExpandedRowSlot.value&&isExpandedRowMounted(item,index)),onExpandedAfterLeave=(item,index)=>{const next=new Set(mountedExpandedRows.value);next.delete(getItemKey(item,index)),mountedExpandedRows.value=next};return vue.watch(()=>props.expanded??[],value=>{mountedExpandedRows.value=new Set([...mountedExpandedRows.value,...value])},{immediate:!0}),{expandedSet,toggleExpanded,isRowExpanded,shouldRenderExpandedRow,onExpandedAfterLeave}},mergeCellAttrs=(baseAttrs,nextAttrs)=>({colspan:nextAttrs.colspan??baseAttrs.colspan,rowspan:nextAttrs.rowspan??baseAttrs.rowspan,hidden:!!(baseAttrs.hidden||nextAttrs.hidden),class:[baseAttrs.class,nextAttrs.class],style:[baseAttrs.style,nextAttrs.style]}),useTableSpans=({props,resolvedHeaders,resolvedItems,getRowContext})=>{const isSpanOriginRow=(span,item,rowIndex)=>{const rowContext=getRowContext(item,rowIndex);return typeof span.row=="function"?span.row(rowContext):span.row===rowContext.key||span.row===rowIndex},getSpanOriginRowIndex=span=>resolvedItems.value.findIndex((item,rowIndex)=>isSpanOriginRow(span,item,rowIndex)),getSpanOriginColumnIndex=span=>resolvedHeaders.value.findIndex(header=>String(header.key)===String(span.column)),getSpanAttrs=context=>{const spans=props.spans??[];for(const span of spans){const rowIndex=getSpanOriginRowIndex(span),columnIndex=getSpanOriginColumnIndex(span),colspan=span.colspan??1,rowspan=span.rowspan??1;if(rowIndex<0||columnIndex<0)continue;const isOrigin=context.rowIndex===rowIndex&&context.columnIndex===columnIndex,isCovered=context.rowIndex>=rowIndex&&context.rowIndex<rowIndex+rowspan&&context.columnIndex>=columnIndex&&context.columnIndex<columnIndex+colspan;if(isOrigin)return span;if(isCovered)return{hidden:!0}}return{}};return{getCellAttrs:context=>{var _a;const spanAttrs=getSpanAttrs(context),customAttrs=((_a=props.cellProps)==null?void 0:_a.call(props,context))??{};return mergeCellAttrs(spanAttrs,customAttrs)}}},_hoisted_1={key:0,class:"g-table__top"},_hoisted_2={class:"g-table__scroller"},_hoisted_3=["aria-label","aria-labelledby"],_hoisted_4={key:0,class:"g-table__col g-table__col_expand"},_hoisted_5={key:1,class:"g-table__bottom"},_sfc_main=vue.defineComponent({__name:"GTable",props:makeTableProps(),emits:["update:expanded","expand","row-click","cell-click"],setup(__props,{emit:__emit}){const props=__props,tableProps=props,densityClass=density.useDensity(props,"g-table"),emit=__emit,slots=vue.useSlots(),{getMorphBlobStyle,morphBlobs,morphEnabled,materialFrameProps,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=materialSurface.useMaterialSurface(props,"g-table"),tableFrameProps=vue.computed(()=>({...materialFrameProps.value,borderRadius:props.borderRadius??(props.rounded?20:12)})),hasExpandedRowSlot=vue.computed(()=>!!slots.expandedRow||!!slots["expanded-row"]),table=useTable(tableProps),{resolvedHeaders,resolvedItems,columnCount,hasRows,bodySlotClasses,getHeaderStyle,getItemKey,getCellContext,getHeaderAttrs,getColumnFixedAttrs,getAlign,getHeaderAlign,getHeaderSlotName,getItemSlotName}=table,headerSlotHeaders=vue.computed(()=>resolvedHeaders.value.filter(header=>slots[getHeaderSlotName(header)])),itemSlotHeaders=vue.computed(()=>resolvedHeaders.value.filter(header=>slots[getItemSlotName(header)])),rowInteractive=vue.computed(()=>props.clickableRows||props.expandOnRowClick),hasFixedStart=vue.computed(()=>resolvedHeaders.value.some(header=>header.fixed==="start")),hasFixedEnd=vue.computed(()=>resolvedHeaders.value.some(header=>header.fixed==="end")),expansion=useTableExpansion({props:tableProps,hasExpandedRowSlot,getItemKey,emitUpdateExpanded:value=>emit("update:expanded",value),emitExpand:(item,expanded)=>emit("expand",item,expanded)}),{toggleExpanded,isRowExpanded,shouldRenderExpandedRow,onExpandedAfterLeave}=expansion,getRowContext=(item,index)=>{const key=getItemKey(item,index);return{item,index,key,expanded:isRowExpanded(item,index),toggleExpanded:()=>toggleExpanded(item,index)}},getRowAttrs=(item,index)=>{var _a;return((_a=tableProps.rowProps)==null?void 0:_a.call(tableProps,getRowContext(item,index)))??{}},{getCellAttrs}=useTableSpans({props:tableProps,resolvedHeaders,resolvedItems,getRowContext});return provideTableContext({headers:resolvedHeaders,items:resolvedItems,columnCount,bodySlotClasses,rowInteractive,getItemKey,getRowContext,getRowAttrs,getCellContext,getCellAttrs,getColumnFixedAttrs,getAlign,getItemSlotName,isRowExpanded,shouldRenderExpandedRow,onExpandedAfterLeave,toggleExpanded,onRowClick:(item,index,event)=>{props.expandOnRowClick&&toggleExpanded(item,index),emit("row-click",item,event)},onCellClick:(context,event)=>{emit("cell-click",context,event)}}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(components_GGradient.default,vue.mergeProps({class:"g-table__frame"},tableFrameProps.value),{default:vue.withCtx(()=>[vue.createElementVNode("div",{class:vue.normalizeClass(["g-table",[`g-table_${props.variant}`,vue.unref(densityClass),{"g-table_rounded":props.rounded,"g-table_sticky-header":props.stickyHeader,"g-table_fixed-layout":props.fixedLayout,"g-table_hover":props.hover,"g-table_clickable-rows":rowInteractive.value,"g-table_striped":props.striped,"g-table_bordered":props.bordered,"g-table_loading":props.loading,"g-table_elevation":props.elevation,[`g-table_texture-${props.texture}`]:props.texture!=="none","g-table_has-fixed-start":hasFixedStart.value,"g-table_has-fixed-end":hasFixedEnd.value,"g-table_expand-on-row-click":props.expandOnRowClick}]]),style:vue.normalizeStyle(vue.unref(surfaceStyles))},[vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2),vue.unref(morphEnabled)?(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphClasses)),"aria-hidden":"true"},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(morphBlobs),(blob,index)=>(vue.openBlock(),vue.createElementBlock("span",{key:index,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphBlobClasses)),style:vue.normalizeStyle(vue.unref(getMorphBlobStyle)(blob))},null,6))),128))],2)):vue.createCommentVNode("",!0),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2),vue.createElementVNode("div",{class:vue.normalizeClass(["g-table__content",vue.unref(surfaceContentClasses)])},[vue.unref(slots).top?(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"top")])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_2,[vue.createElementVNode("table",{class:"g-table__table","aria-label":props.ariaLabel,"aria-labelledby":props.ariaLabelledby},[props.caption||vue.unref(slots).caption?(vue.openBlock(),vue.createElementBlock("caption",{key:0,class:vue.normalizeClass(["g-table__caption",{"g-table__caption_hidden":props.hideCaption}])},[vue.renderSlot(_ctx.$slots,"caption",{},()=>[vue.createTextVNode(vue.toDisplayString(props.caption),1)])],2)):vue.createCommentVNode("",!0),vue.createElementVNode("colgroup",null,[props.showExpand?(vue.openBlock(),vue.createElementBlock("col",_hoisted_4)):vue.createCommentVNode("",!0),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(resolvedHeaders),header=>(vue.openBlock(),vue.createElementBlock("col",{key:String(header.key),class:vue.normalizeClass(["g-table__col",{"g-table__col_shrink":header.shrink}]),style:vue.normalizeStyle(vue.unref(getHeaderStyle)(header))},null,6))),128))]),props.hideHeader?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createBlock(_sfc_main$5,{key:1,"get-column-fixed-attrs":vue.unref(getColumnFixedAttrs),"get-header-align":vue.unref(getHeaderAlign),"get-header-attrs":vue.unref(getHeaderAttrs),"get-header-slot-name":vue.unref(getHeaderSlotName),"get-header-style":vue.unref(getHeaderStyle),headers:vue.unref(resolvedHeaders),"show-expand":props.showExpand},vue.createSlots({header:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"header",vue.normalizeProps(vue.guardReactiveProps(slotProps)),()=>[vue.createTextVNode(vue.toDisplayString(slotProps.header.title),1)])]),_:2},[vue.renderList(headerSlotHeaders.value,header=>({name:vue.unref(getHeaderSlotName)(header),fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,vue.unref(getHeaderSlotName)(header),vue.normalizeProps(vue.guardReactiveProps(slotProps)),()=>[vue.renderSlot(_ctx.$slots,"header",vue.normalizeProps(vue.guardReactiveProps(slotProps)),()=>[vue.createTextVNode(vue.toDisplayString(slotProps.header.title),1)])])])}))]),1032,["get-column-fixed-attrs","get-header-align","get-header-attrs","get-header-slot-name","get-header-style","headers","show-expand"])),vue.createVNode(_sfc_main$1,{"empty-text":props.emptyText,"has-expanded-row-slot":hasExpandedRowSlot.value,"has-rows":vue.unref(hasRows),loading:props.loading,"loading-rows":props.loadingRows,"show-expand":props.showExpand},vue.createSlots({loading:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"loading",{},()=>[_cache[0]||(_cache[0]=vue.createTextVNode("Loading...",-1))])]),empty:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"empty",{},()=>[vue.createTextVNode(vue.toDisplayString(props.emptyText),1)])]),item:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"item",vue.normalizeProps(vue.guardReactiveProps(slotProps)),()=>[vue.createTextVNode(vue.toDisplayString(slotProps.value),1)])]),_:2},[vue.unref(slots).body?{name:"body",fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"body",vue.normalizeProps(vue.guardReactiveProps(slotProps)))]),key:"0"}:void 0,vue.unref(slots).row?{name:"row",fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"row",vue.normalizeProps(vue.guardReactiveProps(slotProps)))]),key:"1"}:void 0,vue.unref(slots).expand?{name:"expand",fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"expand",vue.normalizeProps(vue.guardReactiveProps(slotProps)))]),key:"2"}:void 0,vue.renderList(itemSlotHeaders.value,header=>({name:vue.unref(getItemSlotName)(header),fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,vue.unref(getItemSlotName)(header),vue.normalizeProps(vue.guardReactiveProps(slotProps)))])})),hasExpandedRowSlot.value?{name:"expanded-row",fn:vue.withCtx(slotProps=>[vue.renderSlot(_ctx.$slots,"expanded-row",vue.normalizeProps(vue.guardReactiveProps(slotProps)))]),key:"3"}:void 0]),1032,["empty-text","has-expanded-row-slot","has-rows","loading","loading-rows","show-expand"])],8,_hoisted_3)]),vue.unref(slots).bottom?(vue.openBlock(),vue.createElementBlock("div",_hoisted_5,[vue.renderSlot(_ctx.$slots,"bottom")])):vue.createCommentVNode("",!0)],2)],6)]),_:3},16))}});exports._sfc_main=_sfc_main;

package/dist/GTextarea.vue_vue_type_script_setup_true_lang-CyuCJwv6.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),textFieldComponent=require("./textFieldComponent-Ct4Z0dFr.cjs"),textFieldControl=require("./textFieldControl-D0-pdxIY.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makeTextareaProps=propsFactory.propsFactory({...disabled.makeDisabledProps(),...textFieldComponent.makePLAFieldProps(),...textFieldComponent.makeFieldStateProps(),...textFieldComponent.makeFieldSizeProps(),...textFieldComponent.makeValidationProps(),clearable:Boolean,rows:{type:Number,default:3}}),_hoisted_1=["id","value","name","rows","disabled","aria-invalid"],_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GTextarea",props:vue.mergeModels(makeTextareaProps(),{modelValue:{default:""},modelModifiers:{}}),emits:vue.mergeModels(textFieldControl.GInputEmits,["update:modelValue"]),setup(__props,{expose:__expose,emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,modelValue=vue.useModel(__props,"modelValue"),{attrs,id,visibleSlotNames}=textFieldComponent.useTextFieldComponent(slots),{$v,fieldProps,handleInput,handleChange,handleFocus,handleBlur,handleClear}=textFieldControl.useTextFieldControl({id,props,modelValue,rules:vue.toRef(props,"rules"),message:vue.toRef(props,"message"),multiline:!0,emitters:{input:(value,event)=>emit("input",value,event),change:(value,event)=>emit("change",value,event),focus:event=>emit("focus",event),blur:event=>emit("blur",event),clear:()=>emit("clear")}});return __expose({$v}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(textFieldComponent.GFieldBase,vue.mergeProps(vue.unref(fieldProps),{onClear:vue.unref(handleClear)}),vue.createSlots({control:vue.withCtx(()=>[vue.createElementVNode("textarea",vue.mergeProps(vue.unref(attrs),{id:vue.unref(id),value:modelValue.value,name:vue.unref(id),rows:props.rows,disabled:vue.unref(fieldProps).disabled,"aria-invalid":vue.unref(fieldProps).state==="error"||void 0,class:"g-field-base__native",onInput:_cache[0]||(_cache[0]=(...args)=>vue.unref(handleInput)&&vue.unref(handleInput)(...args)),onChange:_cache[1]||(_cache[1]=(...args)=>vue.unref(handleChange)&&vue.unref(handleChange)(...args)),onFocus:_cache[2]||(_cache[2]=(...args)=>vue.unref(handleFocus)&&vue.unref(handleFocus)(...args)),onBlur:_cache[3]||(_cache[3]=(...args)=>vue.unref(handleBlur)&&vue.unref(handleBlur)(...args))}),null,16,_hoisted_1)]),_:2},[vue.renderList(vue.unref(visibleSlotNames),slotName=>({name:slotName,fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,slotName)])}))]),1040,["onClear"]))}});exports._sfc_main=_sfc_main;

package/dist/GTextarea.vue_vue_type_script_setup_true_lang-zSTso23Z.js

@@ -0,0 +1,84 @@
+import { defineComponent, useSlots, useModel, toRef, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createElementVNode, renderList, renderSlot, mergeModels } from "vue";
+import { m as makeValidationProps, a as makeFieldSizeProps, b as makeFieldStateProps, c as makePLAFieldProps, u as useTextFieldComponent, G as GFieldBase } from "./textFieldComponent-gnbYgrX0.js";
+import { u as useTextFieldControl, G as GInputEmits } from "./textFieldControl-Cxnq3lo4.js";
+import { m as makeDisabledProps } from "./disabled-CAV056h6.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makeTextareaProps = propsFactory({
+  ...makeDisabledProps(),
+  ...makePLAFieldProps(),
+  ...makeFieldStateProps(),
+  ...makeFieldSizeProps(),
+  ...makeValidationProps(),
+  clearable: Boolean,
+  rows: {
+    type: Number,
+    default: 3
+  }
+}), _hoisted_1 = ["id", "value", "name", "rows", "disabled", "aria-invalid"], _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GTextarea",
+  props: /* @__PURE__ */ mergeModels(makeTextareaProps(), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(GInputEmits, ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, modelValue = useModel(__props, "modelValue"), { attrs, id, visibleSlotNames } = useTextFieldComponent(slots), {
+      $v,
+      fieldProps,
+      handleInput,
+      handleChange,
+      handleFocus,
+      handleBlur,
+      handleClear
+    } = useTextFieldControl({
+      id,
+      props,
+      modelValue,
+      rules: toRef(props, "rules"),
+      message: toRef(props, "message"),
+      multiline: !0,
+      emitters: {
+        input: (value, event) => emit("input", value, event),
+        change: (value, event) => emit("change", value, event),
+        focus: (event) => emit("focus", event),
+        blur: (event) => emit("blur", event),
+        clear: () => emit("clear")
+      }
+    });
+    return __expose({
+      $v
+    }), (_ctx, _cache) => (openBlock(), createBlock(GFieldBase, mergeProps(unref(fieldProps), { onClear: unref(handleClear) }), createSlots({
+      control: withCtx(() => [
+        createElementVNode("textarea", mergeProps(unref(attrs), {
+          id: unref(id),
+          value: modelValue.value,
+          name: unref(id),
+          rows: props.rows,
+          disabled: unref(fieldProps).disabled,
+          "aria-invalid": unref(fieldProps).state === "error" || void 0,
+          class: "g-field-base__native",
+          onInput: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => unref(handleInput) && unref(handleInput)(...args)),
+          onChange: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => unref(handleChange) && unref(handleChange)(...args)),
+          onFocus: _cache[2] || (_cache[2] = //@ts-ignore
+          (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+          onBlur: _cache[3] || (_cache[3] = //@ts-ignore
+          (...args) => unref(handleBlur) && unref(handleBlur)(...args))
+        }), null, 16, _hoisted_1)
+      ]),
+      _: 2
+    }, [
+      renderList(unref(visibleSlotNames), (slotName) => ({
+        name: slotName,
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, slotName)
+        ])
+      }))
+    ]), 1040, ["onClear"]));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js

@@ -0,0 +1,143 @@
+import { defineComponent, useAttrs, computed, TransitionGroup, Transition, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
+import { u as useReducedMotion, r as resolveTransitionOptions, a as resolveTransitionName, t as toTransitionDurationMs, b as toTransitionCssSize, c as toTransitionCssDuration, m as makeGTransitionProps } from "./transition-DVGMCo2o.js";
+import { d as isClientHTMLElement } from "./environment-o0e-UUbv.js";
+const overlayTintLeaveDelay = 80, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GTransition",
+  props: makeGTransitionProps({
+    name: "fade",
+    css: !0
+  }),
+  emits: ["before-enter", "after-enter", "before-leave", "leave", "after-leave", "enter-cancelled", "leave-cancelled"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, emit = __emit, attrs = useAttrs(), reducedMotion = useReducedMotion(), transitionComponent = computed(
+      () => props.group ? TransitionGroup : Transition
+    ), resolvedTransition = computed(
+      () => resolveTransitionOptions(props.transition, defaultTransition.value)
+    ), resolvedName = computed(
+      () => isDisabled.value ? "" : resolveTransitionName(resolvedTransition.value.name)
+    ), isDisabled = computed(
+      () => props.disabled || reducedMotion.value || resolvedTransition.value.disabled
+    ), transitionMode = computed(
+      () => props.group || resolvedTransition.value.mode === "default" ? void 0 : resolvedTransition.value.mode
+    ), transitionCss = computed(
+      () => !isDisabled.value && resolvedTransition.value.css !== !1
+    ), explicitDuration = computed(() => {
+      if (!isOverlayTransition.value || isDisabled.value) return;
+      const transition = resolvedTransition.value;
+      return {
+        enter: toTransitionDurationMs(
+          transition.enterDuration ?? transition.duration,
+          220
+        ),
+        leave: toTransitionDurationMs(
+          transition.leaveDuration ?? transition.duration,
+          180
+        ) + overlayTintLeaveDelay
+      };
+    }), isOverlayTransition = computed(
+      () => resolvedTransition.value.name === "overlay" || resolvedName.value === "g-overlay-transition"
+    ), defaultTransition = computed(() => ({
+      name: props.name,
+      appear: props.appear,
+      mode: props.mode,
+      origin: props.origin,
+      duration: props.duration,
+      enterDuration: props.enterDuration,
+      leaveDuration: props.leaveDuration,
+      easing: props.easing,
+      enterEasing: props.enterEasing,
+      leaveEasing: props.leaveEasing,
+      distance: props.distance,
+      scale: props.scale,
+      opacity: props.opacity,
+      leaveAbsolute: props.leaveAbsolute,
+      hideOnLeave: props.hideOnLeave,
+      css: props.css
+    })), runtimeStyles = computed(() => {
+      const transition = resolvedTransition.value;
+      return {
+        "--g-transition-enter-duration": toTransitionCssDuration(
+          transition.enterDuration ?? transition.duration
+        ),
+        "--g-transition-leave-duration": toTransitionCssDuration(
+          transition.leaveDuration ?? transition.duration
+        ),
+        "--g-transition-enter-easing": transition.enterEasing ?? transition.easing,
+        "--g-transition-leave-easing": transition.leaveEasing ?? transition.easing,
+        "--g-transition-origin": transition.origin,
+        "--g-transition-distance": toTransitionCssSize(transition.distance),
+        "--g-transition-scale": transition.scale === void 0 ? void 0 : String(transition.scale),
+        "--g-transition-opacity-from": transition.opacity === !1 ? "1" : void 0
+      };
+    });
+    function applyRuntimeStyles(el) {
+      if (isClientHTMLElement(el))
+        for (const [property, value] of Object.entries(runtimeStyles.value))
+          value !== void 0 && el.style.setProperty(property, value);
+    }
+    function freezeLeavingLayout(el) {
+      const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el;
+      el._gTransitionInitialStyles = {
+        position: el.style.position,
+        top: el.style.top,
+        left: el.style.left,
+        width: el.style.width,
+        height: el.style.height,
+        display: el.style.display
+      }, el.style.position = "absolute", el.style.top = `${offsetTop}px`, el.style.left = `${offsetLeft}px`, el.style.width = `${offsetWidth}px`, el.style.height = `${offsetHeight}px`;
+    }
+    function restoreLeavingLayout(el) {
+      const styles = el._gTransitionInitialStyles;
+      styles && (el.style.position = styles.position, el.style.top = styles.top, el.style.left = styles.left, el.style.width = styles.width, el.style.height = styles.height, el.style.display = styles.display, delete el._gTransitionInitialStyles);
+    }
+    function onBeforeEnter(el) {
+      applyRuntimeStyles(el), emit("before-enter", el);
+    }
+    function onAfterEnter(el) {
+      emit("after-enter", el);
+    }
+    function onBeforeLeave(el) {
+      applyRuntimeStyles(el), emit("before-leave", el);
+    }
+    function onLeave(el) {
+      if (!isClientHTMLElement(el)) {
+        emit("leave", el);
+        return;
+      }
+      resolvedTransition.value.leaveAbsolute && freezeLeavingLayout(el), resolvedTransition.value.hideOnLeave && el.style.setProperty("display", "none", "important"), emit("leave", el);
+    }
+    function onAfterLeave(el) {
+      isClientHTMLElement(el) && restoreLeavingLayout(el), emit("after-leave", el);
+    }
+    function onEnterCancelled(el) {
+      emit("enter-cancelled", el);
+    }
+    function onLeaveCancelled(el) {
+      isClientHTMLElement(el) && restoreLeavingLayout(el), emit("leave-cancelled", el);
+    }
+    return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(transitionComponent.value), mergeProps(unref(attrs), {
+      name: resolvedName.value,
+      css: transitionCss.value,
+      appear: resolvedTransition.value.appear,
+      duration: explicitDuration.value,
+      mode: transitionMode.value,
+      tag: props.group ? props.tag : void 0,
+      onBeforeEnter,
+      onAfterEnter,
+      onBeforeLeave,
+      onLeave,
+      onAfterLeave,
+      onEnterCancelled,
+      onLeaveCancelled
+    }), {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["name", "css", "appear", "duration", "mode", "tag"]));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),transition=require("./transition-BPMUkgHY.cjs"),environment=require("./environment-Dr5kpq3D.cjs"),overlayTintLeaveDelay=80,_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GTransition",props:transition.makeGTransitionProps({name:"fade",css:!0}),emits:["before-enter","after-enter","before-leave","leave","after-leave","enter-cancelled","leave-cancelled"],setup(__props,{emit:__emit}){const props=__props,emit=__emit,attrs=vue.useAttrs(),reducedMotion=transition.useReducedMotion(),transitionComponent=vue.computed(()=>props.group?vue.TransitionGroup:vue.Transition),resolvedTransition=vue.computed(()=>transition.resolveTransitionOptions(props.transition,defaultTransition.value)),resolvedName=vue.computed(()=>isDisabled.value?"":transition.resolveTransitionName(resolvedTransition.value.name)),isDisabled=vue.computed(()=>props.disabled||reducedMotion.value||resolvedTransition.value.disabled),transitionMode=vue.computed(()=>props.group||resolvedTransition.value.mode==="default"?void 0:resolvedTransition.value.mode),transitionCss=vue.computed(()=>!isDisabled.value&&resolvedTransition.value.css!==!1),explicitDuration=vue.computed(()=>{if(!isOverlayTransition.value||isDisabled.value)return;const transition$1=resolvedTransition.value;return{enter:transition.toTransitionDurationMs(transition$1.enterDuration??transition$1.duration,220),leave:transition.toTransitionDurationMs(transition$1.leaveDuration??transition$1.duration,180)+overlayTintLeaveDelay}}),isOverlayTransition=vue.computed(()=>resolvedTransition.value.name==="overlay"||resolvedName.value==="g-overlay-transition"),defaultTransition=vue.computed(()=>({name:props.name,appear:props.appear,mode:props.mode,origin:props.origin,duration:props.duration,enterDuration:props.enterDuration,leaveDuration:props.leaveDuration,easing:props.easing,enterEasing:props.enterEasing,leaveEasing:props.leaveEasing,distance:props.distance,scale:props.scale,opacity:props.opacity,leaveAbsolute:props.leaveAbsolute,hideOnLeave:props.hideOnLeave,css:props.css})),runtimeStyles=vue.computed(()=>{const transition$1=resolvedTransition.value;return{"--g-transition-enter-duration":transition.toTransitionCssDuration(transition$1.enterDuration??transition$1.duration),"--g-transition-leave-duration":transition.toTransitionCssDuration(transition$1.leaveDuration??transition$1.duration),"--g-transition-enter-easing":transition$1.enterEasing??transition$1.easing,"--g-transition-leave-easing":transition$1.leaveEasing??transition$1.easing,"--g-transition-origin":transition$1.origin,"--g-transition-distance":transition.toTransitionCssSize(transition$1.distance),"--g-transition-scale":transition$1.scale===void 0?void 0:String(transition$1.scale),"--g-transition-opacity-from":transition$1.opacity===!1?"1":void 0}});function applyRuntimeStyles(el){if(environment.isClientHTMLElement(el))for(const[property,value]of Object.entries(runtimeStyles.value))value!==void 0&&el.style.setProperty(property,value)}function freezeLeavingLayout(el){const{offsetTop,offsetLeft,offsetWidth,offsetHeight}=el;el._gTransitionInitialStyles={position:el.style.position,top:el.style.top,left:el.style.left,width:el.style.width,height:el.style.height,display:el.style.display},el.style.position="absolute",el.style.top=`${offsetTop}px`,el.style.left=`${offsetLeft}px`,el.style.width=`${offsetWidth}px`,el.style.height=`${offsetHeight}px`}function restoreLeavingLayout(el){const styles=el._gTransitionInitialStyles;styles&&(el.style.position=styles.position,el.style.top=styles.top,el.style.left=styles.left,el.style.width=styles.width,el.style.height=styles.height,el.style.display=styles.display,delete el._gTransitionInitialStyles)}function onBeforeEnter(el){applyRuntimeStyles(el),emit("before-enter",el)}function onAfterEnter(el){emit("after-enter",el)}function onBeforeLeave(el){applyRuntimeStyles(el),emit("before-leave",el)}function onLeave(el){if(!environment.isClientHTMLElement(el)){emit("leave",el);return}resolvedTransition.value.leaveAbsolute&&freezeLeavingLayout(el),resolvedTransition.value.hideOnLeave&&el.style.setProperty("display","none","important"),emit("leave",el)}function onAfterLeave(el){environment.isClientHTMLElement(el)&&restoreLeavingLayout(el),emit("after-leave",el)}function onEnterCancelled(el){emit("enter-cancelled",el)}function onLeaveCancelled(el){environment.isClientHTMLElement(el)&&restoreLeavingLayout(el),emit("leave-cancelled",el)}return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(transitionComponent.value),vue.mergeProps(vue.unref(attrs),{name:resolvedName.value,css:transitionCss.value,appear:resolvedTransition.value.appear,duration:explicitDuration.value,mode:transitionMode.value,tag:props.group?props.tag:void 0,onBeforeEnter,onAfterEnter,onBeforeLeave,onLeave,onAfterLeave,onEnterCancelled,onLeaveCancelled}),{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default")]),_:3},16,["name","css","appear","duration","mode","tag"]))}});exports._sfc_main=_sfc_main;

package/dist/GTransitionGroup.vue_vue_type_script_setup_true_lang-CDu6W6-X.js

@@ -0,0 +1,23 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot } from "vue";
+import { _ as _sfc_main$1 } from "./GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js";
+import { m as makeGTransitionProps } from "./transition-DVGMCo2o.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GTransitionGroup",
+  props: makeGTransitionProps({
+    name: "fade",
+    css: !0,
+    tag: "div"
+  }),
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => (openBlock(), createBlock(_sfc_main$1, mergeProps(props, { group: "" }), {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GTransitionGroup.vue_vue_type_script_setup_true_lang-DDh0rXP7.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),GTransition_vue_vue_type_script_setup_true_lang=require("./GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs"),transition=require("./transition-BPMUkgHY.cjs"),_sfc_main=vue.defineComponent({__name:"GTransitionGroup",props:transition.makeGTransitionProps({name:"fade",css:!0,tag:"div"}),setup(__props){const props=__props;return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(GTransition_vue_vue_type_script_setup_true_lang._sfc_main,vue.mergeProps(props,{group:""}),{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default")]),_:3},16))}});exports._sfc_main=_sfc_main;

package/dist/PLA-B2QljfgE.cjs

@@ -0,0 +1 @@
+"use strict";require("@mdi/js");const propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makePLAProps=propsFactory.propsFactory({prepend:String,append:String,label:String});exports.makePLAProps=makePLAProps;

package/dist/PLA-DePtRzKl.js

@@ -0,0 +1,10 @@
+import "@mdi/js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makePLAProps = propsFactory({
+  prepend: String,
+  append: String,
+  label: String
+});
+export {
+  makePLAProps as m
+};

package/dist/_plugin-vue_export-helper-B--vMWp3.js

@@ -0,0 +1,9 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props)
+    target[key] = val;
+  return target;
+};
+export {
+  _export_sfc as _
+};

package/dist/_plugin-vue_export-helper-D_jf5u0r.cjs

@@ -0,0 +1 @@
+"use strict";const _export_sfc=(sfc,props)=>{const target=sfc.__vccOpts||sfc;for(const[key,val]of props)target[key]=val;return target};exports._export_sfc=_export_sfc;

package/dist/actionSurface-BkFPXb-Z.js

@@ -0,0 +1,123 @@
+import { defineComponent, toRef, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, computed, toValue } from "vue";
+import { u as usePx } from "./px-B-cyF02Z.js";
+import { u as useIcon } from "./icon-C1AhpC8p.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+import { m as makeSizeProps, u as useSize } from "./size-C-WH-uPa.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { a as makeSurfaceProps, b as useSurface, u as useSurfaceLayers } from "./surface-i-1vm2j3.js";
+import { u as useSurfaceColor } from "./surfaceColor-Cic675ry.js";
+import { u as useSurfaceMaterial } from "./surfaceMaterial-B1a1iV02.js";
+import { u as useGlass } from "./glass-CJjbKWWO.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GIcon",
+  props: {
+    icon: {},
+    size: { default: 20 },
+    tag: { default: "span" }
+  },
+  setup(__props) {
+    const props = __props, computedSize = usePx(toRef(props, "size")), resolvedIcon = useIcon(() => props.icon);
+    return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(unref(resolvedIcon).component), mergeProps({
+      icon: unref(resolvedIcon).icon,
+      tag: props.tag,
+      class: "g-icon",
+      style: { fontSize: unref(computedSize) }
+    }, _ctx.$attrs), null, 16, ["icon", "tag", "style"]));
+  }
+}), GIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e1fd36a"]]), makeActionSurfaceProps = propsFactory({
+  ...makeSurfaceProps(),
+  ...makeSizeProps(),
+  active: Boolean,
+  activeColor: String,
+  activeState: String,
+  activeVariant: String,
+  gradientRecipe: String,
+  morph: Boolean,
+  shadowOptions: Object,
+  dropShadowOptions: Object,
+  animationOptions: Object,
+  morphOptions: Object
+});
+function useActionSurface(props, baseClass, options = {}) {
+  const { disabledClass, roundedClass, stateClass, textureClass } = useSurface(props, baseClass), { glassStyles } = useGlass(props), {
+    surfaceOverlayClasses,
+    surfaceMaterialMorphBlobClasses,
+    surfaceMaterialMorphClasses,
+    surfaceTextureClasses,
+    surfaceUnderlayClasses,
+    surfaceContentClasses
+  } = useSurfaceLayers(baseClass), sizeClass = useSize(props, baseClass), isActive = computed(
+    () => !!(toValue(options.active) ?? props.active)
+  ), isSelected = computed(() => !!toValue(options.selected)), { resolvedColor, resolvedState, colorStyles } = useSurfaceColor({
+    color: () => toValue(props.color),
+    state: () => props.state,
+    active: () => isActive.value || isSelected.value,
+    activeColor: () => toValue(props.activeColor),
+    activeState: () => props.activeState
+  }), resolvedVariant = computed(
+    () => (isSelected.value || isActive.value) && props.activeVariant ? props.activeVariant : props.variant
+  ), hasMaterialSurface = computed(
+    () => resolvedVariant.value === "gradient"
+  ), hasSurfaceUnderlay = computed(
+    () => !!(resolvedVariant.value === "default" || resolvedVariant.value === "tonal" || hasMaterialSurface.value)
+  ), hasSurfaceOverlay = computed(
+    () => !!(!props.disabled || isActive.value || isSelected.value || toValue(options.focused))
+  ), hasSurfaceTexture = computed(
+    () => props.texture !== void 0 && props.texture !== "none"
+  ), {
+    getMorphBlobStyle,
+    gradientMaterial,
+    materialStyles: gradientMaterialStyles,
+    morphBlobs,
+    morphEnabled
+  } = useSurfaceMaterial(props, {
+    color: resolvedColor,
+    variant: resolvedVariant,
+    kind: "action",
+    morphScope: "always"
+  }), surfaceStyles = computed(() => [
+    colorStyles.value,
+    gradientMaterialStyles.value,
+    resolvedVariant.value === "glass" ? glassStyles.value : void 0
+  ]);
+  return {
+    actionSurfaceClasses: computed(() => {
+      var _a;
+      const isFocused = !!toValue(options.focused), animationPreset = (_a = props.animationOptions) == null ? void 0 : _a.preset;
+      return [
+        `${baseClass}_${resolvedVariant.value}`,
+        disabledClass.value,
+        roundedClass.value,
+        stateClass.value,
+        textureClass.value,
+        sizeClass.value,
+        isFocused ? `${baseClass}_focused` : "",
+        isSelected.value ? `${baseClass}_selected` : "",
+        isActive.value ? `${baseClass}_active` : "",
+        animationPreset ? `${baseClass}_animation-${animationPreset}` : ""
+      ].filter(Boolean);
+    }),
+    getMorphBlobStyle,
+    gradientMaterial,
+    hasSurfaceOverlay,
+    hasSurfaceTexture,
+    hasSurfaceUnderlay,
+    morphBlobs,
+    morphEnabled,
+    resolvedColor,
+    resolvedState,
+    resolvedVariant,
+    surfaceStyles,
+    surfaceMaterialMorphBlobClasses,
+    surfaceMaterialMorphClasses,
+    surfaceOverlayClasses,
+    surfaceUnderlayClasses,
+    surfaceTextureClasses,
+    surfaceContentClasses
+  };
+}
+export {
+  GIcon as G,
+  makeActionSurfaceProps as m,
+  useActionSurface as u
+};

package/dist/actionSurface-Db2TksPm.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),px=require("./px-CVkec5Jf.cjs"),icon=require("./icon-DgrRDU9A.cjs"),_pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs"),size=require("./size-BSjg5E6f.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),surface=require("./surface-NFdB950M.cjs"),surfaceColor=require("./surfaceColor-BlDoAKoV.cjs"),surfaceMaterial=require("./surfaceMaterial-JpbVongH.cjs"),glass=require("./glass-CZEblMo2.cjs"),_sfc_main=vue.defineComponent({__name:"GIcon",props:{icon:{},size:{default:20},tag:{default:"span"}},setup(__props){const props=__props,computedSize=px.usePx(vue.toRef(props,"size")),resolvedIcon=icon.useIcon(()=>props.icon);return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(vue.unref(resolvedIcon).component),vue.mergeProps({icon:vue.unref(resolvedIcon).icon,tag:props.tag,class:"g-icon",style:{fontSize:vue.unref(computedSize)}},_ctx.$attrs),null,16,["icon","tag","style"]))}}),GIcon=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-1e1fd36a"]]),makeActionSurfaceProps=propsFactory.propsFactory({...surface.makeSurfaceProps(),...size.makeSizeProps(),active:Boolean,activeColor:String,activeState:String,activeVariant:String,gradientRecipe:String,morph:Boolean,shadowOptions:Object,dropShadowOptions:Object,animationOptions:Object,morphOptions:Object});function useActionSurface(props,baseClass,options={}){const{disabledClass,roundedClass,stateClass,textureClass}=surface.useSurface(props,baseClass),{glassStyles}=glass.useGlass(props),{surfaceOverlayClasses,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceTextureClasses,surfaceUnderlayClasses,surfaceContentClasses}=surface.useSurfaceLayers(baseClass),sizeClass=size.useSize(props,baseClass),isActive=vue.computed(()=>!!(vue.toValue(options.active)??props.active)),isSelected=vue.computed(()=>!!vue.toValue(options.selected)),{resolvedColor,resolvedState,colorStyles}=surfaceColor.useSurfaceColor({color:()=>vue.toValue(props.color),state:()=>props.state,active:()=>isActive.value||isSelected.value,activeColor:()=>vue.toValue(props.activeColor),activeState:()=>props.activeState}),resolvedVariant=vue.computed(()=>(isSelected.value||isActive.value)&&props.activeVariant?props.activeVariant:props.variant),hasMaterialSurface=vue.computed(()=>resolvedVariant.value==="gradient"),hasSurfaceUnderlay=vue.computed(()=>!!(resolvedVariant.value==="default"||resolvedVariant.value==="tonal"||hasMaterialSurface.value)),hasSurfaceOverlay=vue.computed(()=>!!(!props.disabled||isActive.value||isSelected.value||vue.toValue(options.focused))),hasSurfaceTexture=vue.computed(()=>props.texture!==void 0&&props.texture!=="none"),{getMorphBlobStyle,gradientMaterial,materialStyles:gradientMaterialStyles,morphBlobs,morphEnabled}=surfaceMaterial.useSurfaceMaterial(props,{color:resolvedColor,variant:resolvedVariant,kind:"action",morphScope:"always"}),surfaceStyles=vue.computed(()=>[colorStyles.value,gradientMaterialStyles.value,resolvedVariant.value==="glass"?glassStyles.value:void 0]);return{actionSurfaceClasses:vue.computed(()=>{var _a;const isFocused=!!vue.toValue(options.focused),animationPreset=(_a=props.animationOptions)==null?void 0:_a.preset;return[`${baseClass}_${resolvedVariant.value}`,disabledClass.value,roundedClass.value,stateClass.value,textureClass.value,sizeClass.value,isFocused?`${baseClass}_focused`:"",isSelected.value?`${baseClass}_selected`:"",isActive.value?`${baseClass}_active`:"",animationPreset?`${baseClass}_animation-${animationPreset}`:""].filter(Boolean)}),getMorphBlobStyle,gradientMaterial,hasSurfaceOverlay,hasSurfaceTexture,hasSurfaceUnderlay,morphBlobs,morphEnabled,resolvedColor,resolvedState,resolvedVariant,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}}exports.GIcon=GIcon;exports.makeActionSurfaceProps=makeActionSurfaceProps;exports.useActionSurface=useActionSurface;

package/dist/appScopedState-BCzeQW7Y.js

@@ -0,0 +1,15 @@
+import { getCurrentInstance } from "vue";
+const defineAppScopedState = (factory) => {
+  const states = /* @__PURE__ */ new WeakMap();
+  return () => {
+    var _a;
+    const appContext = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext;
+    if (!appContext) return factory();
+    if (states.has(appContext)) return states.get(appContext);
+    const state = factory();
+    return states.set(appContext, state), state;
+  };
+};
+export {
+  defineAppScopedState as d
+};

package/dist/appScopedState-D0zgOLf5.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),defineAppScopedState=factory=>{const states=new WeakMap;return()=>{var _a;const appContext=(_a=vue.getCurrentInstance())==null?void 0:_a.appContext;if(!appContext)return factory();if(states.has(appContext))return states.get(appContext);const state=factory();return states.set(appContext,state),state}};exports.defineAppScopedState=defineAppScopedState;

package/dist/booleanControl-BrOrGYvg.js

@@ -0,0 +1,71 @@
+import { computed } from "vue";
+import { u as useFormControl } from "./control-B3T1H83D.js";
+import { c as createComponentId } from "./createComponentId-CrqdDHC3.js";
+import { u as useCheckFocusWithin } from "./GCheckIndicator-yvipPkWi.js";
+function useCheckBooleanControl(props, modelValue, emit, options) {
+  const generatedInputId = createComponentId(options.idPrefix), inputId = computed(() => props.id ?? generatedInputId), {
+    focused,
+    $v,
+    disabled,
+    computedMessage,
+    onFocus,
+    onBlur,
+    onInputValidation
+  } = useFormControl({
+    modelValue,
+    rules: computed(() => props.rules),
+    message: computed(() => props.message),
+    disabled: computed(() => props.disabled)
+  }), validationState = computed(
+    () => {
+      var _a;
+      return (_a = $v.value.$errors.modelValue) != null && _a.length ? "error" : props.state;
+    }
+  ), controlProps = computed(() => ({
+    ...props,
+    id: inputId.value,
+    inputType: "checkbox",
+    message: computedMessage.value,
+    checked: modelValue.value,
+    disabled: disabled.value,
+    focused: focused.value,
+    state: validationState.value
+  })), indicatorProps = computed(() => ({
+    kind: options.indicatorKind,
+    checked: modelValue.value,
+    disabled: disabled.value,
+    size: props.size,
+    color: props.color,
+    state: validationState.value,
+    view: props.indicatorView
+  })), {
+    handleGroupFocusIn,
+    handleGroupFocusOut,
+    handlePointerDown,
+    handlePointerEnd
+  } = useCheckFocusWithin({
+    onFocusWithin: onFocus,
+    onBlurWithin: onBlur,
+    emitters: {
+      focus: emit.focus,
+      blur: emit.blur
+    }
+  });
+  function handleChange(event) {
+    const nextValue = event.target.checked;
+    modelValue.value = nextValue, onInputValidation(), emit.change(nextValue, event);
+  }
+  return {
+    controlProps,
+    indicatorProps,
+    handleChange,
+    handleGroupFocusIn,
+    handleGroupFocusOut,
+    handlePointerDown,
+    handlePointerEnd,
+    $v
+  };
+}
+export {
+  useCheckBooleanControl as u
+};

package/dist/booleanControl-uPXEckMZ.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),control=require("./control-C5Ws5lp3.cjs"),createComponentId=require("./createComponentId-CK5eUecc.cjs"),GCheckIndicator=require("./GCheckIndicator-C-adGOcb.cjs");function useCheckBooleanControl(props,modelValue,emit,options){const generatedInputId=createComponentId.createComponentId(options.idPrefix),inputId=vue.computed(()=>props.id??generatedInputId),{focused,$v,disabled,computedMessage,onFocus,onBlur,onInputValidation}=control.useFormControl({modelValue,rules:vue.computed(()=>props.rules),message:vue.computed(()=>props.message),disabled:vue.computed(()=>props.disabled)}),validationState=vue.computed(()=>{var _a;return(_a=$v.value.$errors.modelValue)!=null&&_a.length?"error":props.state}),controlProps=vue.computed(()=>({...props,id:inputId.value,inputType:"checkbox",message:computedMessage.value,checked:modelValue.value,disabled:disabled.value,focused:focused.value,state:validationState.value})),indicatorProps=vue.computed(()=>({kind:options.indicatorKind,checked:modelValue.value,disabled:disabled.value,size:props.size,color:props.color,state:validationState.value,view:props.indicatorView})),{handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd}=GCheckIndicator.useCheckFocusWithin({onFocusWithin:onFocus,onBlurWithin:onBlur,emitters:{focus:emit.focus,blur:emit.blur}});function handleChange(event){const nextValue=event.target.checked;modelValue.value=nextValue,onInputValidation(),emit.change(nextValue,event)}return{controlProps,indicatorProps,handleChange,handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd,$v}}exports.useCheckBooleanControl=useCheckBooleanControl;

package/dist/camelToKebabCase-BFm1Zwmu.cjs

@@ -0,0 +1 @@
+"use strict";function camelToKebabCase(str){return str.replace(/[A-Z]/g,match=>`-${match.toLowerCase()}`).replace(/([a-zA-Z])(\d+)/g,"$1-$2")}exports.camelToKebabCase=camelToKebabCase;

package/dist/camelToKebabCase-nw6sbguT.js

@@ -0,0 +1,6 @@
+function camelToKebabCase(str) {
+  return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`).replace(/([a-zA-Z])(\d+)/g, "$1-$2");
+}
+export {
+  camelToKebabCase as c
+};

package/dist/clientLifecycle-DlIZRy4I.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),environment=require("./environment-Dr5kpq3D.cjs"),onClientMounted=effect=>{let cleanup;vue.onMounted(()=>{const runtime=environment.getClientRuntime();runtime&&(cleanup=effect(runtime))}),vue.onBeforeUnmount(()=>cleanup==null?void 0:cleanup())};exports.onClientMounted=onClientMounted;

package/dist/clientLifecycle-NZQzL_eH.js

@@ -0,0 +1,12 @@
+import { onMounted, onBeforeUnmount } from "vue";
+import { a as getClientRuntime } from "./environment-o0e-UUbv.js";
+const onClientMounted = (effect) => {
+  let cleanup;
+  onMounted(() => {
+    const runtime = getClientRuntime();
+    runtime && (cleanup = effect(runtime));
+  }), onBeforeUnmount(() => cleanup == null ? void 0 : cleanup());
+};
+export {
+  onClientMounted as o
+};

package/dist/color-8SkPDCIp.cjs

@@ -0,0 +1 @@
+"use strict";const propsFactory=require("./propsFactory-DT6-QS4L.cjs"),vue=require("vue"),colorResolver=require("./colorResolver-C6PTz0S8.cjs"),makeColorProps=propsFactory.propsFactory({color:{type:String,default:"primary"}});function useColor(props){return{colorStyles:vue.computed(()=>{const color=vue.toValue(props.color);return{"--g-color":colorResolver.resolveColorValue(color),"--g-on-color":colorResolver.resolveOnColorValue(color),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}exports.makeColorProps=makeColorProps;exports.useColor=useColor;