@phila/phila-ui-radio 0.1.1 → 1.0.0-beta.11

package/dist/Radio.vue.d.ts

@@ -3,6 +3,6 @@ declare const _default: import('vue').DefineComponent<RadioProps, {}, {}, {}, {}
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<RadioProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;
 //# sourceMappingURL=Radio.vue.d.ts.map

package/dist/Radio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.vue.d.ts","sourceRoot":"","sources":["../src/Radio.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;;AAmH1C,wBASG"}
+{"version":3,"file":"Radio.vue.d.ts","sourceRoot":"","sources":["../src/Radio.vue"],"names":[],"mappings":"AAsKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;;AAmK1C,wBASG"}

package/dist/RadioGroup.vue.d.ts

@@ -1,8 +1,8 @@
 import { RadioGroupProps } from './index';
 declare const _default: import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: Record<string, boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<RadioGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, boolean>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=RadioGroup.vue.d.ts.map

package/dist/RadioGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../src/RadioGroup.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;AAyJ/C,wBASG"}
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../src/RadioGroup.vue"],"names":[],"mappings":"AA4HA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;AAwK/C,wBASG"}

package/dist/index.css

@@ -1 +1 @@
-.philaRadio[data-v-90692348]{display:flex;width:fit-content;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--spacing-s, .75rem)}.philaRadio input[data-v-90692348]{opacity:0;cursor:pointer;height:0;width:0}.radio-svg[data-v-90692348]{flex-shrink:0;overflow:visible}.radio-bg[data-v-90692348]{fill:var(--Schemes-Surface-Bright, #fafafa);stroke:var(--Schemes-Border, #cfcfcf);stroke-width:1}.radio-dot[data-v-90692348]{fill:none}.philaRadio:has(input:checked) .radio-svg .radio-bg[data-v-90692348]{fill:var(--Schemes-Primary, #0f33f5);stroke:var(--Schemes-Primary, #0f33f5)}.philaRadio:has(input:checked) .radio-svg .radio-dot[data-v-90692348]{fill:var(--Schemes-Surface-Bright, #fafafa)}.philaRadio[data-v-90692348]:focus-within{outline:2px solid var(--Schemes-Primary, #0f33f5);outline-offset:2px}.philaRadio-error .radio-svg .radio-bg[data-v-90692348]{stroke:var(--Schemes-Error, #cc0406);stroke-width:2}.philaRadio-enabled:hover .radio-svg .radio-bg[data-v-90692348]{stroke:var(--Schemes-Primary, #0f33f5);stroke-width:2}.philaRadio-disabled[data-v-90692348]{cursor:not-allowed;color:var(--Schemes-Surface-Variant, #a2a2a2)}.philaRadio-disabled .radio-svg .radio-bg[data-v-90692348]{stroke:var(--Schemes-Surface-Dim, #cfcfcf);stroke-width:1}.group-container[data-v-e831bcab]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, .5rem)}.labels-container[data-v-e831bcab]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2xs, .25rem);align-self:stretch}span[data-v-e831bcab]{display:block}.radio-container[data-v-e831bcab]{display:flex;padding:var(--spacing-m, 1rem);flex-direction:column;align-items:flex-start;gap:var(--spacing-m, 1rem);align-self:stretch}.radio-container-error[data-v-e831bcab]{border-radius:var(--border-radius-m, .75rem)}.error-message[data-v-e831bcab]{display:flex;align-items:center;gap:var(--spacing-s, .75rem);align-self:stretch;font-weight:600}
+.tooltip[data-v-af4a0398]{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;border-radius:var(--border-radius-xs);filter:drop-shadow(0px 1px 2px rgba(0,0,0,.3)) drop-shadow(0px 1px 3px rgba(0,0,0,.15));--tooltip-bg: var(--Schemes-On-Primary);background-color:var(--tooltip-bg);color:var(--Schemes-On-Background)}.tooltip.tooltip--grey[data-v-af4a0398]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-af4a0398]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center;width:max-content;max-width:min(18rem,calc(100vw - 3rem))}.tooltip.tooltip--rich[data-v-af4a0398]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:min(25rem,calc(100vw - 3rem));gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-af4a0398]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--top-right .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--top-center .tooltip__tail[data-v-af4a0398]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-af4a0398]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-af4a0398]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-af4a0398]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-af4a0398]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-af4a0398],.tooltip__title-row[data-v-af4a0398]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-af4a0398]{flex:1}.tooltip__dismiss[data-v-af4a0398]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-591a1092]{position:relative;display:inline-block}.tooltip-positioner[data-v-591a1092]{position:fixed;z-index:10010;width:max-content}.philaRadio-row[data-v-305d0fad]{display:inline-flex;align-items:center;gap:var(--spacing-xs, .5rem)}.philaRadio[data-v-305d0fad]{display:flex;width:fit-content;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--spacing-s, .75rem)}.philaRadio input[data-v-305d0fad]{opacity:0;cursor:pointer;height:0;width:0}.radio-svg[data-v-305d0fad]{flex-shrink:0;overflow:visible}.philaRadio__info[data-v-305d0fad]{display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:help;color:var(--Schemes-On-Surface-Variant, inherit)}.radio-bg[data-v-305d0fad]{fill:var(--Schemes-Surface-Bright, #fafafa);stroke:var(--Schemes-Border, #cfcfcf);stroke-width:1}.radio-dot[data-v-305d0fad]{fill:none}.philaRadio:has(input:checked) .radio-svg .radio-bg[data-v-305d0fad]{fill:var(--Schemes-Primary, #0f33f5);stroke:var(--Schemes-Primary, #0f33f5)}.philaRadio:has(input:checked) .radio-svg .radio-dot[data-v-305d0fad]{fill:var(--Schemes-Surface-Bright, #fafafa)}.philaRadio[data-v-305d0fad]:focus-within{outline:2px solid var(--Schemes-Primary, #0f33f5);outline-offset:2px}.philaRadio-error .radio-svg .radio-bg[data-v-305d0fad]{stroke:var(--Schemes-Error, #cc0406);stroke-width:2}.philaRadio-enabled:hover .radio-svg .radio-bg[data-v-305d0fad]{stroke:var(--Schemes-Primary, #0f33f5);stroke-width:2}.philaRadio-disabled[data-v-305d0fad]{cursor:not-allowed;color:var(--Schemes-Surface-Variant, #a2a2a2)}.philaRadio-disabled .radio-svg .radio-bg[data-v-305d0fad]{stroke:var(--Schemes-Surface-Dim, #cfcfcf);stroke-width:1}.group-container[data-v-af0e1574]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, .5rem)}.labels-container[data-v-af0e1574]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2xs, .25rem);align-self:stretch}span[data-v-af0e1574]{display:block}.radio-container[data-v-af0e1574]{display:flex;padding:var(--spacing-m, 1rem);flex-direction:column;align-items:flex-start;gap:var(--spacing-m, 1rem);align-self:stretch}.radio-container-error[data-v-af0e1574]{border-radius:var(--border-radius-m, .75rem)}.error-message[data-v-af0e1574]{display:flex;align-items:center;gap:var(--spacing-s, .75rem);align-self:stretch;font-weight:600}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export interface RadioProps extends BaseProps {
     name?: string;
     value: string;
     text: string;
+    tooltip?: string;
     modelValue?: string;
     disabled?: boolean;
     error?: boolean;
@@ -13,7 +14,7 @@ export interface RadioGroupProps extends BaseProps {
     groupLabel: string;
     description?: string;
     choices: RadioChoice[];
-    modelValue?: string;
+    modelValue?: Record<string, boolean>;
     error?: boolean;
     errorMessage?: string;
     disabled?: boolean;
@@ -22,5 +23,6 @@ export type RadioChoice = {
     text: string;
     value: string;
     disabled?: boolean;
+    tooltip?: string;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),r=require("@phila/phila-ui-core"),g=["for"],f=["id","name","value","checked","disabled"],b=e.defineComponent({__name:"Radio",props:{name:{},value:{},text:{},modelValue:{},disabled:{type:Boolean},error:{type:Boolean},className:{}},emits:["update:modelValue"],setup(t,{emit:n}){const a=t,l=n,o=r.generateRandomId(),d=e.computed(()=>a.modelValue!==void 0?a.modelValue===a.value:void 0);function c(){l("update:modelValue",a.value)}const i=e.computed(()=>r.cn("philaRadio","has-text-body-default",a.className,!a.disabled&&"philaRadio-enabled",a.disabled&&"philaRadio-disabled",a.error&&"philaRadio-error"));return(m,s)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(i.value),for:e.unref(o)},[s[0]||(s[0]=e.createElementVNode("svg",{class:"radio-svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},[e.createElementVNode("circle",{class:"radio-bg",cx:"10",cy:"10",r:"9.5"}),e.createElementVNode("circle",{class:"radio-dot",cx:"10",cy:"10",r:"4"})],-1)),e.createTextVNode(" "+e.toDisplayString(a.text)+" ",1),e.createElementVNode("input",{id:e.unref(o),type:"radio",name:a.name,value:a.value,checked:d.value,disabled:a.disabled,onChange:c},null,40,f)],10,g))}}),p=(t,n)=>{const a=t.__vccOpts||t;for(const[l,o]of n)a[l]=o;return a},v=p(b,[["__scopeId","data-v-90692348"]]);var x={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]};const V={class:"labels-container"},_={class:"has-text-body-default"},y={key:0,class:"error-message has-text-error content"},N=e.defineComponent({__name:"RadioGroup",props:{groupLabel:{},description:{},choices:{},modelValue:{},error:{type:Boolean},errorMessage:{},disabled:{type:Boolean},className:{}},emits:["update:modelValue"],setup(t,{emit:n}){const a=t,l=n,o=r.generateRandomId(),d=e.computed(()=>r.cn("group-container",a.className)),c=e.computed(()=>r.cn("radio-container",a.error&&"radio-container-error has-background-error")),i=e.computed(()=>r.cn("has-text-label-default",a.error&&"has-text-error"));function m(s){l("update:modelValue",s)}return(s,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value)},[e.createElementVNode("div",V,[e.createElementVNode("span",{class:e.normalizeClass(i.value)},e.toDisplayString(t.groupLabel),3),e.createElementVNode("span",_,e.toDisplayString(t.description),1)]),e.createElementVNode("div",{class:e.normalizeClass(c.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.choices,(u,h)=>(e.openBlock(),e.createBlock(v,{key:e.unref(o)+h,name:e.unref(o),value:u.value,text:u.text,"model-value":a.modelValue,disabled:a.disabled||u.disabled,error:a.error,"onUpdate:modelValue":m},null,8,["name","value","text","model-value","disabled","error"]))),128)),a.error?(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(e.unref(r.Icon),{style:{height:"fit-content",width:"fit-content",padding:"0"},size:"large",inline:"","aria-hidden":"true","icon-definition":e.unref(x)},null,8,["icon-definition"]),e.createTextVNode(" "+e.toDisplayString(t.errorMessage),1)])):e.createCommentVNode("",!0)],2)],2))}}),k=p(N,[["__scopeId","data-v-e831bcab"]]);exports.Radio=v;exports.RadioGroup=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),c=require("@phila/phila-ui-core"),E=require("@phila/phila-ui-core/icons"),F=["disabled"],S=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},icon:{},src:{},svgRaw:{}},setup(l){const o=l,t=i=>"href"in i&&i.href!==void 0||"to"in i&&i.to!==void 0,r=e.computed(()=>c.cn("phila-button",`phila-button--${o.variant}`,o.size&&`is-${o.size}`,o.iconOnly&&"icon-button",o.iconOnly&&o.variant==="standard"&&"icon-button--standard",o.className)),a=e.computed(()=>t(o)?"to"in o&&o.to!==void 0?{to:o.to,disabled:o.disabled,className:r.value}:{href:o.href,target:o.target,rel:o.rel,disabled:o.disabled,className:r.value}:{}),d=e.computed(()=>({icon:o.icon,src:o.src,iconRight:o.iconRight,iconOnly:o.iconOnly,text:o.text,size:o.size}));return(i,m)=>t(o)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...a.value,...i.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(d.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:o.disabled,class:r.value},i.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(d.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])]),_:3},16)],16,F))}}),U=["id"],q={key:0,class:"tooltip__tail","aria-hidden":"true"},A={key:1,class:"tooltip__plain-row has-text-body-small"},G={key:0,class:"tooltip__title-row"},H={key:0},j=e.defineComponent({__name:"TooltipBubble",props:{id:{},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"top-center"},title:{},dismissable:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(l){const o=l,t=e.computed(()=>c.cn("tooltip","content","resets-link-colors",`tooltip--${o.type}`,`tooltip--${o.color}`,o.tail&&`tooltip--${o.placement}`,o.className));return(r,a)=>(e.openBlock(),e.createElementBlock("div",{id:l.id,class:e.normalizeClass(t.value),role:"tooltip"},[l.tail?(e.openBlock(),e.createElementBlock("div",q)):e.createCommentVNode("",!0),l.type==="plain"?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(r.$slots,"default",{},void 0,!0),l.dismissable?(e.openBlock(),e.createBlock(e.unref(S),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,icon:e.unref(E.IconClose),"aria-label":"Dismiss tooltip",onClick:a[0]||(a[0]=d=>r.$emit("dismiss"))},null,8,["icon"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[l.title||l.dismissable?(e.openBlock(),e.createElementBlock("div",G,[l.title?(e.openBlock(),e.createElementBlock("h6",H,e.toDisplayString(l.title),1)):e.createCommentVNode("",!0),l.dismissable?(e.openBlock(),e.createBlock(e.unref(S),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,icon:e.unref(E.IconClose),"aria-label":"Dismiss tooltip",onClick:a[1]||(a[1]=d=>r.$emit("dismiss"))},null,8,["icon"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default",{},void 0,!0)],64))],10,U))}}),z=(l,o)=>{const t=l.__vccOpts||l;for(const[r,a]of o)t[r]=a;return t},K=z(j,[["__scopeId","data-v-af4a0398"]]),V=8,w=8,W=e.defineComponent({__name:"Tooltip",props:{trigger:{default:"hover"},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"auto"},title:{},dismissable:{type:Boolean},className:{}},setup(l,{expose:o}){const t=l,r=e.useId(),a=e.ref(!1),d=e.ref(null),i=e.ref(null),m=e.ref("top-center"),y=e.ref({top:0,left:0});let s=null;const h=()=>{const n=d.value?.getBoundingClientRect();if(!n)return"top-center";const{innerWidth:u,innerHeight:b}=window,k=n.top,R=b-n.bottom,_=i.value?.getBoundingClientRect().height??0,B=(_>0?k>=_:k>=R)?"top":"bottom",v=n.left+n.width/2,O=v<u/3?"left":v>u*2/3?"right":"center";return`${B}-${O}`};function g(){const n=d.value?.getBoundingClientRect(),u=i.value?.getBoundingClientRect();if(!n||!u)return;const{innerWidth:b,innerHeight:k}=window,[R,_]=m.value.split("-");let B=R==="top"?n.top-V-u.height:n.bottom+V,v;_==="center"?v=n.left+n.width/2-u.width/2:_==="left"?v=n.left-V:v=n.right+V-u.width,v=Math.min(Math.max(v,w),b-w-u.width),B=Math.min(Math.max(B,w),k-w-u.height),y.value={top:B,left:v}}const p=n=>{n.key==="Escape"&&f()},x=n=>{const u=n.target,b=d.value?.contains(u),k=i.value?.contains(u);!b&&!k&&f()},C=()=>{a.value&&g()},N=async()=>{s&&(clearTimeout(s),s=null),m.value=t.placement==="auto"?h():t.placement,a.value=!0,document.addEventListener("keydown",p),t.trigger==="click"&&document.addEventListener("click",x),window.addEventListener("scroll",C,!0),window.addEventListener("resize",C),await e.nextTick(),t.placement==="auto"&&(m.value=h()),g()},f=()=>{a.value=!1,s&&(clearTimeout(s),s=null),document.removeEventListener("keydown",p),document.removeEventListener("click",x),window.removeEventListener("scroll",C,!0),window.removeEventListener("resize",C)},$=()=>{if(t.trigger!=="hover")return f();s=setTimeout(f,100)},D=()=>{s&&(clearTimeout(s),s=null)},L=()=>{a.value?f():N()};e.onUnmounted(f),o({show:N,hide:f});const M=e.computed(()=>({type:t.type,color:t.color,tail:t.tail,placement:m.value,title:t.title,dismissable:t.dismissable})),P=e.computed(()=>({top:`${y.value.top}px`,left:`${y.value.left}px`,visibility:a.value?"visible":"hidden"}));return(n,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",e.mergeProps({ref_key:"wrapperEl",ref:d,class:e.unref(c.cn)("tooltip-trigger",t.className)},l.trigger==="click"?{onClick:L}:{onMouseenter:N,onMouseleave:$,onFocusin:N,onFocusout:f}),[e.renderSlot(n.$slots,"default",{tooltipId:e.unref(r),isOpen:a.value},void 0,!0)],16),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{ref_key:"bubbleEl",ref:i,class:"tooltip-positioner",style:e.normalizeStyle(P.value),onMouseenter:D,onMouseleave:$},[e.createVNode(K,e.mergeProps(M.value,{id:e.unref(r),onDismiss:f}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],36)]))],64))}}),X=z(W,[["__scopeId","data-v-591a1092"]]),Y={class:"philaRadio-row"},Z=["for"],J=["id","name","value","checked","disabled"],Q={type:"button",class:"philaRadio__info","aria-label":"More information"},ee=e.defineComponent({__name:"Radio",props:{name:{},value:{},text:{},tooltip:{},modelValue:{},disabled:{type:Boolean},error:{type:Boolean},className:{}},emits:["update:modelValue"],setup(l,{emit:o}){const t=l,r=o,a=c.generateRandomId(),d=e.computed(()=>t.modelValue!==void 0?t.modelValue===t.value:void 0);function i(){r("update:modelValue",t.value)}const m=e.computed(()=>c.cn("philaRadio","has-text-body-default",t.className,!t.disabled&&"philaRadio-enabled",t.disabled&&"philaRadio-disabled",t.error&&"philaRadio-error"));return(y,s)=>(e.openBlock(),e.createElementBlock("span",Y,[e.createElementVNode("label",{class:e.normalizeClass(m.value),for:e.unref(a)},[s[0]||(s[0]=e.createElementVNode("svg",{class:"radio-svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},[e.createElementVNode("circle",{class:"radio-bg",cx:"10",cy:"10",r:"9.5"}),e.createElementVNode("circle",{class:"radio-dot",cx:"10",cy:"10",r:"4"})],-1)),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),e.createElementVNode("input",{id:e.unref(a),type:"radio",name:t.name,value:t.value,checked:d.value,disabled:t.disabled,onChange:i},null,40,J)],10,Z),t.tooltip?(e.openBlock(),e.createBlock(e.unref(X),{key:0,trigger:"hover",class:"philaRadio__tooltip"},{body:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.tooltip),1)]),default:e.withCtx(()=>[e.createElementVNode("button",Q,[e.createVNode(e.unref(c.Icon),{icon:e.unref(E.IconCircleInfo),size:"small",inline:"",decorative:""},null,8,["icon"])])]),_:1})):e.createCommentVNode("",!0)]))}}),I=(l,o)=>{const t=l.__vccOpts||l;for(const[r,a]of o)t[r]=a;return t},T=I(ee,[["__scopeId","data-v-305d0fad"]]),te={class:"labels-container"},oe={class:"has-text-body-default"},le={key:0,class:"error-message has-text-error content"},ae=e.defineComponent({__name:"RadioGroup",props:{groupLabel:{},description:{},choices:{},modelValue:{},error:{type:Boolean},errorMessage:{},disabled:{type:Boolean},className:{}},emits:["update:modelValue"],setup(l,{emit:o}){const t=l,r=o,a=c.generateRandomId(),d=e.computed(()=>{const h=Object.entries(t.modelValue??{}).filter(([,g])=>g);return h.length>1,h[0]?.[0]??""}),i=e.computed(()=>c.cn("group-container",t.className)),m=e.computed(()=>c.cn("radio-container",t.error&&"radio-container-error has-background-error")),y=e.computed(()=>c.cn("has-text-label-default",t.error&&"has-text-error"));function s(h){const g={};for(const p of t.choices)g[String(p.value)]=String(p.value)===h;r("update:modelValue",g)}return(h,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.value)},[e.createElementVNode("div",te,[e.createElementVNode("span",{class:e.normalizeClass(y.value)},e.toDisplayString(l.groupLabel),3),e.createElementVNode("span",oe,e.toDisplayString(l.description),1)]),e.createElementVNode("div",{class:e.normalizeClass(m.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.choices,(p,x)=>(e.openBlock(),e.createBlock(T,{key:e.unref(a)+x,name:e.unref(a),value:p.value,text:p.text,tooltip:p.tooltip,"model-value":d.value,disabled:t.disabled||p.disabled,error:t.error,"onUpdate:modelValue":s},null,8,["name","value","text","tooltip","model-value","disabled","error"]))),128)),t.error?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(e.unref(c.Icon),{style:{height:"fit-content",width:"fit-content",padding:"0"},size:"large",inline:"","aria-hidden":"true",icon:e.unref(E.IconCircleExclamation)},null,8,["icon"]),e.createTextVNode(" "+e.toDisplayString(l.errorMessage),1)])):e.createCommentVNode("",!0)],2)],2))}}),ne=I(ae,[["__scopeId","data-v-af0e1574"]]);exports.Radio=T;exports.RadioGroup=ne;

