@skewedaspect/sleekspace-ui 0.9.0 → 0.10.0

package/dist/components/Accordion/context.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { SkAccordionKind } from './types';
+export declare const ACCORDION_KIND_KEY: InjectionKey<ComputedRef<SkAccordionKind | undefined>>;
+export declare const ACCORDION_MODEL_VALUE_KEY: InjectionKey<Ref<string | string[] | undefined>>;

package/dist/components/Autocomplete/SkAutocomplete.vue.d.ts

@@ -0,0 +1,87 @@
+import { ComponentCustomColors } from '../../types';
+import { SkAutocompleteKind, SkAutocompleteSize } from './types';
+export interface SkAutocompleteComponentProps extends ComponentCustomColors {
+    /**
+     * Semantic color kind that controls the input border, focus ring, and highlighted
+     * suggestion appearance. When used inside SkField, inherits the field's kind if not
+     * explicitly set.
+     * @default 'neutral' (or inherited from parent SkField)
+     */
+    kind?: SkAutocompleteKind;
+    /**
+     * Size of the input field and dropdown content. Controls input height, text size,
+     * and option dimensions. Available sizes: 'sm', 'md', 'lg'.
+     * @default 'md'
+     */
+    size?: SkAutocompleteSize;
+    /**
+     * Placeholder text displayed in the input field when empty.
+     * @default 'Search...'
+     */
+    placeholder?: string;
+    /**
+     * When true, the autocomplete is disabled and cannot be interacted with.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * When true, opens the suggestion menu as soon as the input gains focus.
+     * Set to false to require typing before suggestions appear.
+     * @default true
+     */
+    openOnFocus?: boolean;
+    /**
+     * When true, opens the suggestion menu on click. RekaUI's default is false; opt in
+     * if you want a click-to-open UX in addition to focus-based opening.
+     * @default false
+     */
+    openOnClick?: boolean;
+    /**
+     * When true, displays a clear button inside the input that resets the typed value.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * When true, disables the built-in client-side filtering. Use this for async or
+     * server-driven suggestions, where you'll listen to `@update:search` and provide
+     * pre-filtered items.
+     * @default false
+     */
+    ignoreFilter?: boolean;
+}
+type __VLS_Props = SkAutocompleteComponentProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:search": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+}>, {
+    kind: SkAutocompleteKind;
+    disabled: boolean;
+    size: SkAutocompleteSize;
+    placeholder: string;
+    openOnFocus: boolean;
+    openOnClick: boolean;
+    clearable: boolean;
+    ignoreFilter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Autocomplete/SkAutocompleteEmpty.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Autocomplete/SkAutocompleteGroup.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Autocomplete/SkAutocompleteGroupLabel.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Autocomplete/SkAutocompleteItem.vue.d.ts

