@gradient-ui/core 0.8.0 → 1.0.0

package/dist/GAvatar-CN3PHGY_.js

@@ -0,0 +1,202 @@
+import { defineComponent, useAttrs, computed, openBlock, createBlock, mergeProps, withCtx, resolveDynamicComponent, unref, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, normalizeStyle, createCommentVNode, renderSlot, toDisplayString } from "vue";
+import GGradient from "./components/GGradient.mjs";
+import GIcon from "./components/GIcon.mjs";
+import { m as makeMaterialSurfaceProps, u as useMaterialSurface } from "./materialSurface-DKWanYUC.js";
+import { m as makeSizeProps, u as useSize } from "./size-C-WH-uPa.js";
+import { m as makeTagNameProps, a as useTagName } from "./tagName-D8HI-Yqc.js";
+import { m as makeDisabledProps } from "./disabled-CAV056h6.js";
+import { m as makeSurfaceTextureProps } from "./surface-i-1vm2j3.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+const makeAvatarProps = propsFactory({
+  ...makeMaterialSurfaceProps({
+    borderRadius: void 0,
+    borderWidth: void 0,
+    color: "primary",
+    placement: "center"
+  }),
+  ...makeSurfaceTextureProps(),
+  ...makeSizeProps(),
+  ...makeDisabledProps(),
+  ...makeTagNameProps(),
+  src: String,
+  image: String,
+  alt: String,
+  name: String,
+  text: String,
+  icon: String,
+  hover: Boolean,
+  variant: {
+    type: String,
+    default: "tonal"
+  },
+  shape: {
+    type: String,
+    default: "circle"
+  },
+  color: {
+    type: String,
+    default: "primary"
+  },
+  state: String
+}), makeAvatarGroupProps = propsFactory({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  max: Number,
+  total: Number,
+  size: {
+    type: String,
+    default: "m"
+  },
+  shape: {
+    type: String,
+    default: "circle"
+  },
+  variant: {
+    type: String,
+    default: "tonal"
+  },
+  color: {
+    type: String,
+    default: "primary"
+  },
+  overflowColor: String,
+  overlap: {
+    type: [Number, String],
+    default: void 0
+  },
+  stacked: {
+    type: Boolean,
+    default: !0
+  },
+  reverse: Boolean,
+  hover: Boolean,
+  ariaLabel: {
+    type: String,
+    default: "Avatar group"
+  }
+}), _hoisted_1 = ["src", "alt"], _hoisted_2 = {
+  key: 2,
+  class: "g-avatar__text"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GAvatar",
+  props: makeAvatarProps(),
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const attrs = useAttrs(), emit = __emit, props = __props, sizeClass = useSize(props, "g-avatar"), { tagName, tagAttrs } = useTagName(props, "span"), isActionable = computed(
+      () => !props.disabled && (props.href !== void 0 || tagName.value === "button")
+    ), hasHoverLift = computed(
+      () => !props.disabled && (isActionable.value || props.hover || props.shadow || props.dropShadow)
+    ), resolvedImage = computed(() => props.src ?? props.image), resolvedText = computed(() => props.text ? props.text : props.name ? props.name.trim().split(/\s+/).slice(0, 2).map((part) => part[0]).join("").toUpperCase() : ""), accessibleLabel = computed(
+      () => props.alt ?? props.name ?? props.text ?? void 0
+    ), computedRole = computed(
+      () => !resolvedImage.value && accessibleLabel.value ? "img" : void 0
+    ), squircleRadiusBySize = {
+      s: 10,
+      m: 12,
+      l: 16,
+      xl: 20
+    }, toCssRadius = (value) => typeof value == "number" || /^\d+(\.\d+)?$/.test(value) ? `${value}px` : value, squircleRadius = computed(() => squircleRadiusBySize[props.size]), frameRadius = computed(() => props.borderRadius !== void 0 ? props.borderRadius : props.shape === "square" ? 0 : props.shape === "rounded" ? 12 : props.shape === "squircle" ? squircleRadius.value : 999), cssRadius = computed(() => props.borderRadius !== void 0 ? toCssRadius(props.borderRadius) : props.shape === "square" ? "0" : props.shape === "rounded" ? "12px" : props.shape === "squircle" ? `${squircleRadius.value}px` : "999px"), {
+      getMorphBlobStyle,
+      morphBlobs,
+      morphEnabled,
+      materialFrameProps,
+      surfaceStyles,
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses
+    } = useMaterialSurface(props, "g-avatar", { kind: "action" }), resolvedBorderWidth = computed(
+      () => props.borderWidth ?? (props.glow || props.animateGlow || props.variant === "outlined" || props.variant === "glass" ? 1 : 0)
+    ), avatarFrameProps = computed(() => ({
+      ...materialFrameProps.value,
+      borderRadius: frameRadius.value,
+      borderWidth: props.shape === "squircle" ? 0 : materialFrameProps.value.borderWidth,
+      interactive: hasHoverLift.value,
+      rounded: !1
+    })), avatarStyles = computed(() => ({
+      "--g-avatar-radius": cssRadius.value,
+      "--g-avatar-squircle-radius": `${squircleRadius.value}px`,
+      "--g-avatar-border-width": toCssRadius(resolvedBorderWidth.value)
+    })), onClick = (event) => {
+      if (props.disabled) {
+        event.preventDefault(), event.stopPropagation();
+        return;
+      }
+      emit("click", event);
+    };
+    return (_ctx, _cache) => (openBlock(), createBlock(GGradient, mergeProps({
+      class: "g-avatar__frame",
+      style: avatarStyles.value
+    }, avatarFrameProps.value), {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), mergeProps({
+          class: ["g-avatar", [
+            unref(sizeClass),
+            `g-avatar_${props.variant}`,
+            `g-avatar_shape-${props.shape}`,
+            {
+              "g-avatar_disabled": props.disabled,
+              "g-avatar_actionable": isActionable.value,
+              "g-avatar_hoverable": hasHoverLift.value,
+              [`g-avatar_texture-${props.texture}`]: props.texture !== "none"
+            }
+          ]],
+          style: [unref(surfaceStyles), avatarStyles.value],
+          role: computedRole.value,
+          "aria-label": computedRole.value ? accessibleLabel.value : void 0
+        }, { ...unref(tagAttrs), ...unref(attrs) }, { onClick }), {
+          default: withCtx(() => [
+            createElementVNode("span", {
+              class: normalizeClass(unref(surfaceUnderlayClasses))
+            }, null, 2),
+            unref(morphEnabled) ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+              "aria-hidden": "true"
+            }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("span", {
+                key: index,
+                class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+                style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+              }, null, 6))), 128))
+            ], 2)) : createCommentVNode("", !0),
+            createElementVNode("span", {
+              class: normalizeClass(unref(surfaceOverlayClasses))
+            }, null, 2),
+            createElementVNode("span", {
+              class: normalizeClass(unref(surfaceTextureClasses))
+            }, null, 2),
+            createElementVNode("span", {
+              class: normalizeClass(["g-avatar__content", unref(surfaceContentClasses)])
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                resolvedImage.value ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  class: "g-avatar__image",
+                  src: resolvedImage.value,
+                  alt: props.alt ?? props.name ?? ""
+                }, null, 8, _hoisted_1)) : props.icon ? (openBlock(), createBlock(GIcon, {
+                  key: 1,
+                  class: "g-avatar__icon",
+                  icon: props.icon
+                }, null, 8, ["icon"])) : resolvedText.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(resolvedText.value), 1)) : createCommentVNode("", !0)
+              ], !0)
+            ], 2)
+          ]),
+          _: 3
+        }, 16, ["class", "style", "role", "aria-label"]))
+      ]),
+      _: 3
+    }, 16, ["style"]));
+  }
+}), GAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7aae19be"]]);
+export {
+  GAvatar as G,
+  makeAvatarGroupProps as m
+};