package/dist/index.mjs

@@ -1,23 +1,277 @@
-import { defineComponent as x, computed as i, createElementBlock as c, openBlock as d, unref as r, normalizeClass as u, createElementVNode as o, createTextVNode as _, toDisplayString as m, createCommentVNode as C, Fragment as N, renderList as R, createBlock as B, createVNode as w } from "vue";
-import { generateRandomId as y, cn as p, Icon as z } from "@phila/phila-ui-core";
-import './index.css';const I = ["for"], E = ["id", "name", "value", "checked", "disabled"], L = /* @__PURE__ */ x({
+import { defineComponent as O, useId as se, ref as I, onUnmounted as ne, computed as v, createElementBlock as p, openBlock as r, Fragment as G, createElementVNode as m, createBlock as R, mergeProps as U, unref as s, renderSlot as N, Teleport as re, normalizeStyle as de, createVNode as M, withCtx as C, nextTick as ce, normalizeClass as L, createCommentVNode as x, toDisplayString as k, normalizeProps as W, guardReactiveProps as j, createTextVNode as T, renderList as ue } from "vue";
+import { cn as w, BaseLink as pe, ActionContent as X, generateRandomId as q, Icon as J } from "@phila/phila-ui-core";
+import { IconClose as Y, IconCircleInfo as me, IconCircleExclamation as ve } from "@phila/phila-ui-core/icons";
+import './index.css';const fe = ["disabled"], Z = /* @__PURE__ */ O({
+  inheritAttrs: !1,
+  __name: "PhlButton",
+  props: {
+    href: {},
+    to: {},
+    target: {},
+    rel: {},
+    disabled: { type: Boolean, default: !1 },
+    clickTarget: {},
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    iconOnly: { type: Boolean, default: !1 },
+    iconRight: { type: Boolean },
+    text: {},
+    className: {},
+    icon: {},
+    src: {},
+    svgRaw: {}
+  },
+  setup(o) {
+    const t = o, e = (n) => "href" in n && n.href !== void 0 || "to" in n && n.to !== void 0, i = v(() => w(
+      "phila-button",
+      `phila-button--${t.variant}`,
+      t.size && `is-${t.size}`,
+      t.iconOnly && "icon-button",
+      t.iconOnly && t.variant === "standard" && "icon-button--standard",
+      t.className
+    )), a = v(() => e(t) ? "to" in t && t.to !== void 0 ? {
+      to: t.to,
+      disabled: t.disabled,
+      className: i.value
+    } : {
+      href: t.href,
+      target: t.target,
+      rel: t.rel,
+      disabled: t.disabled,
+      className: i.value
+    } : {}), c = v(
+      () => ({
+        icon: t.icon,
+        src: t.src,
+        iconRight: t.iconRight,
+        iconOnly: t.iconOnly,
+        text: t.text,
+        size: t.size
+      })
+    );
+    return (n, h) => e(t) ? (r(), R(s(pe), U({ key: 0 }, { ...a.value, ...n.$attrs }, { role: "button" }), {
+      default: C(() => [
+        M(s(X), W(j(c.value)), {
+          default: C(() => [
+            N(n.$slots, "default", {}, () => [
+              T(k(t.text), 1)
+            ])
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 16)) : (r(), p("button", U({
+      key: 1,
+      type: "button",
+      disabled: t.disabled,
+      class: i.value
+    }, n.$attrs), [
+      M(s(X), W(j(c.value)), {
+        default: C(() => [
+          N(n.$slots, "default", {}, () => [
+            T(k(t.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16)
+    ], 16, fe));
+  }
+}), he = ["id"], be = {
+  key: 0,
+  class: "tooltip__tail",
+  "aria-hidden": "true"
+}, ge = {
+  key: 1,
+  class: "tooltip__plain-row has-text-body-small"
+}, ye = {
+  key: 0,
+  class: "tooltip__title-row"
+}, _e = { key: 0 }, ke = /* @__PURE__ */ O({
+  __name: "TooltipBubble",
+  props: {
+    id: {},
+    type: { default: "plain" },
+    color: { default: "default" },
+    tail: { type: Boolean, default: !1 },
+    placement: { default: "top-center" },
+    title: {},
+    dismissable: { type: Boolean, default: !1 },
+    className: {}
+  },
+  emits: ["dismiss"],
+  setup(o) {
+    const t = o, e = v(
+      () => w(
+        "tooltip",
+        "content",
+        "resets-link-colors",
+        `tooltip--${t.type}`,
+        `tooltip--${t.color}`,
+        t.tail && `tooltip--${t.placement}`,
+        t.className
+      )
+    );
+    return (i, a) => (r(), p("div", {
+      id: o.id,
+      class: L(e.value),
+      role: "tooltip"
+    }, [
+      o.tail ? (r(), p("div", be)) : x("", !0),
+      o.type === "plain" ? (r(), p("div", ge, [
+        N(i.$slots, "default", {}, void 0, !0),
+        o.dismissable ? (r(), R(s(Z), {
+          key: 0,
+          class: "tooltip__dismiss",
+          variant: "standard",
+          size: "extra-small",
+          "icon-only": !0,
+          icon: s(Y),
+          "aria-label": "Dismiss tooltip",
+          onClick: a[0] || (a[0] = (c) => i.$emit("dismiss"))
+        }, null, 8, ["icon"])) : x("", !0)
+      ])) : (r(), p(G, { key: 2 }, [
+        o.title || o.dismissable ? (r(), p("div", ye, [
+          o.title ? (r(), p("h6", _e, k(o.title), 1)) : x("", !0),
+          o.dismissable ? (r(), R(s(Z), {
+            key: 1,
+            class: "tooltip__dismiss",
+            variant: "standard",
+            size: "extra-small",
+            "icon-only": !0,
+            icon: s(Y),
+            "aria-label": "Dismiss tooltip",
+            onClick: a[1] || (a[1] = (c) => i.$emit("dismiss"))
+          }, null, 8, ["icon"])) : x("", !0)
+        ])) : x("", !0),
+        N(i.$slots, "default", {}, void 0, !0)
+      ], 64))
+    ], 10, he));
+  }
+}), Q = (o, t) => {
+  const e = o.__vccOpts || o;
+  for (const [i, a] of t)
+    e[i] = a;
+  return e;
+}, xe = /* @__PURE__ */ Q(ke, [["__scopeId", "data-v-af4a0398"]]), F = 8, H = 8, we = /* @__PURE__ */ O({
+  __name: "Tooltip",
+  props: {
+    trigger: { default: "hover" },
+    type: { default: "plain" },
+    color: { default: "default" },
+    tail: { type: Boolean, default: !1 },
+    placement: { default: "auto" },
+    title: {},
+    dismissable: { type: Boolean },
+    className: {}
+  },
+  setup(o, { expose: t }) {
+    const e = o, i = se(), a = I(!1), c = I(null), n = I(null), h = I("top-center"), $ = I({ top: 0, left: 0 });
+    let d = null;
+    const y = () => {
+      const l = c.value?.getBoundingClientRect();
+      if (!l) return "top-center";
+      const { innerWidth: u, innerHeight: E } = window, B = l.top, A = E - l.bottom, V = n.value?.getBoundingClientRect().height ?? 0, z = (V > 0 ? B >= V : B >= A) ? "top" : "bottom", g = l.left + l.width / 2, ie = g < u / 3 ? "left" : g > u * 2 / 3 ? "right" : "center";
+      return `${z}-${ie}`;
+    };
+    function _() {
+      const l = c.value?.getBoundingClientRect(), u = n.value?.getBoundingClientRect();
+      if (!l || !u) return;
+      const { innerWidth: E, innerHeight: B } = window, [A, V] = h.value.split("-");
+      let z = A === "top" ? l.top - F - u.height : l.bottom + F, g;
+      V === "center" ? g = l.left + l.width / 2 - u.width / 2 : V === "left" ? g = l.left - F : g = l.right + F - u.width, g = Math.min(Math.max(g, H), E - H - u.width), z = Math.min(Math.max(z, H), B - H - u.height), $.value = { top: z, left: g };
+    }
+    const f = (l) => {
+      l.key === "Escape" && b();
+    }, P = (l) => {
+      const u = l.target, E = c.value?.contains(u), B = n.value?.contains(u);
+      !E && !B && b();
+    }, S = () => {
+      a.value && _();
+    }, D = async () => {
+      d && (clearTimeout(d), d = null), h.value = e.placement === "auto" ? y() : e.placement, a.value = !0, document.addEventListener("keydown", f), e.trigger === "click" && document.addEventListener("click", P), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), await ce(), e.placement === "auto" && (h.value = y()), _();
+    }, b = () => {
+      a.value = !1, d && (clearTimeout(d), d = null), document.removeEventListener("keydown", f), document.removeEventListener("click", P), window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
+    }, K = () => {
+      if (e.trigger !== "hover") return b();
+      d = setTimeout(b, 100);
+    }, te = () => {
+      d && (clearTimeout(d), d = null);
+    }, oe = () => {
+      a.value ? b() : D();
+    };
+    ne(b), t({ show: D, hide: b });
+    const ae = v(() => ({
+      type: e.type,
+      color: e.color,
+      tail: e.tail,
+      placement: h.value,
+      title: e.title,
+      dismissable: e.dismissable
+    })), le = v(() => ({
+      top: `${$.value.top}px`,
+      left: `${$.value.left}px`,
+      visibility: a.value ? "visible" : "hidden"
+    }));
+    return (l, u) => (r(), p(G, null, [
+      m("span", U(
+        {
+          ref_key: "wrapperEl",
+          ref: c,
+          class: s(w)("tooltip-trigger", e.className)
+        },
+        o.trigger === "click" ? { onClick: oe } : { onMouseenter: D, onMouseleave: K, onFocusin: D, onFocusout: b }
+      ), [
+        N(l.$slots, "default", {
+          tooltipId: s(i),
+          isOpen: a.value
+        }, void 0, !0)
+      ], 16),
+      (r(), R(re, { to: "body" }, [
+        m("div", {
+          ref_key: "bubbleEl",
+          ref: n,
+          class: "tooltip-positioner",
+          style: de(le.value),
+          onMouseenter: te,
+          onMouseleave: K
+        }, [
+          M(xe, U(ae.value, {
+            id: s(i),
+            onDismiss: b
+          }), {
+            default: C(() => [
+              N(l.$slots, "body", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 16, ["id"])
+        ], 36)
+      ]))
+    ], 64));
+  }
+}), $e = /* @__PURE__ */ Q(we, [["__scopeId", "data-v-591a1092"]]), Be = { class: "philaRadio-row" }, Ce = ["for"], Re = ["id", "name", "value", "checked", "disabled"], Ne = {
+  type: "button",
+  class: "philaRadio__info",
+  "aria-label": "More information"
+}, Ee = /* @__PURE__ */ O({
   __name: "Radio",
   props: {
     name: {},
     value: {},
     text: {},
+    tooltip: {},
     modelValue: {},
     disabled: { type: Boolean },
     error: { type: Boolean },
     className: {}
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const e = a, n = l, t = y(), h = i(() => e.modelValue !== void 0 ? e.modelValue === e.value : void 0);
-    function v() {
-      n("update:modelValue", e.value);
+  setup(o, { emit: t }) {
+    const e = o, i = t, a = q(), c = v(() => e.modelValue !== void 0 ? e.modelValue === e.value : void 0);
+    function n() {
+      i("update:modelValue", e.value);
     }
-    const b = i(() => p(
+    const h = v(() => w(
       "philaRadio",
       "has-text-body-default",
       e.className,
@@ -25,59 +279,75 @@ import './index.css';const I = ["for"], E = ["id", "name", "value", "checked", "
       e.disabled && "philaRadio-disabled",
       e.error && "philaRadio-error"
     ));
-    return (g, s) => (d(), c("label", {
-      class: u(b.value),
-      for: r(t)
-    }, [
-      s[0] || (s[0] = o("svg", {
-        class: "radio-svg",
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": "true"
+    return ($, d) => (r(), p("span", Be, [
+      m("label", {
+        class: L(h.value),
+        for: s(a)
       }, [
-        o("circle", {
-          class: "radio-bg",
-          cx: "10",
-          cy: "10",
-          r: "9.5"
-        }),
-        o("circle", {
-          class: "radio-dot",
-          cx: "10",
-          cy: "10",
-          r: "4"
-        })
-      ], -1)),
-      _(" " + m(e.text) + " ", 1),
-      o("input", {
-        id: r(t),
-        type: "radio",
-        name: e.name,
-        value: e.value,
-        checked: h.value,
-        disabled: e.disabled,
-        onChange: v
-      }, null, 40, E)
-    ], 10, I));
+        d[0] || (d[0] = m("svg", {
+          class: "radio-svg",
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true"
+        }, [
+          m("circle", {
+            class: "radio-bg",
+            cx: "10",
+            cy: "10",
+            r: "9.5"
+          }),
+          m("circle", {
+            class: "radio-dot",
+            cx: "10",
+            cy: "10",
+            r: "4"
+          })
+        ], -1)),
+        T(" " + k(e.text) + " ", 1),
+        m("input", {
+          id: s(a),
+          type: "radio",
+          name: e.name,
+          value: e.value,
+          checked: c.value,
+          disabled: e.disabled,
+          onChange: n
+        }, null, 40, Re)
+      ], 10, Ce),
+      e.tooltip ? (r(), R(s($e), {
+        key: 0,
+        trigger: "hover",
+        class: "philaRadio__tooltip"
+      }, {
+        body: C(() => [
+          T(k(e.tooltip), 1)
+        ]),
+        default: C(() => [
+          m("button", Ne, [
+            M(s(J), {
+              icon: s(me),
+              size: "small",
+              inline: "",
+              decorative: ""
+            }, null, 8, ["icon"])
+          ])
+        ]),
+        _: 1
+      })) : x("", !0)
+    ]));
   }
-}), V = (a, l) => {
-  const e = a.__vccOpts || a;
-  for (const [n, t] of l)
-    e[n] = t;
+}), ee = (o, t) => {
+  const e = o.__vccOpts || o;
+  for (const [i, a] of t)
+    e[i] = a;
   return e;
-}, M = /* @__PURE__ */ V(L, [["__scopeId", "data-v-90692348"]]);
-var $ = {
-  prefix: "fas",
-  iconName: "circle-exclamation",
-  icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-};
-const G = { class: "labels-container" }, U = { class: "has-text-body-default" }, D = {
+}, Ve = /* @__PURE__ */ ee(Ee, [["__scopeId", "data-v-305d0fad"]]), ze = { class: "labels-container" }, Ie = { class: "has-text-body-default" }, Le = {
   key: 0,
   class: "error-message has-text-error content"
-}, F = /* @__PURE__ */ x({
+}, Me = /* @__PURE__ */ O({
   __name: "RadioGroup",
   props: {
     groupLabel: {},
@@ -90,48 +360,54 @@ const G = { class: "labels-container" }, U = { class: "has-text-body-default" },
     className: {}
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const e = a, n = l, t = y(), h = i(() => p("group-container", e.className)), v = i(() => p("radio-container", e.error && "radio-container-error has-background-error")), b = i(() => p("has-text-label-default", e.error && "has-text-error"));
-    function g(s) {
-      n("update:modelValue", s);
+  setup(o, { emit: t }) {
+    const e = o, i = t, a = q(), c = v(() => {
+      const y = Object.entries(e.modelValue ?? {}).filter(([, _]) => _);
+      return y.length > 1, y[0]?.[0] ?? "";
+    }), n = v(() => w("group-container", e.className)), h = v(() => w("radio-container", e.error && "radio-container-error has-background-error")), $ = v(() => w("has-text-label-default", e.error && "has-text-error"));
+    function d(y) {
+      const _ = {};
+      for (const f of e.choices) _[String(f.value)] = String(f.value) === y;
+      i("update:modelValue", _);
     }
-    return (s, O) => (d(), c("div", {
-      class: u(h.value)
+    return (y, _) => (r(), p("div", {
+      class: L(n.value)
     }, [
-      o("div", G, [
-        o("span", {
-          class: u(b.value)
-        }, m(a.groupLabel), 3),
-        o("span", U, m(a.description), 1)
+      m("div", ze, [
+        m("span", {
+          class: L($.value)
+        }, k(o.groupLabel), 3),
+        m("span", Ie, k(o.description), 1)
       ]),
-      o("div", {
-        class: u(v.value)
+      m("div", {
+        class: L(h.value)
       }, [
-        (d(!0), c(N, null, R(e.choices, (f, k) => (d(), B(M, {
-          key: r(t) + k,
-          name: r(t),
+        (r(!0), p(G, null, ue(e.choices, (f, P) => (r(), R(Ve, {
+          key: s(a) + P,
+          name: s(a),
           value: f.value,
           text: f.text,
-          "model-value": e.modelValue,
+          tooltip: f.tooltip,
+          "model-value": c.value,
           disabled: e.disabled || f.disabled,
           error: e.error,
-          "onUpdate:modelValue": g
-        }, null, 8, ["name", "value", "text", "model-value", "disabled", "error"]))), 128)),
-        e.error ? (d(), c("div", D, [
-          w(r(z), {
+          "onUpdate:modelValue": d
+        }, null, 8, ["name", "value", "text", "tooltip", "model-value", "disabled", "error"]))), 128)),
+        e.error ? (r(), p("div", Le, [
+          M(s(J), {
             style: { height: "fit-content", width: "fit-content", padding: "0" },
             size: "large",
             inline: "",
             "aria-hidden": "true",
-            "icon-definition": r($)
-          }, null, 8, ["icon-definition"]),
-          _(" " + m(a.errorMessage), 1)
-        ])) : C("", !0)
+            icon: s(ve)
+          }, null, 8, ["icon"]),
+          T(" " + k(o.errorMessage), 1)
+        ])) : x("", !0)
       ], 2)
     ], 2));
   }
-}), j = /* @__PURE__ */ V(F, [["__scopeId", "data-v-e831bcab"]]);
+}), Se = /* @__PURE__ */ ee(Me, [["__scopeId", "data-v-af0e1574"]]);
 export {
-  M as Radio,
-  j as RadioGroup
+  Ve as Radio,
+  Se as RadioGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phila/phila-ui-radio",
-  "version": "0.1.1",
+  "version": "1.0.0-beta.11",
   "type": "module",
   "description": "A radio input component for Phila UI.",
   "main": "./dist/index.js",
@@ -28,7 +28,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@phila/phila-ui-core": "2.4.0"
+    "@phila/phila-ui-core": "3.0.0-beta.9",
+    "@phila/phila-ui-tooltip": "0.1.0-beta.11"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",