npm - @ptlm-azulejo/combobox - Versions diffs - 0.0.1-alpha.121 - Mend

@ptlm-azulejo/combobox 0.0.1-alpha.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/CHANGELOG.md +4 -0
package/README.md +146 -0
package/dist/index.js +3753 -0
package/dist/index.umd.cjs +1 -0
package/dist/packages/Combobox/index.d.ts +3 -0
package/dist/packages/Combobox/index.d.ts.map +1 -0
package/dist/packages/Combobox/src/index.vue.d.ts +373 -0
package/dist/packages/Combobox/src/index.vue.d.ts.map +1 -0
package/dist/style.css +1 -0
package/package.json +46 -0

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/packages/Combobox/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { default as AzCombobox } from './src/index.vue';
+export type { ComboboxOption, ComboboxSize, ComboboxTagPlacement, ComboboxUi, ComboboxValue, } from './src/index.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/Combobox/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,YAAY,EACV,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,aAAa,GACd,MAAM,iBAAiB,CAAA"}

package/dist/packages/Combobox/src/index.vue.d.ts ADDED Viewed

@@ -0,0 +1,373 @@
+export type ComboboxSize = 's' | 'm';
+export type ComboboxValue = string | number;
+export type ComboboxTagPlacement = 'trigger' | 'below';
+export interface ComboboxOption {
+    label: string;
+    value?: ComboboxValue;
+    type?: 'section' | 'option';
+    content?: string;
+    disabled?: boolean;
+}
+export interface ComboboxUi {
+    /** Outer wrapper (positioning context for the listbox). */
+    root?: string;
+    /** Trigger button that opens the listbox. */
+    trigger?: string;
+    /** Selected-value text in the trigger (single select). */
+    value?: string;
+    /** Placeholder text when nothing is selected. */
+    placeholder?: string;
+    /** Dropdown chevron icon. */
+    chevron?: string;
+    /** Clear-selection button in the trigger. */
+    clear?: string;
+    /** Dropdown panel. */
+    listbox?: string;
+    /** Search field wrapper inside the listbox. */
+    search?: string;
+    /** Search text input. */
+    searchInput?: string;
+    /** Scrollable options region. */
+    optionList?: string;
+    /** Option row. */
+    option?: string;
+    /** Extra classes on a selected option (added, not replacing `option`). */
+    optionSelected?: string;
+    /** Option label text. */
+    optionLabel?: string;
+    /** Secondary `content` line on an option. */
+    optionContent?: string;
+    /** Section header row. */
+    section?: string;
+    /** Visual checkbox on the right (multiple / checkable sections). */
+    checkbox?: string;
+    /** Circular selected check (single select). */
+    check?: string;
+    /** Selected-value tag (multiple). */
+    tag?: string;
+    /** Remove button on a tag. */
+    tagRemove?: string;
+    /** Overflow "+N more" chip. */
+    more?: string;
+    /** Tag row below the trigger (`tagPlacement="below"`). */
+    tagList?: string;
+    /** "Show all" control for overflow tags. */
+    showAll?: string;
+    /** Selected-count badge. */
+    counter?: string;
+    /** Select-all / clear action row. */
+    actions?: string;
+    /** Action button. */
+    action?: string;
+    /** Empty-results message. */
+    empty?: string;
+}
+declare function __VLS_template(): {
+    item?(_: {
+        item: ComboboxOption;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Controls the open state of the listbox. When provided, the component
+     * operates in controlled mode via `v-model:open`. When omitted, open
+     * state is managed internally.
+     */
+    open?: boolean;
+    /**
+     * The current selected value(s) of the combobox (`v-model`).
+     */
+    modelValue?: ComboboxValue | ComboboxValue[];
+    /**
+     * Enable checkable section headers in the listbox (multiple + sections).
+     */
+    checkableSections?: boolean;
+    /**
+     * Array of options (and optional section headers) to display.
+     */
+    options: ComboboxOption[];
+    /**
+     * Enable multiple selection mode.
+     */
+    multiple?: boolean;
+    /**
+     * Size of the combobox: small (`s`) or medium (`m`).
+     */
+    size?: ComboboxSize;
+    /**
+     * Disable the combobox.
+     */
+    disabled?: boolean;
+    /**
+     * Make the combobox read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the combobox as invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * Show a clear selection button when a value is selected.
+     */
+    isClearable?: boolean;
+    /**
+     * Enable the search input inside the listbox.
+     */
+    search?: boolean;
+    /**
+     * Show select-all / clear buttons when `multiple`.
+     */
+    actions?: boolean;
+    /**
+     * Placeholder text when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Label for the selected-items counter (rendered after the count).
+     * In the trigger, this switches multiple selection to a compact
+     * comma-separated summary plus a count badge.
+     */
+    counterLabel?: string;
+    /**
+     * Where selected-value tags render in multiple mode: inside the trigger,
+     * or as a chip list below it.
+     */
+    tagPlacement?: ComboboxTagPlacement;
+    /**
+     * How many tags to show before collapsing the rest. Ignored when
+     * `counterLabel` is set and `tagPlacement` is `trigger`.
+     */
+    maxTags?: number;
+    /**
+     * Label for the overflow control below the trigger (`tagPlacement="below"`).
+     */
+    showAllLabel?: string;
+    /**
+     * Label for the overflow control after tags have been expanded.
+     */
+    showLessLabel?: string;
+    /**
+     * Placeholder text for the search input.
+     */
+    searchPlaceholder?: string;
+    /**
+     * Label for the "Select all" action.
+     */
+    selectLabel?: string;
+    /**
+     * Label for the "Clear" action inside the listbox.
+     */
+    clearLabel?: string;
+    /**
+     * Accessible name for the combobox trigger.
+     */
+    controlAriaLabel?: string;
+    /**
+     * Accessible name for the trigger clear button.
+     */
+    clearAriaLabel?: string;
+    /**
+     * Tailwind class overrides per structural part. Merged with defaults via `cn()`.
+     */
+    ui?: ComboboxUi;
+}>, {
+    open: undefined;
+    size: string;
+    multiple: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    isInvalid: boolean;
+    isClearable: boolean;
+    search: boolean;
+    actions: boolean;
+    checkableSections: boolean;
+    placeholder: string;
+    searchPlaceholder: string;
+    selectLabel: string;
+    clearLabel: string;
+    controlAriaLabel: string;
+    clearAriaLabel: string;
+    tagPlacement: string;
+    maxTags: number;
+    showAllLabel: string;
+    showLessLabel: string;
+    ui: () => {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ComboboxValue | ComboboxValue[]) => void;
+    "update:open": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Controls the open state of the listbox. When provided, the component
+     * operates in controlled mode via `v-model:open`. When omitted, open
+     * state is managed internally.
+     */
+    open?: boolean;
+    /**
+     * The current selected value(s) of the combobox (`v-model`).
+     */
+    modelValue?: ComboboxValue | ComboboxValue[];
+    /**
+     * Enable checkable section headers in the listbox (multiple + sections).
+     */
+    checkableSections?: boolean;
+    /**
+     * Array of options (and optional section headers) to display.
+     */
+    options: ComboboxOption[];
+    /**
+     * Enable multiple selection mode.
+     */
+    multiple?: boolean;
+    /**
+     * Size of the combobox: small (`s`) or medium (`m`).
+     */
+    size?: ComboboxSize;
+    /**
+     * Disable the combobox.
+     */
+    disabled?: boolean;
+    /**
+     * Make the combobox read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the combobox as invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * Show a clear selection button when a value is selected.
+     */
+    isClearable?: boolean;
+    /**
+     * Enable the search input inside the listbox.
+     */
+    search?: boolean;
+    /**
+     * Show select-all / clear buttons when `multiple`.
+     */
+    actions?: boolean;
+    /**
+     * Placeholder text when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Label for the selected-items counter (rendered after the count).
+     * In the trigger, this switches multiple selection to a compact
+     * comma-separated summary plus a count badge.
+     */
+    counterLabel?: string;
+    /**
+     * Where selected-value tags render in multiple mode: inside the trigger,
+     * or as a chip list below it.
+     */
+    tagPlacement?: ComboboxTagPlacement;
+    /**
+     * How many tags to show before collapsing the rest. Ignored when
+     * `counterLabel` is set and `tagPlacement` is `trigger`.
+     */
+    maxTags?: number;
+    /**
+     * Label for the overflow control below the trigger (`tagPlacement="below"`).
+     */
+    showAllLabel?: string;
+    /**
+     * Label for the overflow control after tags have been expanded.
+     */
+    showLessLabel?: string;
+    /**
+     * Placeholder text for the search input.
+     */
+    searchPlaceholder?: string;
+    /**
+     * Label for the "Select all" action.
+     */
+    selectLabel?: string;
+    /**
+     * Label for the "Clear" action inside the listbox.
+     */
+    clearLabel?: string;
+    /**
+     * Accessible name for the combobox trigger.
+     */
+    controlAriaLabel?: string;
+    /**
+     * Accessible name for the trigger clear button.
+     */
+    clearAriaLabel?: string;
+    /**
+     * Tailwind class overrides per structural part. Merged with defaults via `cn()`.
+     */
+    ui?: ComboboxUi;
+}>, {
+    open: undefined;
+    size: string;
+    multiple: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    isInvalid: boolean;
+    isClearable: boolean;
+    search: boolean;
+    actions: boolean;
+    checkableSections: boolean;
+    placeholder: string;
+    searchPlaceholder: string;
+    selectLabel: string;
+    clearLabel: string;
+    controlAriaLabel: string;
+    clearAriaLabel: string;
+    tagPlacement: string;
+    maxTags: number;
+    showAllLabel: string;
+    showLessLabel: string;
+    ui: () => {};
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ComboboxValue | ComboboxValue[]) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: ComboboxSize;
+    placeholder: string;
+    search: boolean;
+    actions: boolean;
+    open: boolean;
+    checkableSections: boolean;
+    multiple: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    isInvalid: boolean;
+    isClearable: boolean;
+    tagPlacement: ComboboxTagPlacement;
+    maxTags: number;
+    showAllLabel: string;
+    showLessLabel: string;
+    searchPlaceholder: string;
+    selectLabel: string;
+    clearLabel: string;
+    controlAriaLabel: string;
+    clearAriaLabel: string;
+    ui: ComboboxUi;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/packages/Combobox/src/index.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/index.vue"],"names":[],"mappings":"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"}

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing,.25rem)}.end{inset-inline-end:var(--spacing,.25rem)}.z-50{z-index:50}.mt-1{margin-top:calc(var(--spacing,.25rem) * 1)}.mt-2{margin-top:calc(var(--spacing,.25rem) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.size-3{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.size-4{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.size-5{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.h-0\.5{height:calc(var(--spacing,.25rem) * .5)}.max-h-\[13\.8125rem\]{max-height:13.8125rem}.min-h-8{min-height:calc(var(--spacing,.25rem) * 8)}.min-h-12{min-height:calc(var(--spacing,.25rem) * 12)}.w-2\.5{width:calc(var(--spacing,.25rem) * 2.5)}.w-full{width:100%}.max-w-\[10rem\]{max-width:10rem}.min-w-0{min-width:calc(var(--spacing,.25rem) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing,.25rem) * 1)}.gap-2{gap:calc(var(--spacing,.25rem) * 2)}.gap-3{gap:calc(var(--spacing,.25rem) * 3)}.gap-4{gap:calc(var(--spacing,.25rem) * 4)}.gap-16{gap:calc(var(--spacing,.25rem) * 16)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm,.25rem)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[color\:var$--color-text-tertiary$\]{border-color:var(--color-text-tertiary)}.border-edge{border-color:var(--color-border-primary)}.bg-\[color\:var$--color-blue-grey-600$\]{background-color:var(--color-blue-grey-600)}.bg-\[color\:var$--color-text-accent$\]{background-color:var(--color-text-accent)}.bg-accent-subtle{background-color:var(--color-background-accent)}.bg-on-accent{background-color:var(--color-text-on-accent-inverse)}.bg-red-50{background-color:var(--color-red-50,oklch(97.1% .013 17.38))}.bg-red-100{background-color:var(--color-red-100,oklch(93.6% .032 17.717))}.bg-red-200{background-color:var(--color-red-200,oklch(88.5% .062 18.334))}.bg-red-500{background-color:var(--color-red-500,oklch(63.7% .237 25.331))}.bg-red-700{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}.bg-surface{background-color:var(--color-background-primary)}.bg-surface-muted{background-color:var(--color-background-secondary)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing,.25rem) * 1)}.px-2{padding-inline:calc(var(--spacing,.25rem) * 2)}.px-2\.5{padding-inline:calc(var(--spacing,.25rem) * 2.5)}.px-3{padding-inline:calc(var(--spacing,.25rem) * 3)}.py-1{padding-block:calc(var(--spacing,.25rem) * 1)}.py-2{padding-block:calc(var(--spacing,.25rem) * 2)}.py-2\.5{padding-block:calc(var(--spacing,.25rem) * 2.5)}.py-4{padding-block:calc(var(--spacing,.25rem) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.text-base{font-size:var(--font-size-05);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.text-sm{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-xs{font-size:var(--font-size-02);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.font-normal{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.font-semibold{--tw-font-weight:var(--font-weight-semi-bold);font-weight:var(--font-weight-semi-bold)}.tracking-widest{--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em)}.text-$--color-text-tertiary${color:var(--color-text-tertiary)}.text-\[color\:var$--color-text-accent$\]{color:var(--color-text-accent)}.text-\[color\:var$--color-text-primary-inverse$\]{color:var(--color-text-primary-inverse)}.text-\[color\:var$--color-text-secondary$\]{color:var(--color-text-secondary)}.text-\[color\:var$--color-text-tertiary$\]{color:var(--color-text-tertiary)}.text-fg{color:var(--color-text-primary)}.text-on-accent{color:var(--color-text-on-accent-inverse)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-80{opacity:.8}.shadow-\[var$--shadow-m$\]{--tw-shadow:var(--shadow-m);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.group-aria-\[expanded\=true\]\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}.group-aria-\[selected\=true\]\/option\:border-\[color\:var$--color-text-accent$\]:is(:where(.group\/option)[aria-selected=true] *){border-color:var(--color-text-accent)}.group-aria-\[selected\=true\]\/option\:bg-\[color\:var$--color-text-accent$\]:is(:where(.group\/option)[aria-selected=true] *){background-color:var(--color-text-accent)}.placeholder\:text-\[color\:var$--color-text-tertiary$\]::placeholder{color:var(--color-text-tertiary)}@media (hover:hover){.hover\:bg-surface-muted:hover{background-color:var(--color-background-secondary)}.hover\:text-\[color\:var$--color-text-secondary$\]:hover{color:var(--color-text-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:not-aria-disabled\:border-\[color\:var$--color-text-secondary$\]:hover:not([aria-disabled=true]){border-color:var(--color-text-secondary)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var$--border-m$\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--border-m)}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-offset-\[length\:var$--border-m$\]:focus-visible{outline-offset:var(--border-m)}.focus-visible\:outline-\[color\:var$--color-text-accent$\]:focus-visible{outline-color:var(--color-text-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-50:disabled{opacity:.5}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:bg-\[color\:var$--color-background-secondary$\][aria-disabled=true]{background-color:var(--color-background-secondary)}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[invalid\=true\]\:border-\[color\:var$--color-danger-500$\][aria-invalid=true]{border-color:var(--color-danger-500)}@media (hover:hover){.hover\:aria-\[selected\=false\]\:not-aria-disabled\:bg-\[color-mix$in_srgb\,var\(--color-text-primary$_5\%\,transparent\)\]:hover[aria-selected=false]:not([aria-disabled=true]){background-color:var(--color-text-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:aria-\[selected\=false\]\:not-aria-disabled\:bg-\[color-mix$in_srgb\,var\(--color-text-primary$_5\%\,transparent\)\]:hover[aria-selected=false]:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}}.data-\[highlighted\=true\]\:aria-\[selected\=false\]\:bg-\[color-mix$in_srgb\,var\(--color-text-primary$_5\%\,transparent\)\][data-highlighted=true][aria-selected=false]{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab,red,red)){.data-\[highlighted\=true\]\:aria-\[selected\=false\]\:bg-\[color-mix$in_srgb\,var\(--color-text-primary$_5\%\,transparent\)\][data-highlighted=true][aria-selected=false]{background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}.data-\[readonly\=true\]\:cursor-default[data-readonly=true]{cursor:default}.data-\[readonly\=true\]\:border-\[color\:var$--color-border-primary$\][data-readonly=true]{border-color:var(--color-border-primary)}.data-\[state\=checked\]\:border-\[color\:var$--color-text-accent$\][data-state=checked]{border-color:var(--color-text-accent)}.data-\[state\=checked\]\:bg-\[color\:var$--color-text-accent$\][data-state=checked]{background-color:var(--color-text-accent)}.data-\[state\=indeterminate\]\:border-\[color\:var$--color-text-accent$\][data-state=indeterminate]{border-color:var(--color-text-accent)}.data-\[state\=indeterminate\]\:bg-\[color\:var$--color-text-accent$\][data-state=indeterminate]{background-color:var(--color-text-accent)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/package.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+  "name": "@ptlm-azulejo/combobox",
+  "version": "0.0.1-alpha.121",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest --run --passWithNoTests",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "files": [
+    "dist/*"
+  ],
+  "devDependencies": {
+    "@ptlm-azulejo/fonts-adeo": "*",
+    "@ptlm-azulejo/fonts-leroy-merlin": "*",
+    "@ptlm-azulejo/themes": "*",
+    "@storybook/addon-essentials": "^7.0.0",
+    "@storybook/addon-interactions": "^7.0.0",
+    "@storybook/test": "^7.0.0",
+    "@storybook/vue3": "^7.0.0",
+    "@storybook/vue3-vite": "^7.0.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "storybook": "^7.0.0",
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.3.4"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.0"
+  }
+}