package/dist/GAvatar-Dj6hSgL3.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),components_GGradient=require("./components/GGradient.cjs"),components_GIcon=require("./components/GIcon.cjs"),materialSurface=require("./materialSurface-BZWqxSOo.cjs"),size=require("./size-BSjg5E6f.cjs"),tagName=require("./tagName-EmIHK0fg.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),surface=require("./surface-NFdB950M.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),_pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs"),makeAvatarProps=propsFactory.propsFactory({...materialSurface.makeMaterialSurfaceProps({borderRadius:void 0,borderWidth:void 0,color:"primary",placement:"center"}),...surface.makeSurfaceTextureProps(),...size.makeSizeProps(),...disabled.makeDisabledProps(),...tagName.makeTagNameProps(),src:String,image:String,alt:String,name:String,text:String,icon:String,hover:Boolean,variant:{type:String,default:"tonal"},shape:{type:String,default:"circle"},color:{type:String,default:"primary"},state:String}),makeAvatarGroupProps=propsFactory.propsFactory({items:{type:Array,default:()=>[]},max:Number,total:Number,size:{type:String,default:"m"},shape:{type:String,default:"circle"},variant:{type:String,default:"tonal"},color:{type:String,default:"primary"},overflowColor:String,overlap:{type:[Number,String],default:void 0},stacked:{type:Boolean,default:!0},reverse:Boolean,hover:Boolean,ariaLabel:{type:String,default:"Avatar group"}}),_hoisted_1=["src","alt"],_hoisted_2={key:2,class:"g-avatar__text"},_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GAvatar",props:makeAvatarProps(),emits:["click"],setup(__props,{emit:__emit}){const attrs=vue.useAttrs(),emit=__emit,props=__props,sizeClass=size.useSize(props,"g-avatar"),{tagName:tagName$1,tagAttrs}=tagName.useTagName(props,"span"),isActionable=vue.computed(()=>!props.disabled&&(props.href!==void 0||tagName$1.value==="button")),hasHoverLift=vue.computed(()=>!props.disabled&&(isActionable.value||props.hover||props.shadow||props.dropShadow)),resolvedImage=vue.computed(()=>props.src??props.image),resolvedText=vue.computed(()=>props.text?props.text:props.name?props.name.trim().split(/\s+/).slice(0,2).map(part=>part[0]).join("").toUpperCase():""),accessibleLabel=vue.computed(()=>props.alt??props.name??props.text??void 0),computedRole=vue.computed(()=>!resolvedImage.value&&accessibleLabel.value?"img":void 0),squircleRadiusBySize={s:10,m:12,l:16,xl:20},toCssRadius=value=>typeof value=="number"||/^\d+(\.\d+)?$/.test(value)?`${value}px`:value,squircleRadius=vue.computed(()=>squircleRadiusBySize[props.size]),frameRadius=vue.computed(()=>props.borderRadius!==void 0?props.borderRadius:props.shape==="square"?0:props.shape==="rounded"?12:props.shape==="squircle"?squircleRadius.value:999),cssRadius=vue.computed(()=>props.borderRadius!==void 0?toCssRadius(props.borderRadius):props.shape==="square"?"0":props.shape==="rounded"?"12px":props.shape==="squircle"?`${squircleRadius.value}px`:"999px"),{getMorphBlobStyle,morphBlobs,morphEnabled,materialFrameProps,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=materialSurface.useMaterialSurface(props,"g-avatar",{kind:"action"}),resolvedBorderWidth=vue.computed(()=>props.borderWidth??(props.glow||props.animateGlow||props.variant==="outlined"||props.variant==="glass"?1:0)),avatarFrameProps=vue.computed(()=>({...materialFrameProps.value,borderRadius:frameRadius.value,borderWidth:props.shape==="squircle"?0:materialFrameProps.value.borderWidth,interactive:hasHoverLift.value,rounded:!1})),avatarStyles=vue.computed(()=>({"--g-avatar-radius":cssRadius.value,"--g-avatar-squircle-radius":`${squircleRadius.value}px`,"--g-avatar-border-width":toCssRadius(resolvedBorderWidth.value)})),onClick=event=>{if(props.disabled){event.preventDefault(),event.stopPropagation();return}emit("click",event)};return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(components_GGradient.default,vue.mergeProps({class:"g-avatar__frame",style:avatarStyles.value},avatarFrameProps.value),{default:vue.withCtx(()=>[(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName$1)),vue.mergeProps({class:["g-avatar",[vue.unref(sizeClass),`g-avatar_${props.variant}`,`g-avatar_shape-${props.shape}`,{"g-avatar_disabled":props.disabled,"g-avatar_actionable":isActionable.value,"g-avatar_hoverable":hasHoverLift.value,[`g-avatar_texture-${props.texture}`]:props.texture!=="none"}]],style:[vue.unref(surfaceStyles),avatarStyles.value],role:computedRole.value,"aria-label":computedRole.value?accessibleLabel.value:void 0},{...vue.unref(tagAttrs),...vue.unref(attrs)},{onClick}),{default:vue.withCtx(()=>[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("span",{class:vue.normalizeClass(["g-avatar__content",vue.unref(surfaceContentClasses)])},[vue.renderSlot(_ctx.$slots,"default",{},()=>[resolvedImage.value?(vue.openBlock(),vue.createElementBlock("img",{key:0,class:"g-avatar__image",src:resolvedImage.value,alt:props.alt??props.name??""},null,8,_hoisted_1)):props.icon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:1,class:"g-avatar__icon",icon:props.icon},null,8,["icon"])):resolvedText.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_2,vue.toDisplayString(resolvedText.value),1)):vue.createCommentVNode("",!0)],!0)],2)]),_:3},16,["class","style","role","aria-label"]))]),_:3},16,["style"]))}}),GAvatar=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-7aae19be"]]);exports.GAvatar=GAvatar;exports.makeAvatarGroupProps=makeAvatarGroupProps;

