@phila/phila-ui-filter-chip 0.2.0-beta.5 → 1.0.0-beta.7

package/dist/FilterChip.vue.d.ts

@@ -1,11 +1,11 @@
 import { FilterChipProps } from './index';
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FilterChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
-    "update:modelValue": (value: string | string[]) => any;
+    "update:modelValue": (value: Record<string, boolean>) => any;
     "update:selected": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<FilterChipProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, boolean>) => any) | undefined;
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
 }>, {
     text: string;
@@ -17,9 +17,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Fi
     label: string;
     choices: import('@phila/phila-ui-core').FilterChoice[];
     multiple: boolean;
+    showActions: boolean;
     applyText: string;
     resetText: string;
-    modelValue: string | string[] | boolean;
+    modelValue: Record<string, boolean>;
     selected: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRef: ({

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.vue.d.ts","sourceRoot":"","sources":["../src/FilterChip.vue"],"names":[],"mappings":"AAsLA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA4VinR,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA5ExvR,GAAG;;AAxQjC,wBAgUK;AAaL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FilterChip.vue.d.ts","sourceRoot":"","sources":["../src/FilterChip.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgXivO,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA7Ex3O,GAAG;;AA3RjC,wBAoVK;AAaL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/FilterChipDropdownPanel.vue.d.ts

@@ -4,8 +4,10 @@ type __VLS_Props = {
     label: string;
     choices: FilterChoice[];
     multiple: boolean;
-    /** committed value from the parent */
-    value: string | string[];
+    /** committed value from the parent — a map of choice value → selected */
+    value: Record<string, boolean>;
+    /** show Reset/Apply (draft + commit); off (default) = live apply */
+    showActions?: boolean;
     /** fixed-position coords computed from the trigger rect (desktop popover) */
     top: number;
     left: number;
@@ -16,13 +18,16 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     reset: () => any;
-    apply: (value: string | string[]) => any;
+    "update:modelValue": (value: Record<string, boolean>) => any;
+    apply: (value: Record<string, boolean>) => any;
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onReset?: (() => any) | undefined;
-    onApply?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, boolean>) => any) | undefined;
+    onApply?: ((value: Record<string, boolean>) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
+    showActions: boolean;
     mobile: boolean;
     applyText: string;
     resetText: string;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChipDropdownPanel.vue.d.ts","sourceRoot":"","sources":["../src/FilterChipDropdownPanel.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;;;;;;;;;YAHS,OAAO;eACJ,MAAM;eACN,MAAM;;AA2QtB,wBASG"}
+{"version":3,"file":"FilterChipDropdownPanel.vue.d.ts","sourceRoot":"","sources":["../src/FilterChipDropdownPanel.vue"],"names":[],"mappings":"AA2OA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;;;;;;;;;;;iBARc,OAAO;YAKZ,OAAO;eACJ,MAAM;eACN,MAAM;;AA4QtB,wBASG"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChipGroup.vue.d.ts","sourceRoot":"","sources":["../src/FilterChipGroup.vue"],"names":[],"mappings":"AAgQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;AAqU3E,wBAUG"}
+{"version":3,"file":"FilterChipGroup.vue.d.ts","sourceRoot":"","sources":["../src/FilterChipGroup.vue"],"names":[],"mappings":"AAkRA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;AAuV3E,wBAUG"}

package/dist/index.css

@@ -1 +1 @@
-.phila-filter-chip[data-v-40c7e692]{display:inline-flex;align-items:center;height:var(--scale-350, 1.75rem);cursor:pointer;border-style:solid;border-radius:var(--border-radius-l);white-space:nowrap;box-sizing:border-box;appearance:none;text-decoration:none;padding:var(--scale-25) var(--scale-75);gap:var(--spacing-xs);border-width:var(--border-width-s)}.phila-filter-chip.is-extra-large[data-v-40c7e692]{height:var(--scale-400, 2rem);padding:var(--scale-75) var(--spacing-xs);gap:var(--spacing-2xs)}.phila-filter-chip.is-large[data-v-40c7e692]{height:var(--scale-400, 2rem);padding:var(--scale-75) var(--spacing-xs)}.phila-filter-chip.is-small[data-v-40c7e692]{height:var(--scale-250, 1.25rem);padding:var(--scale-10) var(--spacing-2xs);gap:var(--spacing-2xs)}.phila-filter-chip.is-icon-only[data-v-40c7e692]{padding-left:var(--spacing-s, .75rem);padding-right:var(--spacing-s, .75rem)}.phila-filter-chip.phila-filter-chip--blue[data-v-40c7e692]{color:var(--Schemes-Inverse-Primary);border-color:var(--Schemes-Inverse-Primary);background:var(--Schemes-Info-Container)}.phila-filter-chip.phila-filter-chip--blue.is-active[data-v-40c7e692]{background:var(--Palettes-Secondary-Secondary-150);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Tertiary-Tertiary-100)}.phila-filter-chip.phila-filter-chip--blue[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Secondary-Secondary-600);color:var(--Palettes-Tertiary-Tertiary-50);border-color:var(--Palettes-Tertiary-Tertiary-100)}.phila-filter-chip.phila-filter-chip--grey[data-v-40c7e692]{color:var(--Palettes-Neutral-Variant-Neutral-Variant-200);border-color:var(--Schemes-Border-low);background:var(--Palettes-Neutral-Neutral-700)}.phila-filter-chip.phila-filter-chip--grey.is-active[data-v-40c7e692]{background:var(--Palettes-Neutral-Neutral-100);color:var(--Schemes-On-Primary);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--grey[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Neutral-Neutral-600);color:var(--Palettes-Neutral-Variant-Neutral-Variant-50);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--green[data-v-40c7e692]{color:var(--Palettes-Success-Success-100);border-color:var(--Palettes-Success-Success-150);background:var(--Palettes-Success-Success-700)}.phila-filter-chip.phila-filter-chip--green.is-active[data-v-40c7e692]{background:var(--Palettes-Success-Success-200);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Success-Success-200)}.phila-filter-chip.phila-filter-chip--green[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Success-Success-600);color:var(--Palettes-Success-Success-100);border-color:var(--Palettes-Success-Success-150)}.phila-filter-chip.phila-filter-chip--red[data-v-40c7e692]{color:var(--Schemes-On-Error-Container);border-color:var(--Schemes-On-Error-Container);background:var(--Schemes-Error-Container)}.phila-filter-chip.phila-filter-chip--red.is-active[data-v-40c7e692]{background:var(--Palettes-Error-Error-250);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Error-Error-150)}.phila-filter-chip.phila-filter-chip--red[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Error-Error-650);color:var(--Palettes-Error-Error-200);border-color:var(--Palettes-Error-Error-150)}.phila-filter-chip.phila-filter-chip--white[data-v-40c7e692]{color:var(--Palettes-Neutral-Variant-Neutral-Variant-200);border-color:var(--Schemes-Border-low);background:var(--Schemes-On-Primary)}.phila-filter-chip.phila-filter-chip--white.is-active[data-v-40c7e692]{background:var(--Palettes-Neutral-Neutral-100);color:var(--Schemes-On-Primary);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--white[data-v-40c7e692]:hover:not(:disabled){background:var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-Inverse-Surface);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--yellow[data-v-40c7e692]{color:var(--Schemes-On-Alert-Container);border-color:var(--Palettes-Alert-Alert-150);background:var(--Palettes-Alert-Alert-700)}.phila-filter-chip.phila-filter-chip--yellow.is-active[data-v-40c7e692]{background:var(--Palettes-Alert-Alert-250);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Alert-Alert-150)}.phila-filter-chip.phila-filter-chip--yellow[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Alert-Alert-550);color:var(--Schemes-On-Alert-Container);border-color:var(--Palettes-Alert-Alert-150)}.phila-filter-chip[data-v-40c7e692]:focus-visible{outline:2px solid currentColor;outline-offset:var(--spacing-2xs)}.phila-filter-chip[data-v-40c7e692] .icon{color:var(--chip-icon-color, currentColor)}.phila-filter-chip[data-v-40c7e692] .icon path{fill:var(--chip-icon-color, currentColor)}.phila-filter-chip-panel{position:fixed;z-index:1000;min-width:12rem;background:var(--Schemes-Background);border:var(--border-width-s) solid var(--Schemes-Border);border-radius:var(--border-radius-s);box-shadow:0 4px 8px #0000001a;padding:var(--spacing-s, .75rem);display:flex;flex-direction:column;gap:var(--spacing-s, .75rem)}.phila-filter-chip-panel__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s, .75rem)}.phila-filter-chip-sheet__scrim{position:fixed;inset:0;z-index:1000;background:#0000004d}.phila-filter-chip-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;background:var(--Schemes-Background);border-top-left-radius:var(--border-radius-l, 1rem);border-top-right-radius:var(--border-radius-l, 1rem);box-shadow:0 -4px 16px #00000026;padding:var(--spacing-m, 1rem);display:flex;flex-direction:column;gap:var(--spacing-s, .75rem);max-height:80vh;overflow-y:auto}.phila-filter-chip-sheet__header{display:flex;align-items:center;justify-content:space-between}.phila-filter-chip-sheet__title{font-weight:700;font-family:var(--Body-Default-font-body-default-family, "Montserrat", sans-serif)}.phila-filter-chip-sheet__footer{display:flex;gap:var(--spacing-s, .75rem);margin-top:var(--spacing-xs, .5rem)}.phila-filter-chip-sheet__footer>*{flex:1}.phila-filter-chip-sheet__close{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;color:var(--Schemes-On-Surface, inherit)}.phila-filter-chip-sheet .labels-container{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phila-filter-chip-panel .phila-filter-chip-panel__reset{background:none;border:none;padding:0;cursor:pointer;color:var(--Schemes-Primary);text-decoration:underline;font-weight:600}.phila-filter-chip-panel .phila-filter-chip-panel__reset:focus-visible{outline:2px solid var(--Schemes-Primary);outline-offset:2px}.phila-filter-chip-group[data-v-8e691eda]{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.phila-filter-chip-group__viewport[data-v-8e691eda]{position:relative}.phila-filter-chip-group__label[data-v-8e691eda]{padding-inline:var(--spacing-m)}.phila-filter-chip-group__row[data-v-8e691eda]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-inline:var(--spacing-m)}.phila-filter-chip-group__row[data-v-8e691eda]::-webkit-scrollbar{display:none}.phila-filter-chip-group__arrow[data-v-8e691eda]{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;border:var(--border-width-s) solid var(--Schemes-Border);background:var(--Schemes-Background);color:var(--Schemes-On-Surface);box-shadow:0 6px 8px -2px #00000059;cursor:pointer}.phila-filter-chip-group__arrow--left[data-v-8e691eda]{left:var(--spacing-m)}.phila-filter-chip-group__arrow--right[data-v-8e691eda]{right:var(--spacing-m)}@media(hover:hover)and (pointer:fine){.phila-filter-chip-group__viewport:hover .phila-filter-chip-group__arrow[data-v-8e691eda]{display:flex}}.phila-filter-chip-group.is-elevated[data-v-8e691eda] .phila-filter-chip{box-shadow:0 2px 4px #0003}.phila-filter-chip-group.is-elevated .phila-filter-chip-group__row[data-v-8e691eda]{padding-top:2px;padding-bottom:8px}
+.phila-filter-chip[data-v-40c7e692]{display:inline-flex;align-items:center;height:var(--scale-350, 1.75rem);cursor:pointer;border-style:solid;border-radius:var(--border-radius-l);white-space:nowrap;box-sizing:border-box;appearance:none;text-decoration:none;padding:var(--scale-25) var(--scale-75);gap:var(--spacing-xs);border-width:var(--border-width-s)}.phila-filter-chip.is-extra-large[data-v-40c7e692]{height:var(--scale-400, 2rem);padding:var(--scale-75) var(--spacing-xs);gap:var(--spacing-2xs)}.phila-filter-chip.is-large[data-v-40c7e692]{height:var(--scale-400, 2rem);padding:var(--scale-75) var(--spacing-xs)}.phila-filter-chip.is-small[data-v-40c7e692]{height:var(--scale-250, 1.25rem);padding:var(--scale-10) var(--spacing-2xs);gap:var(--spacing-2xs)}.phila-filter-chip.is-icon-only[data-v-40c7e692]{padding-left:var(--spacing-s, .75rem);padding-right:var(--spacing-s, .75rem)}.phila-filter-chip.phila-filter-chip--blue[data-v-40c7e692]{color:var(--Schemes-Inverse-Primary);border-color:var(--Schemes-Inverse-Primary);background:var(--Schemes-Info-Container)}.phila-filter-chip.phila-filter-chip--blue.is-active[data-v-40c7e692]{background:var(--Palettes-Secondary-Secondary-150);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Tertiary-Tertiary-100)}.phila-filter-chip.phila-filter-chip--blue[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Secondary-Secondary-600);color:var(--Palettes-Tertiary-Tertiary-50);border-color:var(--Palettes-Tertiary-Tertiary-100)}.phila-filter-chip.phila-filter-chip--grey[data-v-40c7e692]{color:var(--Palettes-Neutral-Variant-Neutral-Variant-200);border-color:var(--Schemes-Border-low);background:var(--Palettes-Neutral-Neutral-700)}.phila-filter-chip.phila-filter-chip--grey.is-active[data-v-40c7e692]{background:var(--Palettes-Neutral-Neutral-100);color:var(--Schemes-On-Primary);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--grey[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Neutral-Neutral-600);color:var(--Palettes-Neutral-Variant-Neutral-Variant-50);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--green[data-v-40c7e692]{color:var(--Palettes-Success-Success-100);border-color:var(--Palettes-Success-Success-150);background:var(--Palettes-Success-Success-700)}.phila-filter-chip.phila-filter-chip--green.is-active[data-v-40c7e692]{background:var(--Palettes-Success-Success-200);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Success-Success-200)}.phila-filter-chip.phila-filter-chip--green[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Success-Success-600);color:var(--Palettes-Success-Success-100);border-color:var(--Palettes-Success-Success-150)}.phila-filter-chip.phila-filter-chip--red[data-v-40c7e692]{color:var(--Schemes-On-Error-Container);border-color:var(--Schemes-On-Error-Container);background:var(--Schemes-Error-Container)}.phila-filter-chip.phila-filter-chip--red.is-active[data-v-40c7e692]{background:var(--Palettes-Error-Error-250);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Error-Error-150)}.phila-filter-chip.phila-filter-chip--red[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Error-Error-650);color:var(--Palettes-Error-Error-200);border-color:var(--Palettes-Error-Error-150)}.phila-filter-chip.phila-filter-chip--white[data-v-40c7e692]{color:var(--Palettes-Neutral-Variant-Neutral-Variant-200);border-color:var(--Schemes-Border-low);background:var(--Schemes-On-Primary)}.phila-filter-chip.phila-filter-chip--white.is-active[data-v-40c7e692]{background:var(--Palettes-Neutral-Neutral-100);color:var(--Schemes-On-Primary);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--white[data-v-40c7e692]:hover:not(:disabled){background:var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-Inverse-Surface);border-color:var(--Schemes-Border-low)}.phila-filter-chip.phila-filter-chip--yellow[data-v-40c7e692]{color:var(--Schemes-On-Alert-Container);border-color:var(--Palettes-Alert-Alert-150);background:var(--Palettes-Alert-Alert-700)}.phila-filter-chip.phila-filter-chip--yellow.is-active[data-v-40c7e692]{background:var(--Palettes-Alert-Alert-250);color:var(--Schemes-On-Primary);border-color:var(--Palettes-Alert-Alert-150)}.phila-filter-chip.phila-filter-chip--yellow[data-v-40c7e692]:hover:not(:disabled){background:var(--Palettes-Alert-Alert-550);color:var(--Schemes-On-Alert-Container);border-color:var(--Palettes-Alert-Alert-150)}.phila-filter-chip[data-v-40c7e692]:focus-visible{outline:2px solid currentColor;outline-offset:var(--spacing-2xs)}.phila-filter-chip[data-v-40c7e692] .icon{color:var(--chip-icon-color, currentColor)}.phila-filter-chip[data-v-40c7e692] .icon path{fill:var(--chip-icon-color, currentColor)}.phila-filter-chip-panel{position:fixed;z-index:1000;min-width:12rem;background:var(--Schemes-Background);border:var(--border-width-s) solid var(--Schemes-Border);border-radius:var(--border-radius-s);box-shadow:0 4px 8px #0000001a;padding:var(--spacing-s, .75rem);display:flex;flex-direction:column;gap:var(--spacing-s, .75rem)}.phila-filter-chip-panel__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s, .75rem)}.phila-filter-chip-sheet__scrim{position:fixed;inset:0;z-index:1000;background:#0000004d}.phila-filter-chip-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;background:var(--Schemes-Background);border-top-left-radius:var(--border-radius-l, 1rem);border-top-right-radius:var(--border-radius-l, 1rem);box-shadow:0 -4px 16px #00000026;padding:var(--spacing-m, 1rem);display:flex;flex-direction:column;gap:var(--spacing-s, .75rem);max-height:80vh;overflow-y:auto}.phila-filter-chip-sheet__header{display:flex;align-items:center;justify-content:space-between}.phila-filter-chip-sheet__title{font-weight:700;font-family:var(--Body-Default-font-body-default-family, "Montserrat", sans-serif)}.phila-filter-chip-sheet__footer{display:flex;gap:var(--spacing-s, .75rem);margin-top:var(--spacing-xs, .5rem)}.phila-filter-chip-sheet__footer>*{flex:1}.phila-filter-chip-sheet__close{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;color:var(--Schemes-On-Surface, inherit)}.phila-filter-chip-sheet .labels-container,.phila-filter-chip-panel .labels-container{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phila-filter-chip-panel .phila-filter-chip-panel__reset{background:none;border:none;padding:0;cursor:pointer;color:var(--Schemes-Primary);text-decoration:underline;font-weight:600}.phila-filter-chip-panel .phila-filter-chip-panel__reset:focus-visible{outline:2px solid var(--Schemes-Primary);outline-offset:2px}.phila-filter-chip-group[data-v-074e8b43]{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.phila-filter-chip-group__viewport[data-v-074e8b43]{position:relative}.phila-filter-chip-group__label[data-v-074e8b43]{padding-inline:var(--spacing-m)}.phila-filter-chip-group__row[data-v-074e8b43]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-inline:var(--spacing-m)}.phila-filter-chip-group__row[data-v-074e8b43]::-webkit-scrollbar{display:none}.phila-filter-chip-group__arrow[data-v-074e8b43]{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;border:var(--border-width-s) solid var(--Schemes-Border);background:var(--Schemes-Background);color:var(--Schemes-On-Surface);box-shadow:0 6px 8px -2px #00000059;cursor:pointer}.phila-filter-chip-group__arrow--left[data-v-074e8b43]{left:var(--spacing-m)}.phila-filter-chip-group__arrow--right[data-v-074e8b43]{right:var(--spacing-m)}@media(hover:hover)and (pointer:fine){.phila-filter-chip-group__viewport:hover .phila-filter-chip-group__arrow[data-v-074e8b43]{display:flex}}.phila-filter-chip-group.is-elevated[data-v-074e8b43] .phila-filter-chip{box-shadow:0 2px 4px #0003}.phila-filter-chip-group.is-elevated .phila-filter-chip-group__row[data-v-074e8b43]{padding-top:2px;padding-bottom:8px}

package/dist/index.d.ts

@@ -21,8 +21,10 @@ export interface FilterChipProps extends BaseProps {
     choices?: FilterChoice[];
     /** Dropdown mode: multi (checkbox) vs single (radio). */
     multiple?: boolean;
-    /** Dropdown mode: bound value (string for single, string[] for multi). */
-    modelValue?: string | string[] | boolean;
+    /** Dropdown mode: bound value — a map of choice value → selected. */
+    modelValue?: Record<string, boolean>;
+    /** Dropdown mode: show Reset/Apply buttons (draft + commit). Default false = live apply. */
+    showActions?: boolean;
     applyText?: string;
     resetText?: string;
 }

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACd,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErF,uFAAuF;AACvF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACd,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErF,uFAAuF;AACvF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,4FAA4F;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),b=require("@phila/phila-ui-core"),w=require("@phila/phila-ui-core/icons"),F=require("@phila/phila-ui-radio"),L=require("@phila/phila-ui-checkbox"),S=require("@phila/phila-ui-button"),R=["aria-pressed","aria-expanded"],N="xxsmall",O=e.defineComponent({__name:"FilterChipBase",props:{text:{default:void 0},size:{default:"medium"},color:{default:"blue"},icon:{type:[Function,Object],default:void 0},iconColor:{default:void 0},trailingIcon:{type:[Function,Object],default:void 0},iconOnly:{type:Boolean,default:!1},active:{type:Boolean,default:!1},chevron:{type:Boolean,default:!1},ariaPressed:{type:Boolean},ariaExpanded:{type:Boolean}},emits:["click"],setup(l,{expose:u}){const t=l,a=e.ref(null),n=e.computed(()=>b.cn("phila-filter-chip",`phila-filter-chip--${t.color}`,t.size!=="medium"&&`is-${t.size}`,"has-text-body-"+s(t.size),t.active&&"is-active",t.iconOnly&&"is-icon-only"));u({el:a});const s=r=>{switch(r){case"extra-large":return"default";case"large":return"small";default:return"extra-small"}};return(r,h)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"rootEl",ref:a,type:"button",class:e.normalizeClass(n.value),style:e.normalizeStyle(l.iconColor?{"--chip-icon-color":l.iconColor}:void 0),"aria-pressed":l.ariaPressed,"aria-expanded":l.ariaExpanded,onClick:h[0]||(h[0]=v=>r.$emit("click",v))},[e.createVNode(e.unref(b.ActionContent),{icon:l.icon,size:l.size,inline:"","icon-size":N,"icon-only":l.iconOnly},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.text),1)],!0)]),_:3},8,["icon","size","icon-only"]),l.chevron?(e.openBlock(),e.createBlock(e.unref(b.Icon),{key:0,icon:e.unref(w.IconChevronDown),size:"xxsmall",inline:"",decorative:"",class:"phila-filter-chip__chevron"},null,8,["icon"])):l.trailingIcon?(e.openBlock(),e.createBlock(e.unref(b.Icon),{key:1,icon:l.trailingIcon,size:N,inline:"",decorative:""},null,8,["icon"])):e.createCommentVNode("",!0)],14,R))}}),I=(l,u)=>{const t=l.__vccOpts||l;for(const[a,n]of u)t[a]=n;return t},E=I(O,[["__scopeId","data-v-40c7e692"]]),U=["id","aria-label"],M={key:0,class:"phila-filter-chip-sheet__header"},q={class:"phila-filter-chip-sheet__title"},G={key:3,class:"phila-filter-chip-sheet__footer"},H={key:4,class:"phila-filter-chip-panel__footer"},j=e.defineComponent({__name:"FilterChipDropdownPanel",props:{menuId:{},label:{},choices:{},multiple:{type:Boolean},value:{},top:{},left:{},mobile:{type:Boolean,default:!1},applyText:{default:"Apply"},resetText:{default:"Reset"}},emits:["apply","reset","close"],setup(l,{emit:u}){const t=l,a=u,n=e.ref(typeof t.value=="string"?t.value:""),s=e.ref(Array.isArray(t.value)?[...t.value]:[]);e.watch(()=>t.value,c=>{t.multiple?s.value=Array.isArray(c)?[...c]:[]:n.value=typeof c=="string"?c:""});const r=e.computed(()=>t.choices.map(c=>({text:c.text,value:c.value}))),h=e.computed(()=>t.multiple?s.value.length:n.value?1:0),v=e.computed(()=>h.value>0?`${t.applyText} (${h.value})`:t.applyText),k=()=>{n.value="",s.value=[],a("reset")},d=()=>{a("apply",t.multiple?[...s.value]:n.value)};return(c,m)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.mobile?(e.openBlock(),e.createElementBlock("div",{key:0,class:"phila-filter-chip-sheet__scrim",onClick:m[0]||(m[0]=y=>a("close"))})):e.createCommentVNode("",!0),e.createElementVNode("div",{id:l.menuId,class:e.normalizeClass(l.mobile?"phila-filter-chip-sheet":"phila-filter-chip-panel"),role:"dialog","aria-label":l.label,style:e.normalizeStyle(l.mobile?void 0:{top:l.top+"px",left:l.left+"px"})},[l.mobile?(e.openBlock(),e.createElementBlock("header",M,[e.createElementVNode("span",q,e.toDisplayString(l.label),1),e.createElementVNode("button",{type:"button",class:"phila-filter-chip-sheet__close","aria-label":"Close",onClick:m[1]||(m[1]=y=>a("close"))}," ✕ ")])):e.createCommentVNode("",!0),l.multiple?(e.openBlock(),e.createBlock(e.unref(L.CheckboxGroup),{key:1,"group-label":l.label,choices:r.value,"model-value":s.value,"onUpdate:modelValue":m[2]||(m[2]=y=>s.value=y)},null,8,["group-label","choices","model-value"])):(e.openBlock(),e.createBlock(e.unref(F.RadioGroup),{key:2,"group-label":l.label,choices:r.value,"model-value":n.value,"onUpdate:modelValue":m[3]||(m[3]=y=>n.value=y)},null,8,["group-label","choices","model-value"])),l.mobile?(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(e.unref(S.PhilaButton),{variant:"secondary",text:l.resetText,onClick:k},null,8,["text"]),e.createVNode(e.unref(S.PhilaButton),{variant:"primary",text:v.value,onClick:d},null,8,["text"])])):(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("button",{type:"button",class:"phila-filter-chip-panel__reset has-text-body-small",onClick:k},e.toDisplayString(l.resetText),1),e.createVNode(e.unref(S.PhilaButton),{variant:"primary",size:"small",text:l.applyText,onClick:d},null,8,["text"])]))],14,U)]))}}),$="(max-width: 1064px) and (max-height: 915px)";function W(){const l=e.ref(typeof window<"u"&&window.matchMedia($).matches);let u=null;function t(a){l.value=a.matches}return e.onMounted(()=>{u=window.matchMedia($),l.value=u.matches,u.addEventListener("change",t)}),e.onBeforeUnmount(()=>{u?.removeEventListener("change",t)}),{isMobile:l}}let X=0;const A=e.defineComponent({__name:"FilterChip",props:{label:{default:void 0},text:{default:void 0},size:{default:"medium"},color:{default:"blue"},icon:{type:[Function,Object],default:void 0},iconColor:{default:void 0},trailingIcon:{type:[Function,Object],default:void 0},selected:{type:Boolean,default:!1},choices:{default:void 0},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array,Boolean],default:void 0},applyText:{default:"Apply"},resetText:{default:"Reset"},className:{}},emits:["update:selected","update:modelValue","click"],setup(l,{emit:u}){const t=l,a=u,n=e.computed(()=>Array.isArray(t.choices)),s=e.useSlots(),r=e.computed(()=>!n.value&&!!t.icon&&!t.text&&!t.label&&!s.default);function h(p){a("update:selected",!t.selected),a("click",p)}const v=`phila-filter-chip-${e.useId()}-${++X}`,{isVisible:k,setVisibility:d}=b.useVisibility({id:v,group:"phila-filter-chip",outsideClickHide:!0,escapeKeyHide:!0,showSingle:!0}),c=e.computed(()=>k(v)),{isMobile:m}=W(),y=e.ref(null),B=e.ref(0),x=e.ref(0),z=e.computed(()=>t.multiple?Array.isArray(t.modelValue)?t.modelValue:[]:typeof t.modelValue=="string"?t.modelValue:""),g=e.computed(()=>t.multiple?Array.isArray(t.modelValue)&&t.modelValue.length>0:typeof t.modelValue=="string"&&t.modelValue!==""),i=e.computed(()=>t.multiple&&Array.isArray(t.modelValue)?t.modelValue.length:0),f=e.computed(()=>{const p=t.label??t.text??"";return i.value>0?`${p} (${i.value})`:p});function o(){const p=y.value?.el??null;if(!p)return;const V=p.getBoundingClientRect();B.value=V.bottom+4,x.value=V.left}function C(){c.value&&d(!1)}e.watch(c,p=>{p&&!m.value?window.addEventListener("scroll",C,{capture:!0}):window.removeEventListener("scroll",C,{capture:!0})});function T(){const p=!c.value;p&&!m.value&&o(),d(p)}function P(p){a("update:modelValue",p),d(!1)}function D(){a("update:modelValue",t.multiple?[]:"")}return(p,V)=>n.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(E,{ref_key:"triggerRef",ref:y,text:f.value,size:l.size,color:l.color,icon:l.icon,"icon-color":l.iconColor,active:g.value||c.value,chevron:"","aria-expanded":c.value,"data-toggle":`visibility-${v}`,onClick:T},null,8,["text","size","color","icon","icon-color","active","aria-expanded","data-toggle"]),c.value?(e.openBlock(),e.createBlock(j,{key:0,"menu-id":v,label:l.label??l.text??"",choices:l.choices,multiple:l.multiple,value:z.value,top:B.value,left:x.value,mobile:e.unref(m),"apply-text":l.applyText,"reset-text":l.resetText,onApply:P,onReset:D,onClose:V[0]||(V[0]=ee=>e.unref(d)(!1))},null,8,["label","choices","multiple","value","top","left","mobile","apply-text","reset-text"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(E,{key:1,size:l.size,color:l.color,icon:l.icon,"icon-color":l.iconColor,"trailing-icon":l.trailingIcon,"icon-only":r.value,active:l.selected,"aria-pressed":l.selected,onClick:h},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.text),1)])]),_:3},8,["size","color","icon","icon-color","trailing-icon","icon-only","active","aria-pressed"]))}}),K=5;function Q(){const l=e.ref(null),u=e.ref(!1);let t=!1,a=0,n=0,s=!1,r=null;const h=d=>{l.value&&d.pointerType!=="mouse"&&(t=!0,s=!1,a=d.clientX,n=l.value.scrollLeft)},v=d=>{if(!t||!l.value)return;const c=d.clientX-a;!s&&Math.abs(c)>K&&(s=!0,u.value=!0,l.value.setPointerCapture(d.pointerId),r=d.pointerId),s&&(l.value.scrollLeft=n-c)},k=()=>{if(l.value&&r!==null){try{l.value.releasePointerCapture(r)}catch{}r=null}t=!1,s&&setTimeout(()=>u.value=!1,0)};return e.onBeforeUnmount(k),{el:l,suppressClick:u,dragHandlers:{onPointerdown:h,onPointermove:v,onPointerup:k,onPointerleave:k}}}const Y={key:0,class:"phila-filter-chip-group__label has-text-label-default"},J={class:"phila-filter-chip-group__viewport"},Z=e.defineComponent({__name:"FilterChipGroup",props:{filters:{},modelValue:{default:()=>({})},label:{},size:{default:"medium"},color:{default:"blue"},filterButton:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},className:{}},emits:["update:modelValue","open-filters"],setup(l,{emit:u}){const t=l,a=u,n=e.computed(()=>{let i=0;for(const f of t.filters){if(f.excludeFromCount)continue;const o=t.modelValue[f.key];Array.isArray(o)?i+=o.length:typeof o=="string"?i+=o?1:0:o===!0&&(i+=1)}return i}),s=e.computed(()=>n.value>0?`Filters (${n.value} selected)`:"Filters"),{el:r,suppressClick:h,dragHandlers:v}=Q(),k=e.computed(()=>b.cn("phila-filter-chip-group",t.elevated&&"is-elevated",t.className));function d(i){return Array.isArray(i.choices)}function c(i,f){a("update:modelValue",{...t.modelValue,[i]:f})}function m(i){h.value&&(i.stopPropagation(),i.preventDefault())}const y=e.ref(!1),B=e.ref(!1);function x(){const i=r.value;i&&(y.value=i.scrollLeft>1,B.value=i.scrollLeft+i.clientWidth<i.scrollWidth-1)}function z(i){const f=r.value;f&&f.scrollBy({left:i*f.clientWidth*.8,behavior:"smooth"})}let g=null;return e.onMounted(()=>{e.nextTick(x),r.value&&(g=new ResizeObserver(()=>x()),g.observe(r.value))}),e.onBeforeUnmount(()=>{g?.disconnect(),g=null}),e.watch(()=>t.filters,()=>e.nextTick(x)),(i,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value)},[l.label?(e.openBlock(),e.createElementBlock("span",Y,e.toDisplayString(l.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[y.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"phila-filter-chip-group__arrow phila-filter-chip-group__arrow--left","aria-label":"Scroll filters left",onClick:f[0]||(f[0]=o=>z(-1))},[e.createVNode(e.unref(b.Icon),{icon:e.unref(w.IconChevronLeft),size:"xxsmall",inline:"",decorative:""},null,8,["icon"])])):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps({ref_key:"el",ref:r,class:"phila-filter-chip-group__row"},e.unref(v),{onClickCapture:m,onScroll:x}),[l.filterButton?(e.openBlock(),e.createBlock(E,{key:0,size:l.size,color:l.color,icon:e.unref(w.IconSliders),text:n.value>0?`(${n.value})`:"","icon-only":n.value===0,active:n.value>0,"aria-label":s.value,onClick:f[1]||(f[1]=o=>a("open-filters"))},null,8,["size","color","icon","text","icon-only","active","aria-label"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.filters,o=>(e.openBlock(),e.createBlock(A,{key:o.key,label:o.label,text:o.label,size:l.size,color:l.color,icon:o.icon,"icon-color":o.iconColor,choices:o.choices,multiple:o.multiple,"model-value":d(o)?l.modelValue[o.key]:void 0,selected:!d(o)&&l.modelValue[o.key]===!0,"onUpdate:modelValue":C=>c(o.key,C),"onUpdate:selected":C=>c(o.key,C)},null,8,["label","text","size","color","icon","icon-color","choices","multiple","model-value","selected","onUpdate:modelValue","onUpdate:selected"]))),128))],16),B.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"phila-filter-chip-group__arrow phila-filter-chip-group__arrow--right","aria-label":"Scroll filters right",onClick:f[2]||(f[2]=o=>z(1))},[e.createVNode(e.unref(b.Icon),{icon:e.unref(w.IconChevronRight),size:"xxsmall",inline:"",decorative:""},null,8,["icon"])])):e.createCommentVNode("",!0)])],2))}}),_=I(Z,[["__scopeId","data-v-8e691eda"]]);exports.FilterChip=A;exports.FilterChipGroup=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),C=require("@phila/phila-ui-core"),N=require("@phila/phila-ui-core/icons"),U=require("@phila/phila-ui-radio"),L=require("@phila/phila-ui-checkbox"),I=require("@phila/phila-ui-button"),j=["aria-pressed","aria-expanded"],O="xxsmall",R=e.defineComponent({__name:"FilterChipBase",props:{text:{default:void 0},size:{default:"medium"},color:{default:"blue"},icon:{type:[Function,Object],default:void 0},iconColor:{default:void 0},trailingIcon:{type:[Function,Object],default:void 0},iconOnly:{type:Boolean,default:!1},active:{type:Boolean,default:!1},chevron:{type:Boolean,default:!1},ariaPressed:{type:Boolean},ariaExpanded:{type:Boolean}},emits:["click"],setup(t,{expose:s}){const l=t,n=e.ref(null),u=e.computed(()=>C.cn("phila-filter-chip",`phila-filter-chip--${l.color}`,l.size!=="medium"&&`is-${l.size}`,"has-text-body-"+f(l.size),l.active&&"is-active",l.iconOnly&&"is-icon-only"));s({el:n});const f=c=>{switch(c){case"extra-large":return"default";case"large":return"small";default:return"extra-small"}};return(c,y)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"rootEl",ref:n,type:"button",class:e.normalizeClass(u.value),style:e.normalizeStyle(t.iconColor?{"--chip-icon-color":t.iconColor}:void 0),"aria-pressed":t.ariaPressed,"aria-expanded":t.ariaExpanded,onClick:y[0]||(y[0]=h=>c.$emit("click",h))},[e.createVNode(e.unref(C.ActionContent),{icon:t.icon,size:t.size,inline:"","icon-size":O,"icon-only":t.iconOnly},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)],!0)]),_:3},8,["icon","size","icon-only"]),t.chevron?(e.openBlock(),e.createBlock(e.unref(C.Icon),{key:0,icon:e.unref(N.IconChevronDown),size:"xxsmall",inline:"",decorative:"",class:"phila-filter-chip__chevron"},null,8,["icon"])):t.trailingIcon?(e.openBlock(),e.createBlock(e.unref(C.Icon),{key:1,icon:t.trailingIcon,size:O,inline:"",decorative:""},null,8,["icon"])):e.createCommentVNode("",!0)],14,j))}}),P=(t,s)=>{const l=t.__vccOpts||t;for(const[n,u]of s)l[n]=u;return l},T=P(R,[["__scopeId","data-v-40c7e692"]]),M=["id","aria-label"],q={key:0,class:"phila-filter-chip-sheet__header"},G={class:"phila-filter-chip-sheet__title"},H={key:0,class:"phila-filter-chip-sheet__footer"},W={key:1,class:"phila-filter-chip-panel__footer"},X=e.defineComponent({__name:"FilterChipDropdownPanel",props:{menuId:{},label:{},choices:{},multiple:{type:Boolean},value:{},showActions:{type:Boolean,default:!1},top:{},left:{},mobile:{type:Boolean,default:!1},applyText:{default:"Apply"},resetText:{default:"Reset"}},emits:["update:modelValue","apply","reset","close"],setup(t,{emit:s}){const l=t,n=s;function u(d){return Object.fromEntries(l.choices.map(v=>[v.value,!!d[v.value]]))}const f=e.ref(u(l.value));e.watch(()=>l.value,d=>f.value=u(d));const c=e.computed(()=>l.showActions?f.value:u(l.value)),y=e.computed(()=>Object.values(c.value).filter(Boolean).length),h=e.computed(()=>y.value>0?`${l.applyText} (${y.value})`:l.applyText),k=e.computed(()=>l.choices.map(d=>({text:d.text,value:d.value,tooltip:d.tooltip})));function p(d){l.showActions?f.value=d:n("update:modelValue",d)}const m=()=>{f.value=Object.fromEntries(l.choices.map(d=>[d.value,!1])),n("reset")},x=()=>n("apply",{...f.value});return(d,v)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[t.mobile?(e.openBlock(),e.createElementBlock("div",{key:0,class:"phila-filter-chip-sheet__scrim",onClick:v[0]||(v[0]=g=>n("close"))})):e.createCommentVNode("",!0),e.createElementVNode("div",{id:t.menuId,class:e.normalizeClass(t.mobile?"phila-filter-chip-sheet":"phila-filter-chip-panel"),role:"dialog","aria-label":t.label,style:e.normalizeStyle(t.mobile?void 0:{top:t.top+"px",left:t.left+"px"})},[t.mobile?(e.openBlock(),e.createElementBlock("header",q,[e.createElementVNode("span",G,e.toDisplayString(t.label),1),e.createElementVNode("button",{type:"button",class:"phila-filter-chip-sheet__close","aria-label":"Close",onClick:v[1]||(v[1]=g=>n("close"))}," ✕ ")])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createBlock(e.unref(L.CheckboxGroup),{key:1,"group-label":t.label,choices:k.value,"model-value":c.value,"onUpdate:modelValue":p},null,8,["group-label","choices","model-value"])):(e.openBlock(),e.createBlock(e.unref(U.RadioGroup),{key:2,"group-label":t.label,choices:k.value,"model-value":c.value,"onUpdate:modelValue":p},null,8,["group-label","choices","model-value"])),t.showActions?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.mobile?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(e.unref(I.PhilaButton),{variant:"secondary",text:t.resetText,onClick:m},null,8,["text"]),e.createVNode(e.unref(I.PhilaButton),{variant:"primary",text:h.value,onClick:x},null,8,["text"])])):(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("button",{type:"button",class:"phila-filter-chip-panel__reset has-text-body-small",onClick:m},e.toDisplayString(t.resetText),1),e.createVNode(e.unref(I.PhilaButton),{variant:"primary",size:"small",text:t.applyText,onClick:x},null,8,["text"])]))],64)):e.createCommentVNode("",!0)],14,M)]))}}),F="(max-width: 1064px) and (max-height: 915px)";function K(){const t=e.ref(typeof window<"u"&&window.matchMedia(F).matches);let s=null;function l(n){t.value=n.matches}return e.onMounted(()=>{s=window.matchMedia(F),t.value=s.matches,s.addEventListener("change",l)}),e.onBeforeUnmount(()=>{s?.removeEventListener("change",l)}),{isMobile:t}}let Q=0;const A=e.defineComponent({__name:"FilterChip",props:{label:{default:void 0},text:{default:void 0},size:{default:"medium"},color:{default:"blue"},icon:{type:[Function,Object],default:void 0},iconColor:{default:void 0},trailingIcon:{type:[Function,Object],default:void 0},selected:{type:Boolean,default:!1},choices:{default:void 0},multiple:{type:Boolean,default:!1},modelValue:{default:void 0},showActions:{type:Boolean,default:!1},applyText:{default:"Apply"},resetText:{default:"Reset"},className:{}},emits:["update:selected","update:modelValue","click"],setup(t,{emit:s}){const l=t,n=s,u=e.computed(()=>Array.isArray(l.choices)),f=e.useSlots(),c=e.computed(()=>!u.value&&!!l.icon&&!l.text&&!l.label&&!f.default);function y(i){n("update:selected",!l.selected),n("click",i)}const h=`phila-filter-chip-${e.useId()}-${++Q}`,{isVisible:k,setVisibility:p}=C.useVisibility({id:h,group:"phila-filter-chip",outsideClickHide:!0,escapeKeyHide:!0,showSingle:!0}),m=e.computed(()=>k(h)),{isMobile:x}=K(),d=e.ref(null),v=e.ref(0),g=e.ref(0),B=e.computed(()=>{const i=l.choices??[],V=l.modelValue??{};return Object.fromEntries(i.map($=>[$.value,!!V[$.value]]))}),w=e.computed(()=>Object.values(B.value).filter(Boolean).length),z=e.computed(()=>w.value>0),a=e.computed(()=>{const i=l.label??l.text??"";return w.value>0?`${i} (${w.value})`:i});function r(){const i=d.value?.el??null;if(!i)return;const V=i.getBoundingClientRect();v.value=V.bottom+4,g.value=V.left}function o(){m.value&&p(!1)}e.watch(m,i=>{i&&!x.value?window.addEventListener("scroll",o,{capture:!0}):window.removeEventListener("scroll",o,{capture:!0})});function b(){const i=!m.value;i&&!x.value&&r(),p(i)}function S(i){n("update:modelValue",i)}function E(i){n("update:modelValue",i),p(!1)}function D(){n("update:modelValue",Object.fromEntries((l.choices??[]).map(i=>[i.value,!1])))}return e.onMounted(()=>{u.value&&n("update:modelValue",B.value)}),(i,V)=>u.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(T,{ref_key:"triggerRef",ref:d,text:a.value,size:t.size,color:t.color,icon:t.icon,"icon-color":t.iconColor,active:z.value||m.value,chevron:"","aria-expanded":m.value,"data-toggle":`visibility-${h}`,onClick:b},null,8,["text","size","color","icon","icon-color","active","aria-expanded","data-toggle"]),m.value?(e.openBlock(),e.createBlock(X,{key:0,"menu-id":h,label:t.label??t.text??"",choices:t.choices,multiple:t.multiple,value:B.value,"show-actions":t.showActions,top:v.value,left:g.value,mobile:e.unref(x),"apply-text":t.applyText,"reset-text":t.resetText,"onUpdate:modelValue":S,onApply:E,onReset:D,onClose:V[0]||(V[0]=$=>e.unref(p)(!1))},null,8,["label","choices","multiple","value","show-actions","top","left","mobile","apply-text","reset-text"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(T,{key:1,size:t.size,color:t.color,icon:t.icon,"icon-color":t.iconColor,"trailing-icon":t.trailingIcon,"icon-only":c.value,active:t.selected,"aria-pressed":t.selected,onClick:y},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},8,["size","color","icon","icon-color","trailing-icon","icon-only","active","aria-pressed"]))}}),Y=5;function J(){const t=e.ref(null),s=e.ref(!1);let l=!1,n=0,u=0,f=!1,c=null;const y=p=>{t.value&&p.pointerType!=="mouse"&&(l=!0,f=!1,n=p.clientX,u=t.value.scrollLeft)},h=p=>{if(!l||!t.value)return;const m=p.clientX-n;!f&&Math.abs(m)>Y&&(f=!0,s.value=!0,t.value.setPointerCapture(p.pointerId),c=p.pointerId),f&&(t.value.scrollLeft=u-m)},k=()=>{if(t.value&&c!==null){try{t.value.releasePointerCapture(c)}catch{}c=null}l=!1,f&&setTimeout(()=>s.value=!1,0)};return e.onBeforeUnmount(k),{el:t,suppressClick:s,dragHandlers:{onPointerdown:y,onPointermove:h,onPointerup:k,onPointerleave:k}}}const Z={key:0,class:"phila-filter-chip-group__label has-text-label-default"},_={class:"phila-filter-chip-group__viewport"},ee=e.defineComponent({__name:"FilterChipGroup",props:{filters:{},modelValue:{default:()=>({})},label:{},size:{default:"medium"},color:{default:"blue"},filterButton:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},className:{}},emits:["update:modelValue","open-filters"],setup(t,{emit:s}){const l=t,n=s,u=e.computed(()=>{let a=0;for(const r of l.filters){if(r.excludeFromCount)continue;const o=l.modelValue[r.key];o&&typeof o=="object"?a+=Object.values(o).filter(Boolean).length:o===!0&&(a+=1)}return a}),f=e.computed(()=>u.value>0?`Filters (${u.value} selected)`:"Filters"),{el:c,suppressClick:y,dragHandlers:h}=J(),k=e.computed(()=>C.cn("phila-filter-chip-group",l.elevated&&"is-elevated",l.className));function p(a){return Array.isArray(a.choices)}function m(a){const r={};for(const o of l.filters){const b=a[o.key];if(Array.isArray(o.choices)&&o.choices.length>0){const S=b&&typeof b=="object"?b:{};r[o.key]=Object.fromEntries(o.choices.map(E=>[E.value,!!S[E.value]]))}else r[o.key]=b===!0}return r}function x(a,r){n("update:modelValue",m({...l.modelValue,[a]:r}))}function d(a){y.value&&(a.stopPropagation(),a.preventDefault())}const v=e.ref(!1),g=e.ref(!1);function B(){const a=c.value;a&&(v.value=a.scrollLeft>1,g.value=a.scrollLeft+a.clientWidth<a.scrollWidth-1)}function w(a){const r=c.value;r&&r.scrollBy({left:a*r.clientWidth*.8,behavior:"smooth"})}let z=null;return e.onMounted(()=>{n("update:modelValue",m(l.modelValue)),e.nextTick(B),c.value&&(z=new ResizeObserver(()=>B()),z.observe(c.value))}),e.onBeforeUnmount(()=>{z?.disconnect(),z=null}),e.watch(()=>l.filters,()=>e.nextTick(B)),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value)},[t.label?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",_,[v.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"phila-filter-chip-group__arrow phila-filter-chip-group__arrow--left","aria-label":"Scroll filters left",onClick:r[0]||(r[0]=o=>w(-1))},[e.createVNode(e.unref(C.Icon),{icon:e.unref(N.IconChevronLeft),size:"xxsmall",inline:"",decorative:""},null,8,["icon"])])):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps({ref_key:"el",ref:c,class:"phila-filter-chip-group__row"},e.unref(h),{onClickCapture:d,onScroll:B}),[t.filterButton?(e.openBlock(),e.createBlock(T,{key:0,size:t.size,color:t.color,icon:e.unref(N.IconSliders),text:u.value>0?`Filters (${u.value})`:"Filters",active:u.value>0,"aria-label":f.value,onClick:r[1]||(r[1]=o=>n("open-filters"))},null,8,["size","color","icon","text","active","aria-label"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.filters,o=>(e.openBlock(),e.createBlock(A,{key:o.key,label:o.label,text:o.label,size:t.size,color:t.color,icon:o.icon,"icon-color":o.iconColor,choices:o.choices,multiple:o.multiple,"show-actions":o.showActions,"model-value":p(o)?t.modelValue[o.key]:void 0,selected:!p(o)&&t.modelValue[o.key]===!0,"onUpdate:modelValue":b=>x(o.key,b),"onUpdate:selected":b=>x(o.key,b)},null,8,["label","text","size","color","icon","icon-color","choices","multiple","show-actions","model-value","selected","onUpdate:modelValue","onUpdate:selected"]))),128))],16),g.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"phila-filter-chip-group__arrow phila-filter-chip-group__arrow--right","aria-label":"Scroll filters right",onClick:r[2]||(r[2]=o=>w(1))},[e.createVNode(e.unref(C.Icon),{icon:e.unref(N.IconChevronRight),size:"xxsmall",inline:"",decorative:""},null,8,["icon"])])):e.createCommentVNode("",!0)])],2))}}),te=P(ee,[["__scopeId","data-v-074e8b43"]]);exports.FilterChip=A;exports.FilterChipGroup=te;

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as D, ref as C, computed as h, createElementBlock as g, openBlock as r, normalizeStyle as j, normalizeClass as E, createVNode as $, createBlock as V, createCommentVNode as z, unref as v, withCtx as W, renderSlot as X, createTextVNode as q, toDisplayString as P, watch as M, Teleport as le, createElementVNode as I, onMounted as K, onBeforeUnmount as U, useSlots as te, useId as oe, Fragment as Q, nextTick as N, mergeProps as ie, renderList as ae } from "vue";
-import { cn as Y, ActionContent as ne, Icon as L, useVisibility as ce } from "@phila/phila-ui-core";
-import { IconChevronDown as re, IconChevronLeft as ue, IconSliders as se, IconChevronRight as de } from "@phila/phila-ui-core/icons";
-import { RadioGroup as fe } from "@phila/phila-ui-radio";
-import { CheckboxGroup as ve } from "@phila/phila-ui-checkbox";
-import { PhilaButton as R } from "@phila/phila-ui-button";
-import './index.css';const pe = ["aria-pressed", "aria-expanded"], H = "xxsmall", me = /* @__PURE__ */ D({
+import { defineComponent as j, ref as w, computed as h, createElementBlock as x, openBlock as s, normalizeStyle as Y, normalizeClass as N, createVNode as T, createBlock as B, createCommentVNode as V, unref as p, withCtx as J, renderSlot as Z, createTextVNode as _, toDisplayString as E, watch as G, Teleport as oe, createElementVNode as F, Fragment as H, onMounted as W, onBeforeUnmount as X, useSlots as ie, useId as ae, nextTick as q, mergeProps as ne, renderList as ce } from "vue";
+import { cn as ee, ActionContent as se, Icon as L, useVisibility as ue } from "@phila/phila-ui-core";
+import { IconChevronDown as re, IconChevronLeft as de, IconSliders as fe, IconChevronRight as ve } from "@phila/phila-ui-core/icons";
+import { RadioGroup as pe } from "@phila/phila-ui-radio";
+import { CheckboxGroup as me } from "@phila/phila-ui-checkbox";
+import { PhilaButton as U } from "@phila/phila-ui-button";
+import './index.css';const he = ["aria-pressed", "aria-expanded"], K = "xxsmall", ye = /* @__PURE__ */ j({
   __name: "FilterChipBase",
   props: {
     text: { default: void 0 },
@@ -20,20 +20,20 @@ import './index.css';const pe = ["aria-pressed", "aria-expanded"], H = "xxsmall"
     ariaExpanded: { type: Boolean }
   },
   emits: ["click"],
-  setup(e, { expose: u }) {
-    const l = e, a = C(null), o = h(
-      () => Y(
+  setup(e, { expose: r }) {
+    const l = e, o = w(null), u = h(
+      () => ee(
         "phila-filter-chip",
         `phila-filter-chip--${l.color}`,
         l.size !== "medium" && `is-${l.size}`,
-        "has-text-body-" + s(l.size),
+        "has-text-body-" + f(l.size),
         l.active && "is-active",
         l.iconOnly && "is-icon-only"
       )
     );
-    u({ el: a });
-    const s = (c) => {
-      switch (c) {
+    r({ el: o });
+    const f = (n) => {
+      switch (n) {
         case "extra-large":
           return "default";
         case "large":
@@ -42,61 +42,61 @@ import './index.css';const pe = ["aria-pressed", "aria-expanded"], H = "xxsmall"
           return "extra-small";
       }
     };
-    return (c, b) => (r(), g("button", {
+    return (n, g) => (s(), x("button", {
       ref_key: "rootEl",
-      ref: a,
+      ref: o,
       type: "button",
-      class: E(o.value),
-      style: j(e.iconColor ? { "--chip-icon-color": e.iconColor } : void 0),
+      class: N(u.value),
+      style: Y(e.iconColor ? { "--chip-icon-color": e.iconColor } : void 0),
       "aria-pressed": e.ariaPressed,
       "aria-expanded": e.ariaExpanded,
-      onClick: b[0] || (b[0] = (y) => c.$emit("click", y))
+      onClick: g[0] || (g[0] = (b) => n.$emit("click", b))
     }, [
-      $(v(ne), {
+      T(p(se), {
         icon: e.icon,
         size: e.size,
         inline: "",
-        "icon-size": H,
+        "icon-size": K,
         "icon-only": e.iconOnly
       }, {
-        default: W(() => [
-          X(c.$slots, "default", {}, () => [
-            q(P(e.text), 1)
+        default: J(() => [
+          Z(n.$slots, "default", {}, () => [
+            _(E(e.text), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["icon", "size", "icon-only"]),
-      e.chevron ? (r(), V(v(L), {
+      e.chevron ? (s(), B(p(L), {
         key: 0,
-        icon: v(re),
+        icon: p(re),
         size: "xxsmall",
         inline: "",
         decorative: "",
         class: "phila-filter-chip__chevron"
-      }, null, 8, ["icon"])) : e.trailingIcon ? (r(), V(v(L), {
+      }, null, 8, ["icon"])) : e.trailingIcon ? (s(), B(p(L), {
         key: 1,
         icon: e.trailingIcon,
-        size: H,
+        size: K,
         inline: "",
         decorative: ""
-      }, null, 8, ["icon"])) : z("", !0)
-    ], 14, pe));
+      }, null, 8, ["icon"])) : V("", !0)
+    ], 14, he));
   }
-}), J = (e, u) => {
+}), le = (e, r) => {
   const l = e.__vccOpts || e;
-  for (const [a, o] of u)
-    l[a] = o;
+  for (const [o, u] of r)
+    l[o] = u;
   return l;
-}, O = /* @__PURE__ */ J(me, [["__scopeId", "data-v-40c7e692"]]), he = ["id", "aria-label"], ye = {
+}, M = /* @__PURE__ */ le(ye, [["__scopeId", "data-v-40c7e692"]]), be = ["id", "aria-label"], xe = {
   key: 0,
   class: "phila-filter-chip-sheet__header"
-}, be = { class: "phila-filter-chip-sheet__title" }, xe = {
-  key: 3,
+}, ge = { class: "phila-filter-chip-sheet__title" }, ke = {
+  key: 0,
   class: "phila-filter-chip-sheet__footer"
-}, ge = {
-  key: 4,
+}, Ce = {
+  key: 1,
   class: "phila-filter-chip-panel__footer"
-}, Ce = /* @__PURE__ */ D({
+}, we = /* @__PURE__ */ j({
   __name: "FilterChipDropdownPanel",
   props: {
     menuId: {},
@@ -104,105 +104,112 @@ import './index.css';const pe = ["aria-pressed", "aria-expanded"], H = "xxsmall"
     choices: {},
     multiple: { type: Boolean },
     value: {},
+    showActions: { type: Boolean, default: !1 },
     top: {},
     left: {},
     mobile: { type: Boolean, default: !1 },
     applyText: { default: "Apply" },
     resetText: { default: "Reset" }
   },
-  emits: ["apply", "reset", "close"],
-  setup(e, { emit: u }) {
-    const l = e, a = u, o = C(typeof l.value == "string" ? l.value : ""), s = C(Array.isArray(l.value) ? [...l.value] : []);
-    M(
+  emits: ["update:modelValue", "apply", "reset", "close"],
+  setup(e, { emit: r }) {
+    const l = e, o = r;
+    function u(d) {
+      return Object.fromEntries(l.choices.map((y) => [y.value, !!d[y.value]]));
+    }
+    const f = w(u(l.value));
+    G(
       () => l.value,
-      (n) => {
-        l.multiple ? s.value = Array.isArray(n) ? [...n] : [] : o.value = typeof n == "string" ? n : "";
-      }
+      (d) => f.value = u(d)
     );
-    const c = h(() => l.choices.map((n) => ({ text: n.text, value: n.value }))), b = h(() => l.multiple ? s.value.length : o.value ? 1 : 0), y = h(
-      () => b.value > 0 ? `${l.applyText} (${b.value})` : l.applyText
-    ), k = () => {
-      o.value = "", s.value = [], a("reset");
-    }, d = () => {
-      a("apply", l.multiple ? [...s.value] : o.value);
-    };
-    return (n, m) => (r(), V(le, { to: "body" }, [
-      e.mobile ? (r(), g("div", {
+    const n = h(() => l.showActions ? f.value : u(l.value)), g = h(() => Object.values(n.value).filter(Boolean).length), b = h(
+      () => g.value > 0 ? `${l.applyText} (${g.value})` : l.applyText
+    ), k = h(() => l.choices.map((d) => ({ text: d.text, value: d.value, tooltip: d.tooltip })));
+    function v(d) {
+      l.showActions ? f.value = d : o("update:modelValue", d);
+    }
+    const m = () => {
+      f.value = Object.fromEntries(l.choices.map((d) => [d.value, !1])), o("reset");
+    }, z = () => o("apply", { ...f.value });
+    return (d, y) => (s(), B(oe, { to: "body" }, [
+      e.mobile ? (s(), x("div", {
         key: 0,
         class: "phila-filter-chip-sheet__scrim",
-        onClick: m[0] || (m[0] = (x) => a("close"))
-      })) : z("", !0),
-      I("div", {
+        onClick: y[0] || (y[0] = (I) => o("close"))
+      })) : V("", !0),
+      F("div", {
         id: e.menuId,
-        class: E(e.mobile ? "phila-filter-chip-sheet" : "phila-filter-chip-panel"),
+        class: N(e.mobile ? "phila-filter-chip-sheet" : "phila-filter-chip-panel"),
         role: "dialog",
         "aria-label": e.label,
-        style: j(e.mobile ? void 0 : { top: e.top + "px", left: e.left + "px" })
+        style: Y(e.mobile ? void 0 : { top: e.top + "px", left: e.left + "px" })
       }, [
-        e.mobile ? (r(), g("header", ye, [
-          I("span", be, P(e.label), 1),
-          I("button", {
+        e.mobile ? (s(), x("header", xe, [
+          F("span", ge, E(e.label), 1),
+          F("button", {
             type: "button",
             class: "phila-filter-chip-sheet__close",
             "aria-label": "Close",
-            onClick: m[1] || (m[1] = (x) => a("close"))
+            onClick: y[1] || (y[1] = (I) => o("close"))
           }, " ✕ ")
-        ])) : z("", !0),
-        e.multiple ? (r(), V(v(ve), {
+        ])) : V("", !0),
+        e.multiple ? (s(), B(p(me), {
           key: 1,
           "group-label": e.label,
-          choices: c.value,
-          "model-value": s.value,
-          "onUpdate:modelValue": m[2] || (m[2] = (x) => s.value = x)
-        }, null, 8, ["group-label", "choices", "model-value"])) : (r(), V(v(fe), {
+          choices: k.value,
+          "model-value": n.value,
+          "onUpdate:modelValue": v
+        }, null, 8, ["group-label", "choices", "model-value"])) : (s(), B(p(pe), {
           key: 2,
           "group-label": e.label,
-          choices: c.value,
-          "model-value": o.value,
-          "onUpdate:modelValue": m[3] || (m[3] = (x) => o.value = x)
+          choices: k.value,
+          "model-value": n.value,
+          "onUpdate:modelValue": v
         }, null, 8, ["group-label", "choices", "model-value"])),
-        e.mobile ? (r(), g("div", xe, [
-          $(v(R), {
-            variant: "secondary",
-            text: e.resetText,
-            onClick: k
-          }, null, 8, ["text"]),
-          $(v(R), {
-            variant: "primary",
-            text: y.value,
-            onClick: d
-          }, null, 8, ["text"])
-        ])) : (r(), g("div", ge, [
-          I("button", {
-            type: "button",
-            class: "phila-filter-chip-panel__reset has-text-body-small",
-            onClick: k
-          }, P(e.resetText), 1),
-          $(v(R), {
-            variant: "primary",
-            size: "small",
-            text: e.applyText,
-            onClick: d
-          }, null, 8, ["text"])
-        ]))
-      ], 14, he)
+        e.showActions ? (s(), x(H, { key: 3 }, [
+          e.mobile ? (s(), x("div", ke, [
+            T(p(U), {
+              variant: "secondary",
+              text: e.resetText,
+              onClick: m
+            }, null, 8, ["text"]),
+            T(p(U), {
+              variant: "primary",
+              text: b.value,
+              onClick: z
+            }, null, 8, ["text"])
+          ])) : (s(), x("div", Ce, [
+            F("button", {
+              type: "button",
+              class: "phila-filter-chip-panel__reset has-text-body-small",
+              onClick: m
+            }, E(e.resetText), 1),
+            T(p(U), {
+              variant: "primary",
+              size: "small",
+              text: e.applyText,
+              onClick: z
+            }, null, 8, ["text"])
+          ]))
+        ], 64)) : V("", !0)
+      ], 14, be)
     ]));
   }
-}), G = "(max-width: 1064px) and (max-height: 915px)";
-function ke() {
-  const e = C(typeof window < "u" && window.matchMedia(G).matches);
-  let u = null;
-  function l(a) {
-    e.value = a.matches;
+}), Q = "(max-width: 1064px) and (max-height: 915px)";
+function ze() {
+  const e = w(typeof window < "u" && window.matchMedia(Q).matches);
+  let r = null;
+  function l(o) {
+    e.value = o.matches;
   }
-  return K(() => {
-    u = window.matchMedia(G), e.value = u.matches, u.addEventListener("change", l);
-  }), U(() => {
-    u?.removeEventListener("change", l);
+  return W(() => {
+    r = window.matchMedia(Q), e.value = r.matches, r.addEventListener("change", l);
+  }), X(() => {
+    r?.removeEventListener("change", l);
   }), { isMobile: e };
 }
 let Ve = 0;
-const ze = /* @__PURE__ */ D({
+const Be = /* @__PURE__ */ j({
   __name: "FilterChip",
   props: {
     label: { default: void 0 },
@@ -215,137 +222,148 @@ const ze = /* @__PURE__ */ D({
     selected: { type: Boolean, default: !1 },
     choices: { default: void 0 },
     multiple: { type: Boolean, default: !1 },
-    modelValue: { type: [String, Array, Boolean], default: void 0 },
+    modelValue: { default: void 0 },
+    showActions: { type: Boolean, default: !1 },
     applyText: { default: "Apply" },
     resetText: { default: "Reset" },
     className: {}
   },
   emits: ["update:selected", "update:modelValue", "click"],
-  setup(e, { emit: u }) {
-    const l = e, a = u, o = h(() => Array.isArray(l.choices)), s = te(), c = h(
-      () => !o.value && !!l.icon && !l.text && !l.label && !s.default
+  setup(e, { emit: r }) {
+    const l = e, o = r, u = h(() => Array.isArray(l.choices)), f = ie(), n = h(
+      () => !u.value && !!l.icon && !l.text && !l.label && !f.default
     );
-    function b(p) {
-      a("update:selected", !l.selected), a("click", p);
+    function g(a) {
+      o("update:selected", !l.selected), o("click", a);
     }
-    const y = `phila-filter-chip-${oe()}-${++Ve}`, { isVisible: k, setVisibility: d } = ce({
-      id: y,
+    const b = `phila-filter-chip-${ae()}-${++Ve}`, { isVisible: k, setVisibility: v } = ue({
+      id: b,
       group: "phila-filter-chip",
       outsideClickHide: !0,
       escapeKeyHide: !0,
       showSingle: !0
-    }), n = h(() => k(y)), { isMobile: m } = ke(), x = C(null), S = C(0), w = C(0), F = h(() => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue : [] : typeof l.modelValue == "string" ? l.modelValue : ""), B = h(() => l.multiple ? Array.isArray(l.modelValue) && l.modelValue.length > 0 : typeof l.modelValue == "string" && l.modelValue !== ""), i = h(() => l.multiple && Array.isArray(l.modelValue) ? l.modelValue.length : 0), f = h(() => {
-      const p = l.label ?? l.text ?? "";
-      return i.value > 0 ? `${p} (${i.value})` : p;
+    }), m = h(() => k(b)), { isMobile: z } = ze(), d = w(null), y = w(0), I = w(0), $ = h(() => {
+      const a = l.choices ?? [], O = l.modelValue ?? {};
+      return Object.fromEntries(a.map((R) => [R.value, !!O[R.value]]));
+    }), A = h(() => Object.values($.value).filter(Boolean).length), S = h(() => A.value > 0), i = h(() => {
+      const a = l.label ?? l.text ?? "";
+      return A.value > 0 ? `${a} (${A.value})` : a;
     });
-    function t() {
-      const p = x.value?.el ?? null;
-      if (!p) return;
-      const T = p.getBoundingClientRect();
-      S.value = T.bottom + 4, w.value = T.left;
+    function c() {
+      const a = d.value?.el ?? null;
+      if (!a) return;
+      const O = a.getBoundingClientRect();
+      y.value = O.bottom + 4, I.value = O.left;
     }
-    function A() {
-      n.value && d(!1);
+    function t() {
+      m.value && v(!1);
     }
-    M(n, (p) => {
-      p && !m.value ? window.addEventListener("scroll", A, { capture: !0 }) : window.removeEventListener("scroll", A, { capture: !0 });
+    G(m, (a) => {
+      a && !z.value ? window.addEventListener("scroll", t, { capture: !0 }) : window.removeEventListener("scroll", t, { capture: !0 });
     });
-    function Z() {
-      const p = !n.value;
-      p && !m.value && t(), d(p);
+    function C() {
+      const a = !m.value;
+      a && !z.value && c(), v(a);
     }
-    function _(p) {
-      a("update:modelValue", p), d(!1);
+    function D(a) {
+      o("update:modelValue", a);
     }
-    function ee() {
-      a("update:modelValue", l.multiple ? [] : "");
+    function P(a) {
+      o("update:modelValue", a), v(!1);
     }
-    return (p, T) => o.value ? (r(), g(Q, { key: 0 }, [
-      $(O, {
+    function te() {
+      o("update:modelValue", Object.fromEntries((l.choices ?? []).map((a) => [a.value, !1])));
+    }
+    return W(() => {
+      u.value && o("update:modelValue", $.value);
+    }), (a, O) => u.value ? (s(), x(H, { key: 0 }, [
+      T(M, {
         ref_key: "triggerRef",
-        ref: x,
-        text: f.value,
+        ref: d,
+        text: i.value,
         size: e.size,
         color: e.color,
         icon: e.icon,
         "icon-color": e.iconColor,
-        active: B.value || n.value,
+        active: S.value || m.value,
         chevron: "",
-        "aria-expanded": n.value,
-        "data-toggle": `visibility-${y}`,
-        onClick: Z
+        "aria-expanded": m.value,
+        "data-toggle": `visibility-${b}`,
+        onClick: C
       }, null, 8, ["text", "size", "color", "icon", "icon-color", "active", "aria-expanded", "data-toggle"]),
-      n.value ? (r(), V(Ce, {
+      m.value ? (s(), B(we, {
         key: 0,
-        "menu-id": y,
+        "menu-id": b,
         label: e.label ?? e.text ?? "",
         choices: e.choices,
         multiple: e.multiple,
-        value: F.value,
-        top: S.value,
-        left: w.value,
-        mobile: v(m),
+        value: $.value,
+        "show-actions": e.showActions,
+        top: y.value,
+        left: I.value,
+        mobile: p(z),
         "apply-text": e.applyText,
         "reset-text": e.resetText,
-        onApply: _,
-        onReset: ee,
-        onClose: T[0] || (T[0] = (Se) => v(d)(!1))
-      }, null, 8, ["label", "choices", "multiple", "value", "top", "left", "mobile", "apply-text", "reset-text"])) : z("", !0)
-    ], 64)) : (r(), V(O, {
+        "onUpdate:modelValue": D,
+        onApply: P,
+        onReset: te,
+        onClose: O[0] || (O[0] = (R) => p(v)(!1))
+      }, null, 8, ["label", "choices", "multiple", "value", "show-actions", "top", "left", "mobile", "apply-text", "reset-text"])) : V("", !0)
+    ], 64)) : (s(), B(M, {
       key: 1,
       size: e.size,
       color: e.color,
       icon: e.icon,
       "icon-color": e.iconColor,
       "trailing-icon": e.trailingIcon,
-      "icon-only": c.value,
+      "icon-only": n.value,
       active: e.selected,
       "aria-pressed": e.selected,
-      onClick: b
+      onClick: g
     }, {
-      default: W(() => [
-        X(p.$slots, "default", {}, () => [
-          q(P(e.text), 1)
+      default: J(() => [
+        Z(a.$slots, "default", {}, () => [
+          _(E(e.text), 1)
         ])
       ]),
       _: 3
     }, 8, ["size", "color", "icon", "icon-color", "trailing-icon", "icon-only", "active", "aria-pressed"]));
   }
-}), we = 5;
-function $e() {
-  const e = C(null), u = C(!1);
-  let l = !1, a = 0, o = 0, s = !1, c = null;
-  const b = (d) => {
-    e.value && d.pointerType !== "mouse" && (l = !0, s = !1, a = d.clientX, o = e.value.scrollLeft);
-  }, y = (d) => {
+}), $e = 5;
+function Ie() {
+  const e = w(null), r = w(!1);
+  let l = !1, o = 0, u = 0, f = !1, n = null;
+  const g = (v) => {
+    e.value && v.pointerType !== "mouse" && (l = !0, f = !1, o = v.clientX, u = e.value.scrollLeft);
+  }, b = (v) => {
     if (!l || !e.value) return;
-    const n = d.clientX - a;
-    !s && Math.abs(n) > we && (s = !0, u.value = !0, e.value.setPointerCapture(d.pointerId), c = d.pointerId), s && (e.value.scrollLeft = o - n);
+    const m = v.clientX - o;
+    !f && Math.abs(m) > $e && (f = !0, r.value = !0, e.value.setPointerCapture(v.pointerId), n = v.pointerId), f && (e.value.scrollLeft = u - m);
   }, k = () => {
-    if (e.value && c !== null) {
+    if (e.value && n !== null) {
       try {
-        e.value.releasePointerCapture(c);
+        e.value.releasePointerCapture(n);
       } catch {
       }
-      c = null;
+      n = null;
     }
-    l = !1, s && setTimeout(() => u.value = !1, 0);
+    l = !1, f && setTimeout(() => r.value = !1, 0);
   };
-  return U(k), {
+  return X(k), {
     el: e,
-    suppressClick: u,
+    suppressClick: r,
     dragHandlers: {
-      onPointerdown: b,
-      onPointermove: y,
+      onPointerdown: g,
+      onPointermove: b,
       onPointerup: k,
       onPointerleave: k
     }
   };
 }
-const Be = {
+const Oe = {
   key: 0,
   class: "phila-filter-chip-group__label has-text-label-default"
-}, Ae = { class: "phila-filter-chip-group__viewport" }, Ie = /* @__PURE__ */ D({
+}, Te = { class: "phila-filter-chip-group__viewport" }, Ae = /* @__PURE__ */ j({
   __name: "FilterChipGroup",
   props: {
     filters: {},
@@ -358,83 +376,94 @@ const Be = {
     className: {}
   },
   emits: ["update:modelValue", "open-filters"],
-  setup(e, { emit: u }) {
-    const l = e, a = u, o = h(() => {
+  setup(e, { emit: r }) {
+    const l = e, o = r, u = h(() => {
       let i = 0;
-      for (const f of l.filters) {
-        if (f.excludeFromCount) continue;
-        const t = l.modelValue[f.key];
-        Array.isArray(t) ? i += t.length : typeof t == "string" ? i += t ? 1 : 0 : t === !0 && (i += 1);
+      for (const c of l.filters) {
+        if (c.excludeFromCount) continue;
+        const t = l.modelValue[c.key];
+        t && typeof t == "object" ? i += Object.values(t).filter(Boolean).length : t === !0 && (i += 1);
       }
       return i;
-    }), s = h(
-      () => o.value > 0 ? `Filters (${o.value} selected)` : "Filters"
-    ), { el: c, suppressClick: b, dragHandlers: y } = $e(), k = h(() => Y("phila-filter-chip-group", l.elevated && "is-elevated", l.className));
-    function d(i) {
+    }), f = h(
+      () => u.value > 0 ? `Filters (${u.value} selected)` : "Filters"
+    ), { el: n, suppressClick: g, dragHandlers: b } = Ie(), k = h(() => ee("phila-filter-chip-group", l.elevated && "is-elevated", l.className));
+    function v(i) {
       return Array.isArray(i.choices);
     }
-    function n(i, f) {
-      a("update:modelValue", { ...l.modelValue, [i]: f });
-    }
     function m(i) {
-      b.value && (i.stopPropagation(), i.preventDefault());
+      const c = {};
+      for (const t of l.filters) {
+        const C = i[t.key];
+        if (Array.isArray(t.choices) && t.choices.length > 0) {
+          const D = C && typeof C == "object" ? C : {};
+          c[t.key] = Object.fromEntries(t.choices.map((P) => [P.value, !!D[P.value]]));
+        } else
+          c[t.key] = C === !0;
+      }
+      return c;
+    }
+    function z(i, c) {
+      o("update:modelValue", m({ ...l.modelValue, [i]: c }));
+    }
+    function d(i) {
+      g.value && (i.stopPropagation(), i.preventDefault());
     }
-    const x = C(!1), S = C(!1);
-    function w() {
-      const i = c.value;
-      i && (x.value = i.scrollLeft > 1, S.value = i.scrollLeft + i.clientWidth < i.scrollWidth - 1);
+    const y = w(!1), I = w(!1);
+    function $() {
+      const i = n.value;
+      i && (y.value = i.scrollLeft > 1, I.value = i.scrollLeft + i.clientWidth < i.scrollWidth - 1);
     }
-    function F(i) {
-      const f = c.value;
-      f && f.scrollBy({ left: i * f.clientWidth * 0.8, behavior: "smooth" });
+    function A(i) {
+      const c = n.value;
+      c && c.scrollBy({ left: i * c.clientWidth * 0.8, behavior: "smooth" });
     }
-    let B = null;
-    return K(() => {
-      N(w), c.value && (B = new ResizeObserver(() => w()), B.observe(c.value));
-    }), U(() => {
-      B?.disconnect(), B = null;
-    }), M(
+    let S = null;
+    return W(() => {
+      o("update:modelValue", m(l.modelValue)), q($), n.value && (S = new ResizeObserver(() => $()), S.observe(n.value));
+    }), X(() => {
+      S?.disconnect(), S = null;
+    }), G(
       () => l.filters,
-      () => N(w)
-    ), (i, f) => (r(), g("div", {
-      class: E(k.value)
+      () => q($)
+    ), (i, c) => (s(), x("div", {
+      class: N(k.value)
     }, [
-      e.label ? (r(), g("span", Be, P(e.label), 1)) : z("", !0),
-      I("div", Ae, [
-        x.value ? (r(), g("button", {
+      e.label ? (s(), x("span", Oe, E(e.label), 1)) : V("", !0),
+      F("div", Te, [
+        y.value ? (s(), x("button", {
           key: 0,
           type: "button",
           class: "phila-filter-chip-group__arrow phila-filter-chip-group__arrow--left",
           "aria-label": "Scroll filters left",
-          onClick: f[0] || (f[0] = (t) => F(-1))
+          onClick: c[0] || (c[0] = (t) => A(-1))
         }, [
-          $(v(L), {
-            icon: v(ue),
+          T(p(L), {
+            icon: p(de),
             size: "xxsmall",
             inline: "",
             decorative: ""
           }, null, 8, ["icon"])
-        ])) : z("", !0),
-        I("div", ie({
+        ])) : V("", !0),
+        F("div", ne({
           ref_key: "el",
-          ref: c,
+          ref: n,
           class: "phila-filter-chip-group__row"
-        }, v(y), {
-          onClickCapture: m,
-          onScroll: w
+        }, p(b), {
+          onClickCapture: d,
+          onScroll: $
         }), [
-          e.filterButton ? (r(), V(O, {
+          e.filterButton ? (s(), B(M, {
             key: 0,
             size: e.size,
             color: e.color,
-            icon: v(se),
-            text: o.value > 0 ? `(${o.value})` : "",
-            "icon-only": o.value === 0,
-            active: o.value > 0,
-            "aria-label": s.value,
-            onClick: f[1] || (f[1] = (t) => a("open-filters"))
-          }, null, 8, ["size", "color", "icon", "text", "icon-only", "active", "aria-label"])) : z("", !0),
-          (r(!0), g(Q, null, ae(e.filters, (t) => (r(), V(ze, {
+            icon: p(fe),
+            text: u.value > 0 ? `Filters (${u.value})` : "Filters",
+            active: u.value > 0,
+            "aria-label": f.value,
+            onClick: c[1] || (c[1] = (t) => o("open-filters"))
+          }, null, 8, ["size", "color", "icon", "text", "active", "aria-label"])) : V("", !0),
+          (s(!0), x(H, null, ce(e.filters, (t) => (s(), B(Be, {
             key: t.key,
             label: t.label,
             text: t.label,
@@ -444,31 +473,32 @@ const Be = {
             "icon-color": t.iconColor,
             choices: t.choices,
             multiple: t.multiple,
-            "model-value": d(t) ? e.modelValue[t.key] : void 0,
-            selected: !d(t) && e.modelValue[t.key] === !0,
-            "onUpdate:modelValue": (A) => n(t.key, A),
-            "onUpdate:selected": (A) => n(t.key, A)
-          }, null, 8, ["label", "text", "size", "color", "icon", "icon-color", "choices", "multiple", "model-value", "selected", "onUpdate:modelValue", "onUpdate:selected"]))), 128))
+            "show-actions": t.showActions,
+            "model-value": v(t) ? e.modelValue[t.key] : void 0,
+            selected: !v(t) && e.modelValue[t.key] === !0,
+            "onUpdate:modelValue": (C) => z(t.key, C),
+            "onUpdate:selected": (C) => z(t.key, C)
+          }, null, 8, ["label", "text", "size", "color", "icon", "icon-color", "choices", "multiple", "show-actions", "model-value", "selected", "onUpdate:modelValue", "onUpdate:selected"]))), 128))
         ], 16),
-        S.value ? (r(), g("button", {
+        I.value ? (s(), x("button", {
           key: 1,
           type: "button",
           class: "phila-filter-chip-group__arrow phila-filter-chip-group__arrow--right",
           "aria-label": "Scroll filters right",
-          onClick: f[2] || (f[2] = (t) => F(1))
+          onClick: c[2] || (c[2] = (t) => A(1))
         }, [
-          $(v(L), {
-            icon: v(de),
+          T(p(L), {
+            icon: p(ve),
             size: "xxsmall",
             inline: "",
             decorative: ""
           }, null, 8, ["icon"])
-        ])) : z("", !0)
+        ])) : V("", !0)
       ])
     ], 2));
   }
-}), Oe = /* @__PURE__ */ J(Ie, [["__scopeId", "data-v-8e691eda"]]);
+}), De = /* @__PURE__ */ le(Ae, [["__scopeId", "data-v-074e8b43"]]);
 export {
-  ze as FilterChip,
-  Oe as FilterChipGroup
+  Be as FilterChip,
+  De as FilterChipGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phila/phila-ui-filter-chip",
-  "version": "0.2.0-beta.5",
+  "version": "1.0.0-beta.7",
   "type": "module",
   "description": "Filter chips for faceted filtering",
   "main": "./dist/index.js",
@@ -28,10 +28,10 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@phila/phila-ui-core": "3.0.0-beta.7",
-    "@phila/phila-ui-radio": "0.1.1-beta.8",
-    "@phila/phila-ui-checkbox": "0.1.1-beta.8",
-    "@phila/phila-ui-button": "2.3.0-beta.8"
+    "@phila/phila-ui-core": "3.0.0-beta.9",
+    "@phila/phila-ui-radio": "1.0.0-beta.10",
+    "@phila/phila-ui-checkbox": "1.0.0-beta.10",
+    "@phila/phila-ui-button": "2.3.0-beta.10"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",