@@ -0,0 +1,39 @@
+export interface SkAutocompleteItemComponentProps {
+    /**
+     * The string written into the input when this item is selected. Must be unique
+     * within the autocomplete to ensure proper highlight/match behavior.
+     */
+    value: string;
+    /**
+     * When true, this suggestion is disabled and cannot be selected. Skipped during
+     * keyboard navigation.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional override for filter/typeahead matching. Use when the slot content is
+     * non-textual (icons, custom layouts) and you need to specify what text the
+     * client-side filter should match against.
+     */
+    textValue?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SkAutocompleteItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkAutocompleteItemComponentProps> & Readonly<{}>, {
+    disabled: boolean;
+    textValue: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Autocomplete/SkAutocompleteSeparator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Autocomplete/index.d.ts

@@ -0,0 +1,7 @@
+export { default as SkAutocomplete } from './SkAutocomplete.vue';
+export { default as SkAutocompleteEmpty } from './SkAutocompleteEmpty.vue';
+export { default as SkAutocompleteGroup } from './SkAutocompleteGroup.vue';
+export { default as SkAutocompleteGroupLabel } from './SkAutocompleteGroupLabel.vue';
+export { default as SkAutocompleteItem } from './SkAutocompleteItem.vue';
+export { default as SkAutocompleteSeparator } from './SkAutocompleteSeparator.vue';
+export type { SkAutocompleteKind, SkAutocompleteSize } from './types';

package/dist/components/Autocomplete/types.d.ts

@@ -0,0 +1,3 @@
+import { ComponentKind, ComponentSize } from '../../types';
+export type SkAutocompleteKind = ComponentKind;
+export type SkAutocompleteSize = ComponentSize;

package/dist/components/Breadcrumbs/context.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue';
+import { SkBreadcrumbsKind } from './types';
+export declare const BREADCRUMBS_KIND_KEY: InjectionKey<Ref<SkBreadcrumbsKind | undefined>>;
+export declare const BREADCRUMBS_SEPARATOR_KEY: InjectionKey<Ref<string | undefined>>;

package/dist/components/Button/SkButton.vue.d.ts

@@ -1,5 +1,5 @@
 import { ComponentCustomColors } from '../../types';
-import { SkButtonKind, SkButtonSize, SkButtonType, SkButtonVariant } from './types';
+import { SkButtonCorner, SkButtonKind, SkButtonSize, SkButtonType, SkButtonVariant } from './types';
 export interface SkButtonComponentProps extends ComponentCustomColors {
     /**
      * The HTML `type` attribute for the button element. Only applies when rendering as a `<button>`
@@ -57,6 +57,12 @@ export interface SkButtonComponentProps extends ComponentCustomColors {
      * @default false
      */
     dense?: boolean;
+    /**
+     * Which corners receive the beveled cut. Pass an empty array for square corners.
+     * When omitted, defaults to the button's standalone visual (`top-left` + `bottom-right`).
+     * @default undefined (renders as ['top-left', 'bottom-right'])
+     */
+    corners?: SkButtonCorner[];
     /**
      * URL for the button to navigate to. When provided, the button renders as an `<a>` element
      * instead of a `<button>`. Use for external links or simple navigation that doesn't require
@@ -95,6 +101,7 @@ declare const __VLS_component: import('vue').DefineComponent<SkButtonComponentPr
     loading: boolean;
     pressed: boolean;
     dense: boolean;
+    corners: SkButtonCorner[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Button/types.d.ts

@@ -1,5 +1,7 @@
 import { ComponentKind, ComponentSize, ComponentVariant } from '../../types';
+import { SkCorner } from '../../types/corners';
 export type SkButtonType = 'button' | 'submit' | 'reset';
+export type SkButtonCorner = SkCorner;
 export type SkButtonKind = ComponentKind;
 export type SkButtonVariant = ComponentVariant;
 export type SkButtonSize = ComponentSize;

package/dist/components/Card/SkCard.vue.d.ts

@@ -83,9 +83,9 @@ declare const __VLS_component: import('vue').DefineComponent<SkCardComponentProp
     kind: SkCardKind;
     size: SkPanelSize;
     title: string;
+    corners: SkPanelCorner[];
     showDecoration: boolean;
     noBorder: boolean;
-    corners: SkPanelCorner[];
     decorationCorner: SkPanelCorner;
     noDecoration: boolean;
     headerColor: string;

package/dist/components/ContextMenu/context.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { SkContextMenuKind } from './types';
+export declare const CONTEXT_MENU_KIND_KEY: InjectionKey<ComputedRef<SkContextMenuKind | undefined>>;

package/dist/components/Dropdown/SkDropdown.vue.d.ts

@@ -57,10 +57,10 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkDropdownComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkDropdownComponentProps> & Readonly<{}>, {
     kind: SkDropdownKind;
     size: SkDropdownSize;
-    triggerText: string;
     side: SkDropdownSide;
     sideOffset: number;
     align: SkDropdownAlign;
+    triggerText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Dropdown/context.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { SkDropdownKind } from './types';
+export declare const DROPDOWN_KIND_KEY: InjectionKey<ComputedRef<SkDropdownKind | undefined>>;

package/dist/components/Field/SkField.vue.d.ts

@@ -1,3 +1,4 @@
+import { ComponentKind } from '../../types';
 import { SkFieldLabelPosition } from './types';
 export interface SkFieldComponentProps {
     /**
@@ -56,14 +57,14 @@ export interface SkFieldComponentProps {
      * inputs via Vue's provide/inject system.
      * @default 'success'
      */
-    validKind?: string;
+    validKind?: ComponentKind;
     /**
      * Semantic kind to apply to the child input when `state` is `false` (invalid). Typically
      * 'danger' for red styling indicating validation errors. The kind is provided to child
      * inputs via Vue's provide/inject system.
      * @default 'danger'
      */
-    invalidKind?: string;
+    invalidKind?: ComponentKind;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -72,7 +73,7 @@ declare function __VLS_template(): {
             id: string;
             ariaDescribedby: string | undefined;
             ariaInvalid: string | undefined;
-            kind: string | undefined;
+            kind: ComponentKind | undefined;
         }): any;
     };
     refs: {};
@@ -82,13 +83,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkFieldComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkFieldComponentProps> & Readonly<{}>, {
     label: string;
     required: boolean;
-    id: string;
     description: string;
+    id: string;
     error: string;
     labelPosition: SkFieldLabelPosition;
     state: boolean | null;
-    validKind: string;
-    invalidKind: string;
+    validKind: ComponentKind;
+    invalidKind: ComponentKind;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Input/SkInput.vue.d.ts

@@ -1,5 +1,5 @@
 import { ComponentCustomColors } from '../../types';
-import { SkInputKind, SkInputSize, SkInputType } from './types';
+import { SkInputCorner, SkInputKind, SkInputSize, SkInputType } from './types';
 export interface SkInputComponentProps extends ComponentCustomColors {
     /**
      * The HTML input type attribute controlling the input behavior and keyboard on mobile devices.
@@ -21,6 +21,12 @@ export interface SkInputComponentProps extends ComponentCustomColors {
      * @default 'md'
      */
     size?: SkInputSize;
+    /**
+     * Which corners receive the beveled cut. Pass an empty array for square corners.
+     * When omitted, defaults to the input's standalone visual (`top-right` only).
+     * @default undefined (renders as ['top-right'])
+     */
+    corners?: SkInputCorner[];
     /**
      * Placeholder text displayed when the input is empty. Use to provide hints about expected
      * input format or example values. The placeholder disappears when the user begins typing.
@@ -78,7 +84,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     placeholder: string;
     required: boolean;
     name: string;
-    readonly: boolean;
     autocomplete: string;
+    corners: SkInputCorner[];
+    readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
 export default _default;

package/dist/components/Input/types.d.ts

@@ -1,4 +1,6 @@
 import { ComponentKind, ComponentSize } from '../../types';
+import { SkCorner } from '../../types/corners';
 export type SkInputKind = ComponentKind;
 export type SkInputSize = ComponentSize;
 export type SkInputType = 'text' | 'email' | 'password' | 'url' | 'tel' | 'search' | 'number';
+export type SkInputCorner = SkCorner;

package/dist/components/InputGroup/SkInputGroup.vue.d.ts

@@ -0,0 +1,23 @@
+import { SkInputGroupBaseProps, SkInputGroupCorner, SkInputGroupKind, SkInputGroupSize } from './types';
+export type { SkInputGroupComponentProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SkInputGroupBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkInputGroupBaseProps> & Readonly<{}>, {
+    kind: SkInputGroupKind;
+    size: SkInputGroupSize;
+    corners: SkInputGroupCorner[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputGroup/SkInputGroupAddon.vue.d.ts

@@ -0,0 +1,33 @@
+import { SkInputGroupAddonKind, SkInputGroupAddonSize } from './types';
+export interface SkInputGroupAddonComponentProps {
+    /**
+     * Semantic color kind. Inherits from a parent SkInputGroup or SkField when not set.
+     * @default inherited or 'neutral'
+     */
+    kind?: SkInputGroupAddonKind;
+    /**
+     * Size of the addon. Inherits from a parent SkInputGroup when not set.
+     * @default inherited or 'md'
+     */
+    size?: SkInputGroupAddonSize;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SkInputGroupAddonComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkInputGroupAddonComponentProps> & Readonly<{}>, {
+    kind: SkInputGroupAddonKind;
+    size: SkInputGroupAddonSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputGroup/types.d.ts

@@ -0,0 +1,13 @@
+import { ComponentCustomColors, ComponentKind, ComponentSize } from '../../types';
+import { SkCorner } from '../../types/corners';
+export type SkInputGroupKind = ComponentKind;
+export type SkInputGroupSize = ComponentSize;
+export type SkInputGroupCorner = SkCorner;
+export type SkInputGroupAddonKind = SkInputGroupKind;
+export type SkInputGroupAddonSize = SkInputGroupSize;
+export interface SkInputGroupBaseProps extends ComponentCustomColors {
+    kind?: SkInputGroupKind;
+    size?: SkInputGroupSize;
+    corners?: SkInputGroupCorner[];
+}
+export type SkInputGroupComponentProps = SkInputGroupBaseProps;

package/dist/components/NumberInput/SkNumberInput.vue.d.ts

@@ -1,5 +1,5 @@
 import { ComponentCustomColors } from '../../types';
-import { SkNumberInputKind, SkNumberInputSize } from './types';
+import { SkNumberInputCorner, SkNumberInputKind, SkNumberInputSize } from './types';
 export interface SkNumberInputComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind for the input border and focus ring. Use semantic kinds like
@@ -69,6 +69,18 @@ export interface SkNumberInputComponentProps extends ComponentCustomColors {
      * @default 1
      */
     step?: number;
+    /**
+     * When true, renders the increment/decrement stepper buttons on the right side of the
+     * input. Set to false for a plain numeric text field (users can still use arrow keys
+     * and type values directly).
+     * @default true
+     */
+    showSteppers?: boolean;
+    /**
+     * Which corners receive the beveled cut. Pass an empty array for square corners.
+     * @default undefined (renders as ['top-right'])
+     */
+    corners?: SkNumberInputCorner[];
 }
 type __VLS_Props = SkNumberInputComponentProps;
 type __VLS_PublicProps = {
@@ -85,9 +97,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     placeholder: string;
     required: boolean;
     name: string;
+    corners: SkNumberInputCorner[];
     readonly: boolean;
     min: number;
     max: number;
     step: number;
+    showSteppers: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/NumberInput/types.d.ts

@@ -1,3 +1,5 @@
 import { ComponentKind, ComponentSize } from '../../types';
+import { SkCorner } from '../../types/corners';
 export type SkNumberInputKind = ComponentKind;
 export type SkNumberInputSize = ComponentSize;
+export type SkNumberInputCorner = SkCorner;

package/dist/components/Pagination/context.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey, Ref } from 'vue';
+import { SkPaginationKind, SkPaginationSize, SkPaginationVariant } from './types';
+export declare const PAGINATION_KIND_KEY: InjectionKey<Ref<SkPaginationKind | undefined>>;
+export declare const PAGINATION_SIZE_KEY: InjectionKey<Ref<SkPaginationSize | undefined>>;
+export declare const PAGINATION_VARIANT_KEY: InjectionKey<Ref<SkPaginationVariant | undefined>>;

package/dist/components/Panel/SkPanel.vue.d.ts

@@ -55,9 +55,9 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkPanelComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkPanelComponentProps> & Readonly<{}>, {
     kind: SkPanelKind;
     size: SkPanelSize;
+    corners: SkPanelCorner[];
     showDecoration: boolean;
     noBorder: boolean;
-    corners: SkPanelCorner[];
     decorationCorner: SkPanelCorner;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Panel/types.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind } from '../../types';
+import { SkCorner } from '../../types/corners';
 export type SkPanelKind = ComponentKind;
 export type SkPanelSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type SkPanelCorner = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
+export type SkPanelCorner = SkCorner;

package/dist/components/Radio/context.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { SkRadioKind, SkRadioSize } from './types';
+export declare const RADIO_KIND_KEY: InjectionKey<ComputedRef<SkRadioKind | undefined>>;
+export declare const RADIO_SIZE_KEY: InjectionKey<ComputedRef<SkRadioSize | undefined>>;

package/dist/components/Select/SkSelect.vue.d.ts

@@ -1,5 +1,5 @@
 import { ComponentCustomColors } from '../../types';
-import { SkSelectKind, SkSelectSize } from './types';
+import { SkSelectCorner, SkSelectKind, SkSelectSize } from './types';
 export interface SkSelectComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind that controls the trigger border, focus ring, and selected
@@ -28,6 +28,11 @@ export interface SkSelectComponentProps extends ComponentCustomColors {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Which corners receive the beveled cut. Pass an empty array for square corners.
+     * @default undefined (renders as ['top-right'])
+     */
+    corners?: SkSelectCorner[];
 }
 type __VLS_Props = SkSelectComponentProps;
 type __VLS_PublicProps = {
@@ -51,6 +56,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     disabled: boolean;
     size: SkSelectSize;
     placeholder: string;
+    corners: SkSelectCorner[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Select/types.d.ts

@@ -1,3 +1,5 @@
 import { ComponentKind, ComponentSize } from '../../types';
+import { SkCorner } from '../../types/corners';
 export type SkSelectKind = ComponentKind;
 export type SkSelectSize = ComponentSize;
+export type SkSelectCorner = SkCorner;

package/dist/components/Sidebar/SkSidebar.vue.d.ts

@@ -40,8 +40,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkSidebarComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSidebarComponentProps> & Readonly<{}>, {
     kind: SkSidebarKind;
-    dense: boolean;
     side: SkSidebarSide;
+    dense: boolean;
     width: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Tabs/context.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ComponentKind } from '../../types';
+import { SkTabsOrientation, SkTabsPlacement } from './types';
+export declare const TABS_KIND_KEY: InjectionKey<ComputedRef<ComponentKind | undefined>>;
+export declare const TABS_ORIENTATION_KEY: InjectionKey<ComputedRef<SkTabsOrientation>>;
+export declare const TABS_PLACEMENT_KEY: InjectionKey<ComputedRef<SkTabsPlacement>>;

package/dist/components/Textarea/SkTextarea.vue.d.ts

@@ -78,8 +78,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     placeholder: string;
     required: boolean;
     name: string;
-    readonly: boolean;
     autocomplete: string;
+    readonly: boolean;
     rows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTextAreaElement>;
 export default _default;

package/dist/components/Tooltip/SkTooltip.vue.d.ts

@@ -65,10 +65,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkTooltipComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkTooltipComponentProps> & Readonly<{}>, {
     kind: ComponentKind;
-    variant: "solid" | "outline";
     side: SkTooltipSide;
     sideOffset: number;
     align: "start" | "center" | "end";
+    variant: "solid" | "outline";
     showArrow: boolean;
     delayDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/composables/injectionKeys.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ComponentKind, ComponentSize } from '../types';
+export type KindContext = ComputedRef<ComponentKind | undefined>;
+export type SizeContext = ComputedRef<ComponentSize | undefined>;
+export declare const validationKindKey: InjectionKey<KindContext>;
+export declare const inheritedKindKey: InjectionKey<KindContext>;
+export declare const inputGroupSizeKey: InjectionKey<SizeContext>;
+export declare const NO_KIND: KindContext;
+export declare const NO_SIZE: SizeContext;

package/dist/global.d.ts

@@ -26,6 +26,8 @@ declare module '@vue/runtime-core' {
         SkAccordion: DefineComponent<import('./components/Accordion/SkAccordion.vue').SkAccordionComponentProps>;
         SkAccordionItem: DefineComponent<import('./components/Accordion/SkAccordionItem.vue').SkAccordionItemComponentProps>;
         SkAlert: DefineComponent<import('./components/Alert/SkAlert.vue').SkAlertComponentProps>;
+        SkAutocomplete: DefineComponent<import('./components/Autocomplete/SkAutocomplete.vue').SkAutocompleteComponentProps>;
+        SkAutocompleteItem: DefineComponent<import('./components/Autocomplete/SkAutocompleteItem.vue').SkAutocompleteItemComponentProps>;
         SkAvatar: DefineComponent<import('./components/Avatar/SkAvatar.vue').SkAvatarComponentProps>;
         SkBreadcrumbItem: DefineComponent<import('./components/Breadcrumbs/SkBreadcrumbItem.vue').SkBreadcrumbItemComponentProps>;
         SkBreadcrumbs: DefineComponent<import('./components/Breadcrumbs/SkBreadcrumbs.vue').SkBreadcrumbsComponentProps>;
@@ -50,6 +52,8 @@ declare module '@vue/runtime-core' {
         SkField: DefineComponent<import('./components/Field/SkField.vue').SkFieldComponentProps>;
         SkGroup: DefineComponent<import('./components/Group/SkGroup.vue').SkGroupComponentProps>;
         SkInput: DefineComponent<import('./components/Input/SkInput.vue').SkInputComponentProps>;
+        SkInputGroup: DefineComponent<import('./components/InputGroup/SkInputGroup.vue').SkInputGroupComponentProps>;
+        SkInputGroupAddon: DefineComponent<import('./components/InputGroup/SkInputGroupAddon.vue').SkInputGroupAddonComponentProps>;
         SkListbox: DefineComponent<import('./components/Listbox/SkListbox.vue').SkListboxComponentProps>;
         SkListboxItem: DefineComponent<import('./components/Listbox/SkListboxItem.vue').SkListboxItemComponentProps>;
         SkModal: DefineComponent<import('./components/Modal/SkModal.vue').SkModalComponentProps>;