package/dist/GButton.vue_vue_type_style_index_0_lang-D9qRus1m.js

@@ -0,0 +1,141 @@
+import { defineComponent, useSlots, useAttrs, computed, resolveDirective, withDirectives, openBlock, createBlock, mergeProps, unref, withCtx, resolveDynamicComponent, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, normalizeStyle, createElementVNode, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
+import GGradient from "./components/GGradient.mjs";
+import { m as makeActionSurfaceProps, u as useActionSurface, G as GIcon } from "./actionSurface-BkFPXb-Z.js";
+import { m as makeGradientProps } from "./gradient-Cesrzb2-.js";
+import { m as makePLAProps } from "./PLA-DePtRzKl.js";
+import { m as makeTagNameProps, a as useTagName } from "./tagName-D8HI-Yqc.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { u as usePx } from "./px-B-cyF02Z.js";
+const makeButtonProps = propsFactory({
+  ...makeActionSurfaceProps(),
+  ...makePLAProps(),
+  ...makeGradientProps(),
+  ...makeTagNameProps(),
+  isIconButton: Boolean,
+  iconButton: String,
+  ripple: {
+    type: [Boolean, String, Object],
+    default: !0
+  }
+}), _hoisted_1 = {
+  key: 0,
+  class: "g-button__prepend"
+}, _hoisted_2 = { class: "g-button__label" }, _hoisted_3 = {
+  key: 1,
+  class: "g-button__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GButton",
+  props: makeButtonProps({
+    borderWidth: void 0,
+    borderRadius: 4,
+    placement: "center"
+  }),
+  setup(__props) {
+    const slots = useSlots(), attrs = useAttrs(), props = __props, computedBorderRadius = usePx(props.borderRadius), resolvedBorderWidth = computed(
+      () => props.borderWidth ?? (props.variant === "glass" || props.glow || props.animateGlow ? 1 : 0)
+    ), computedRipple = computed(() => props.disabled || props.ripple === !1 ? !1 : typeof props.ripple == "object" ? {
+      ...props.ripple,
+      disabled: props.ripple.disabled || props.disabled
+    } : props.ripple), { tagName, tagAttrs } = useTagName(props, "button"), {
+      actionSurfaceClasses,
+      resolvedColor,
+      resolvedState,
+      surfaceStyles,
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses,
+      hasSurfaceOverlay,
+      hasSurfaceTexture,
+      hasSurfaceUnderlay,
+      morphBlobs,
+      morphEnabled,
+      getMorphBlobStyle
+    } = useActionSurface(props, "g-button");
+    return (_ctx, _cache) => {
+      const _directive_ripple = resolveDirective("ripple"), _directive_gradient_icon = resolveDirective("gradient-icon");
+      return withDirectives((openBlock(), createBlock(GGradient, mergeProps({ class: "g-gradient" }, {
+        ...props,
+        color: unref(resolvedColor),
+        state: unref(resolvedState)
+      }, { "border-width": resolvedBorderWidth.value }), {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), mergeProps({
+            class: ["g-button", [
+              unref(actionSurfaceClasses),
+              {
+                "g-button_icon": _ctx.iconButton || _ctx.isIconButton
+              }
+            ]],
+            style: [
+              unref(surfaceStyles),
+              { "--g-button-radius": unref(computedBorderRadius) }
+            ]
+          }, { ...unref(tagAttrs), ...unref(attrs) }), {
+            default: withCtx(() => [
+              unref(hasSurfaceUnderlay) ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(unref(surfaceUnderlayClasses))
+              }, null, 2)) : createCommentVNode("", !0),
+              unref(morphEnabled) ? (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+                "aria-hidden": "true"
+              }, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("span", {
+                  key: index,
+                  class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+                  style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+                }, null, 6))), 128))
+              ], 2)) : createCommentVNode("", !0),
+              unref(hasSurfaceOverlay) ? (openBlock(), createElementBlock("span", {
+                key: 2,
+                class: normalizeClass(unref(surfaceOverlayClasses))
+              }, null, 2)) : createCommentVNode("", !0),
+              unref(hasSurfaceTexture) ? (openBlock(), createElementBlock("span", {
+                key: 3,
+                class: normalizeClass(unref(surfaceTextureClasses))
+              }, null, 2)) : createCommentVNode("", !0),
+              createElementVNode("span", {
+                class: normalizeClass(["g-button__content", unref(surfaceContentClasses)])
+              }, [
+                (slots.prepend || _ctx.prepend) && !_ctx.iconButton ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                  renderSlot(_ctx.$slots, "prepend", {}, () => [
+                    createVNode(GIcon, { icon: _ctx.prepend }, null, 8, ["icon"])
+                  ])
+                ])) : createCommentVNode("", !0),
+                createElementVNode("span", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    _ctx.iconButton ? _ctx.iconButton ? (openBlock(), createBlock(GIcon, {
+                      key: 1,
+                      icon: _ctx.iconButton
+                    }, null, 8, ["icon"])) : createCommentVNode("", !0) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(toDisplayString(_ctx.label), 1)
+                    ], 64))
+                  ])
+                ]),
+                (slots.append || _ctx.append) && !_ctx.iconButton ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "append", {}, () => [
+                    createVNode(GIcon, { icon: _ctx.append }, null, 8, ["icon"])
+                  ])
+                ])) : createCommentVNode("", !0)
+              ], 2)
+            ]),
+            _: 3
+          }, 16, ["class", "style"])), [
+            [_directive_ripple, computedRipple.value]
+          ])
+        ]),
+        _: 3
+      }, 16, ["border-width"])), [
+        [_directive_gradient_icon]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GButton.vue_vue_type_style_index_0_lang-tGLnt3_R.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),components_GGradient=require("./components/GGradient.cjs"),actionSurface=require("./actionSurface-Db2TksPm.cjs"),gradient=require("./gradient-Bf_C3oqp.cjs"),PLA=require("./PLA-B2QljfgE.cjs"),tagName=require("./tagName-EmIHK0fg.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),px=require("./px-CVkec5Jf.cjs"),makeButtonProps=propsFactory.propsFactory({...actionSurface.makeActionSurfaceProps(),...PLA.makePLAProps(),...gradient.makeGradientProps(),...tagName.makeTagNameProps(),isIconButton:Boolean,iconButton:String,ripple:{type:[Boolean,String,Object],default:!0}}),_hoisted_1={key:0,class:"g-button__prepend"},_hoisted_2={class:"g-button__label"},_hoisted_3={key:1,class:"g-button__append"},_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GButton",props:makeButtonProps({borderWidth:void 0,borderRadius:4,placement:"center"}),setup(__props){const slots=vue.useSlots(),attrs=vue.useAttrs(),props=__props,computedBorderRadius=px.usePx(props.borderRadius),resolvedBorderWidth=vue.computed(()=>props.borderWidth??(props.variant==="glass"||props.glow||props.animateGlow?1:0)),computedRipple=vue.computed(()=>props.disabled||props.ripple===!1?!1:typeof props.ripple=="object"?{...props.ripple,disabled:props.ripple.disabled||props.disabled}:props.ripple),{tagName:tagName$1,tagAttrs}=tagName.useTagName(props,"button"),{actionSurfaceClasses,resolvedColor,resolvedState,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses,hasSurfaceOverlay,hasSurfaceTexture,hasSurfaceUnderlay,morphBlobs,morphEnabled,getMorphBlobStyle}=actionSurface.useActionSurface(props,"g-button");return(_ctx,_cache)=>{const _directive_ripple=vue.resolveDirective("ripple"),_directive_gradient_icon=vue.resolveDirective("gradient-icon");return vue.withDirectives((vue.openBlock(),vue.createBlock(components_GGradient.default,vue.mergeProps({class:"g-gradient"},{...props,color:vue.unref(resolvedColor),state:vue.unref(resolvedState)},{"border-width":resolvedBorderWidth.value}),{default:vue.withCtx(()=>[vue.withDirectives((vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName$1)),vue.mergeProps({class:["g-button",[vue.unref(actionSurfaceClasses),{"g-button_icon":_ctx.iconButton||_ctx.isIconButton}]],style:[vue.unref(surfaceStyles),{"--g-button-radius":vue.unref(computedBorderRadius)}]},{...vue.unref(tagAttrs),...vue.unref(attrs)}),{default:vue.withCtx(()=>[vue.unref(hasSurfaceUnderlay)?(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2)):vue.createCommentVNode("",!0),vue.unref(morphEnabled)?(vue.openBlock(),vue.createElementBlock("span",{key:1,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.unref(hasSurfaceOverlay)?(vue.openBlock(),vue.createElementBlock("span",{key:2,class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2)):vue.createCommentVNode("",!0),vue.unref(hasSurfaceTexture)?(vue.openBlock(),vue.createElementBlock("span",{key:3,class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2)):vue.createCommentVNode("",!0),vue.createElementVNode("span",{class:vue.normalizeClass(["g-button__content",vue.unref(surfaceContentClasses)])},[(slots.prepend||_ctx.prepend)&&!_ctx.iconButton?(vue.openBlock(),vue.createElementBlock("span",_hoisted_1,[vue.renderSlot(_ctx.$slots,"prepend",{},()=>[vue.createVNode(actionSurface.GIcon,{icon:_ctx.prepend},null,8,["icon"])])])):vue.createCommentVNode("",!0),vue.createElementVNode("span",_hoisted_2,[vue.renderSlot(_ctx.$slots,"default",{},()=>[_ctx.iconButton?_ctx.iconButton?(vue.openBlock(),vue.createBlock(actionSurface.GIcon,{key:1,icon:_ctx.iconButton},null,8,["icon"])):vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[vue.createTextVNode(vue.toDisplayString(_ctx.label),1)],64))])]),(slots.append||_ctx.append)&&!_ctx.iconButton?(vue.openBlock(),vue.createElementBlock("span",_hoisted_3,[vue.renderSlot(_ctx.$slots,"append",{},()=>[vue.createVNode(actionSurface.GIcon,{icon:_ctx.append},null,8,["icon"])])])):vue.createCommentVNode("",!0)],2)]),_:3},16,["class","style"])),[[_directive_ripple,computedRipple.value]])]),_:3},16,["border-width"])),[[_directive_gradient_icon]])}}});exports._sfc_main=_sfc_main;

package/dist/GCheckGroup-B3gZ9p6e.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),control=require("./control-C5Ws5lp3.cjs"),selectionController=require("./selectionController-D_SzzLi7.cjs"),createComponentId=require("./createComponentId-CK5eUecc.cjs"),GCheckIndicator=require("./GCheckIndicator-C-adGOcb.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),size=require("./size-BSjg5E6f.cjs"),state=require("./state-CUskk7oG.cjs"),surfaceColor=require("./surfaceColor-BlDoAKoV.cjs"),_pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs");function useCheckOptionGroup(props,emit,options){const generatedName=createComponentId.createComponentId(options.namePrefix),groupName=vue.computed(()=>props.name??generatedName),{focused,$v,disabled:disabled2,computedMessage,hasValidationError,onFocus,onBlur,onInputValidation}=control.useFormControl({modelValue:vue.computed(()=>props.modelValue),rules:vue.computed(()=>props.rules),message:vue.computed(()=>props.message),disabled:vue.computed(()=>props.disabled)}),valueComparator=vue.computed(()=>props.valueComparator),{items,isItemSelected,getNextItemValue,selectItem}=selectionController.useSelectionController({items:vue.toRef(props,"options"),modelValue:vue.computed(()=>props.modelValue),labelKey:vue.toRef(props,"labelKey"),valueKey:vue.toRef(props,"valueKey"),returnObject:vue.toRef(props,"returnObject"),multiple:vue.computed(()=>options.multiple),valueComparator},(_event,value)=>{emit.updateModelValue(value)}),{handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd}=GCheckIndicator.useCheckGroupFocus({onFocusWithin:onFocus,onBlurWithin:onBlur,emitters:{focus:emit.focus,blur:emit.blur}}),groupProps=vue.computed(()=>({label:props.label,message:computedMessage.value,color:props.color,disabled:disabled2.value,size:props.size,state:hasValidationError.value?"error":props.state,indicatorView:props.indicatorView,vertical:props.vertical,focused:focused.value}));function selectOption(item){selectItem(item),onInputValidation()}return{groupName,groupProps,disabled:disabled2,items,isItemSelected,getNextItemValue,selectItem:selectOption,handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd,$v}}const _hoisted_1=["data-g-validation-error","aria-invalid"],_hoisted_2={key:0,class:"g-check-group__label"},_hoisted_3={class:"g-check-group__content"},_hoisted_4={class:"g-check-group__items"},_hoisted_5={key:0,class:"g-check-group__message"},_sfc_main=vue.defineComponent({__name:"GCheckGroup",props:GCheckIndicator.makeCheckGroupBaseProps(),emits:["focusin","focusout","pointerdown","pointerup","pointercancel"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,sizeClass=size.useSize(props,"g-check-group"),disabledClass=disabled.useDisabled(props,"g-check-group"),focusedClass=GCheckIndicator.useFocused(props,"g-check-group"),stateClass=state.useState(props,"g-check-group"),{colorStyles}=surfaceColor.useSurfaceColor(props);return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("fieldset",{class:vue.normalizeClass(["g-check-group",[vue.unref(sizeClass),vue.unref(disabledClass),vue.unref(focusedClass),vue.unref(stateClass),{"g-check-group_vertical":props.vertical}]]),"data-g-validation-error":props.state==="error"?"true":void 0,"aria-invalid":props.state==="error"||void 0,style:vue.normalizeStyle(vue.unref(colorStyles)),onFocusin:_cache[0]||(_cache[0]=$event=>emit("focusin",$event)),onFocusout:_cache[1]||(_cache[1]=$event=>emit("focusout",$event)),onPointerdown:_cache[2]||(_cache[2]=$event=>emit("pointerdown",$event)),onPointerup:_cache[3]||(_cache[3]=$event=>emit("pointerup",$event)),onPointercancel:_cache[4]||(_cache[4]=$event=>emit("pointercancel",$event))},[props.label||slots.label?(vue.openBlock(),vue.createElementBlock("legend",_hoisted_2,[vue.renderSlot(_ctx.$slots,"label",{},()=>[vue.createTextVNode(vue.toDisplayString(props.label),1)],!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_3,[vue.createElementVNode("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)]),props.message||slots.message?(vue.openBlock(),vue.createElementBlock("div",_hoisted_5,[vue.renderSlot(_ctx.$slots,"message",{},()=>[vue.createTextVNode(vue.toDisplayString(props.message),1)],!0)])):vue.createCommentVNode("",!0)])],46,_hoisted_1))}}),GCheckGroup=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-aa5b29f3"]]);exports.GCheckGroup=GCheckGroup;exports.useCheckOptionGroup=useCheckOptionGroup;

package/dist/GCheckGroup-DDkxtEj2.js

@@ -0,0 +1,132 @@
+import { computed, toRef, defineComponent, useSlots, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { u as useFormControl } from "./control-B3T1H83D.js";
+import { u as useSelectionController } from "./selectionController-Cq7OffKP.js";
+import { c as createComponentId } from "./createComponentId-CrqdDHC3.js";
+import { b as useCheckGroupFocus, c as useFocused, d as makeCheckGroupBaseProps } from "./GCheckIndicator-yvipPkWi.js";
+import { u as useDisabled } from "./disabled-CAV056h6.js";
+import { u as useSize } from "./size-C-WH-uPa.js";
+import { u as useState } from "./state-zMDQLwyB.js";
+import { u as useSurfaceColor } from "./surfaceColor-Cic675ry.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+function useCheckOptionGroup(props, emit, options) {
+  const generatedName = createComponentId(options.namePrefix), groupName = computed(() => props.name ?? generatedName), {
+    focused,
+    $v,
+    disabled,
+    computedMessage,
+    hasValidationError,
+    onFocus,
+    onBlur,
+    onInputValidation
+  } = useFormControl({
+    modelValue: computed(() => props.modelValue),
+    rules: computed(() => props.rules),
+    message: computed(() => props.message),
+    disabled: computed(() => props.disabled)
+  }), valueComparator = computed(() => props.valueComparator), { items, isItemSelected, getNextItemValue, selectItem } = useSelectionController(
+    {
+      items: toRef(props, "options"),
+      modelValue: computed(() => props.modelValue),
+      labelKey: toRef(props, "labelKey"),
+      valueKey: toRef(props, "valueKey"),
+      returnObject: toRef(props, "returnObject"),
+      multiple: computed(() => options.multiple),
+      valueComparator
+    },
+    (_event, value) => {
+      emit.updateModelValue(value);
+    }
+  ), {
+    handleGroupFocusIn,
+    handleGroupFocusOut,
+    handlePointerDown,
+    handlePointerEnd
+  } = useCheckGroupFocus({
+    onFocusWithin: onFocus,
+    onBlurWithin: onBlur,
+    emitters: {
+      focus: emit.focus,
+      blur: emit.blur
+    }
+  }), groupProps = computed(() => ({
+    label: props.label,
+    message: computedMessage.value,
+    color: props.color,
+    disabled: disabled.value,
+    size: props.size,
+    state: hasValidationError.value ? "error" : props.state,
+    indicatorView: props.indicatorView,
+    vertical: props.vertical,
+    focused: focused.value
+  }));
+  function selectOption(item) {
+    selectItem(item), onInputValidation();
+  }
+  return {
+    groupName,
+    groupProps,
+    disabled,
+    items,
+    isItemSelected,
+    getNextItemValue,
+    selectItem: selectOption,
+    handleGroupFocusIn,
+    handleGroupFocusOut,
+    handlePointerDown,
+    handlePointerEnd,
+    $v
+  };
+}
+const _hoisted_1 = ["data-g-validation-error", "aria-invalid"], _hoisted_2 = {
+  key: 0,
+  class: "g-check-group__label"
+}, _hoisted_3 = { class: "g-check-group__content" }, _hoisted_4 = { class: "g-check-group__items" }, _hoisted_5 = {
+  key: 0,
+  class: "g-check-group__message"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GCheckGroup",
+  props: makeCheckGroupBaseProps(),
+  emits: ["focusin", "focusout", "pointerdown", "pointerup", "pointercancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, sizeClass = useSize(props, "g-check-group"), disabledClass = useDisabled(props, "g-check-group"), focusedClass = useFocused(props, "g-check-group"), stateClass = useState(props, "g-check-group"), { colorStyles } = useSurfaceColor(props);
+    return (_ctx, _cache) => (openBlock(), createElementBlock("fieldset", {
+      class: normalizeClass(["g-check-group", [
+        unref(sizeClass),
+        unref(disabledClass),
+        unref(focusedClass),
+        unref(stateClass),
+        {
+          "g-check-group_vertical": props.vertical
+        }
+      ]]),
+      "data-g-validation-error": props.state === "error" ? "true" : void 0,
+      "aria-invalid": props.state === "error" || void 0,
+      style: normalizeStyle(unref(colorStyles)),
+      onFocusin: _cache[0] || (_cache[0] = ($event) => emit("focusin", $event)),
+      onFocusout: _cache[1] || (_cache[1] = ($event) => emit("focusout", $event)),
+      onPointerdown: _cache[2] || (_cache[2] = ($event) => emit("pointerdown", $event)),
+      onPointerup: _cache[3] || (_cache[3] = ($event) => emit("pointerup", $event)),
+      onPointercancel: _cache[4] || (_cache[4] = ($event) => emit("pointercancel", $event))
+    }, [
+      props.label || slots.label ? (openBlock(), createElementBlock("legend", _hoisted_2, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          createTextVNode(toDisplayString(props.label), 1)
+        ], !0)
+      ])) : createCommentVNode("", !0),
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+        ]),
+        props.message || slots.message ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "message", {}, () => [
+            createTextVNode(toDisplayString(props.message), 1)
+          ], !0)
+        ])) : createCommentVNode("", !0)
+      ])
+    ], 46, _hoisted_1));
+  }
+}), GCheckGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa5b29f3"]]);
+export {
+  GCheckGroup as G,
+  useCheckOptionGroup as u
+};

package/dist/GCheckIndicator-C-adGOcb.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),environment=require("./environment-Dr5kpq3D.cjs"),color=require("./color-8SkPDCIp.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),selected=require("./selected-CEdYQtXH.cjs"),size=require("./size-BSjg5E6f.cjs"),state=require("./state-CUskk7oG.cjs"),surfaceColor=require("./surfaceColor-BlDoAKoV.cjs"),_pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs"),components_GIcon=require("./components/GIcon.cjs"),components_GSquircle=require("./components/GSquircle.cjs");function useCheckGroupFocus(options){const isFocusedWithin=vue.ref(!1),isPointerDownWithin=vue.ref(!1);function handleGroupFocusIn(event){var _a,_b;isPointerDownWithin.value=!1,isFocusedWithin.value||(isFocusedWithin.value=!0,options.onFocusWithin()),(_b=(_a=options.emitters)==null?void 0:_a.focus)==null||_b.call(_a,event)}function handleGroupFocusOut(event){var _a,_b;const currentTarget=event.currentTarget,relatedTarget=event.relatedTarget;isPointerDownWithin.value||environment.isClientHTMLElement(currentTarget)&&relatedTarget instanceof Node&&currentTarget.contains(relatedTarget)||(isFocusedWithin.value&&(isFocusedWithin.value=!1,options.onBlurWithin()),(_b=(_a=options.emitters)==null?void 0:_a.blur)==null||_b.call(_a,event))}function handlePointerDown(){isPointerDownWithin.value=!0}function handlePointerEnd(){isPointerDownWithin.value=!1}return{isFocusedWithin,handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd}}const useCheckFocusWithin=useCheckGroupFocus,makeCheckFieldProps=propsFactory.propsFactory({...color.makeColorProps(),id:String,name:String,label:String,disabled:Boolean,size:{type:String,default:"m"},state:String,indicatorView:{type:String,default:"default"},message:String,inline:Boolean}),makeCheckGroupVisualProps=propsFactory.propsFactory({...color.makeColorProps(),label:String,message:String,disabled:Boolean,size:{type:String,default:"m"},state:String,indicatorView:{type:String,default:"default"},vertical:Boolean,focused:Boolean}),makeCheckControlBaseProps=propsFactory.propsFactory({...makeCheckFieldProps({disabled:!1,size:"m",inline:!1}),inputType:{type:String,required:!0},checked:Boolean,focused:Boolean}),makeCheckGroupBaseProps=propsFactory.propsFactory({...makeCheckGroupVisualProps({disabled:!1,size:"m",vertical:!1,focused:!1})});function makeCheckBooleanControlProps(){return propsFactory.propsFactory({...makeCheckFieldProps({disabled:!1,size:"m",inline:!1}),rules:{type:Array,default:()=>[]}})()}function useFocused(props,base){return vue.computed(()=>props.focused?`${base}_focused`:"")}const _hoisted_1$1=["data-g-validation-error","aria-invalid"],_hoisted_2$1=["id","name","type","checked","disabled"],_hoisted_3$1=["for"],_hoisted_4$1={class:"g-check-control__indicator"},_hoisted_5$1={key:0,class:"g-check-control__content"},_hoisted_6={key:0,class:"g-check-control__label"},_hoisted_7={key:1,class:"g-check-control__message"},_sfc_main$1=vue.defineComponent({__name:"GCheckControl",props:makeCheckControlBaseProps(),emits:["change","focus","blur","focusin","focusout","pointerdown","pointerup","pointercancel"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,hasTextContent=vue.computed(()=>!!props.label||!!slots.default),hasMessage=vue.computed(()=>!!props.message||!!slots.message),sizeClass=size.useSize(props,"g-check-control"),disabledClass=disabled.useDisabled(props,"g-check-control"),focusedClass=useFocused(props,"g-check-control"),stateClass=state.useState(props,"g-check-control"),{colorStyles}=surfaceColor.useSurfaceColor(props),checkedClass=selected.useSelected({selected:()=>props.checked},"g-check-control");return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-check-control",[vue.unref(sizeClass),vue.unref(disabledClass),vue.unref(focusedClass),vue.unref(stateClass),vue.unref(checkedClass),{"g-check-control_inline":props.inline}]]),"data-g-validation-error":props.state==="error"?"true":void 0,"aria-invalid":props.state==="error"||void 0,style:vue.normalizeStyle(vue.unref(colorStyles)),onFocusin:_cache[3]||(_cache[3]=$event=>emit("focusin",$event)),onFocusout:_cache[4]||(_cache[4]=$event=>emit("focusout",$event)),onPointerdown:_cache[5]||(_cache[5]=$event=>emit("pointerdown",$event)),onPointerup:_cache[6]||(_cache[6]=$event=>emit("pointerup",$event)),onPointercancel:_cache[7]||(_cache[7]=$event=>emit("pointercancel",$event))},[vue.createElementVNode("input",{id:props.id,name:props.name,type:props.inputType,checked:props.checked,disabled:props.disabled,class:"g-check-control__native",onChange:_cache[0]||(_cache[0]=$event=>emit("change",$event)),onFocus:_cache[1]||(_cache[1]=$event=>emit("focus",$event)),onBlur:_cache[2]||(_cache[2]=$event=>emit("blur",$event))},null,40,_hoisted_2$1),vue.createElementVNode("label",{for:props.id,class:"g-check-control__body"},[vue.createElementVNode("span",_hoisted_4$1,[vue.renderSlot(_ctx.$slots,"indicator",{},void 0,!0)]),hasTextContent.value||hasMessage.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_5$1,[hasTextContent.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_6,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(props.label),1)],!0)])):vue.createCommentVNode("",!0),hasMessage.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_7,[vue.renderSlot(_ctx.$slots,"message",{},()=>[vue.createTextVNode(vue.toDisplayString(props.message),1)],!0)])):vue.createCommentVNode("",!0)])):vue.createCommentVNode("",!0)],8,_hoisted_3$1)],46,_hoisted_1$1))}}),GCheckControl=_pluginVue_exportHelper._export_sfc(_sfc_main$1,[["__scopeId","data-v-a3c045c0"]]),_hoisted_1={key:0,class:"g-check-indicator__switch-track"},_hoisted_2={key:1,class:"g-check-indicator__radio-dot"},_hoisted_3={key:2,class:"g-check-indicator__shape"},_hoisted_4={class:"g-check-indicator__shape-content"},_hoisted_5={key:1,class:"g-check-indicator__radio-dot"},_sfc_main=vue.defineComponent({__name:"GCheckIndicator",props:{kind:{},view:{default:"default"},checked:{type:Boolean,default:!1},color:{},disabled:{type:Boolean,default:!1},size:{default:"m"},state:{default:void 0}},setup(__props){const props=__props,{resolvedColor,resolvedState,colorStyles}=surfaceColor.useSurfaceColor(props),squircleSize=vue.computed(()=>({s:18,m:22,l:26,xl:30})[props.size]);return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("span",{class:vue.normalizeClass(["g-check-indicator",{[`g-check-indicator_${props.kind}`]:!0,[`g-check-indicator_${props.size}`]:!0,[`g-check-indicator_view-${props.view}`]:!0,"g-check-indicator_checked":props.checked,"g-check-indicator_disabled":props.disabled,[`g-check-indicator_${props.state}`]:!!props.state}]),style:vue.normalizeStyle(vue.unref(colorStyles))},[props.kind==="switch"?(vue.openBlock(),vue.createElementBlock("span",_hoisted_1,[..._cache[0]||(_cache[0]=[vue.createElementVNode("span",{class:"g-check-indicator__switch-thumb"},null,-1)])])):props.view==="squircle"?(vue.openBlock(),vue.createBlock(components_GSquircle.default,{key:1,class:"g-check-indicator__squircle",size:squircleSize.value,color:vue.unref(resolvedColor),state:vue.unref(resolvedState),variant:props.checked?"primary":"tonal",shadow:!1,border:props.checked?0:1,"border-color":"var(--g-check-indicator-shape-border)"},{default:vue.withCtx(()=>[props.kind==="checkbox"&&props.checked?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:"check",size:"14"})):props.kind==="radio"?(vue.openBlock(),vue.createElementBlock("span",_hoisted_2)):vue.createCommentVNode("",!0)]),_:1},8,["size","color","state","variant","border"])):(vue.openBlock(),vue.createElementBlock("span",_hoisted_3,[vue.createElementVNode("span",_hoisted_4,[props.kind==="checkbox"&&props.checked?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:"check",size:"14"})):props.kind==="radio"?(vue.openBlock(),vue.createElementBlock("span",_hoisted_5)):vue.createCommentVNode("",!0)])]))],6))}}),GCheckIndicator=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-f2de2eef"]]);exports.GCheckControl=GCheckControl;exports.GCheckIndicator=GCheckIndicator;exports.makeCheckBooleanControlProps=makeCheckBooleanControlProps;exports.makeCheckGroupBaseProps=makeCheckGroupBaseProps;exports.useCheckFocusWithin=useCheckFocusWithin;exports.useCheckGroupFocus=useCheckGroupFocus;exports.useFocused=useFocused;