sit-onyx 1.0.0-beta.310 → 1.0.0-beta.312

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

@@ -0,0 +1,4 @@
+import { DensityProp } from '../../composables/density.js';
+import { OnyxBasicDialogProps } from '../OnyxBasicDialog/types.js';
+import { OnyxBasicPopoverProps } from '../OnyxBasicPopover/types.js';
+export type OnyxDialogProps = DensityProp & Omit<OnyxBasicPopoverProps, "role" | "fitParent"> & Pick<OnyxBasicDialogProps, "nonDismissible">;

package/dist/components/OnyxSegmentedControl/OnyxSegmentedControl.d.vue.ts

@@ -0,0 +1,17 @@
+import { SelectOptionValue } from '../../types/components.js';
+import { OnyxSegmentedControlProps } from './types.js';
+declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: TValue) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & OnyxSegmentedControlProps<TValue> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: TValue) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,11 +1,11 @@
 import { DensityProp } from '../../composables/density.js';
 import { SkeletonInjected } from '../../composables/useSkeletonState.js';
-import { BaseSelectOption } from '../../types/components.js';
-export type OnyxSegmentedControlProps = DensityProp & {
+import { BaseSelectOption, SelectOptionValue } from '../../types/components.js';
+export type OnyxSegmentedControlProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & {
     /**
-     * value of the active control element
+     * Value of the active control element.
      */
-    modelValue: string;
+    modelValue: TValue;
     /**
      * Whether to show a skeleton segmented control.
      */
@@ -13,14 +13,14 @@ export type OnyxSegmentedControlProps = DensityProp & {
     /**
      * Array of options for the segmented control.
      */
-    options: OnyxSegmentedControlOption[];
+    options: OnyxSegmentedControlOption<TValue>[];
     /**
      * Same as the native `name` attribute of `<input>`.
      * Used to reference the input in JavaScript or in submitted form data.
      */
     name?: string;
 };
-export type OnyxSegmentedControlOption = Pick<BaseSelectOption, "value" | "label" | "hideLabel" | "autofocus" | "disabled"> & {
+export type OnyxSegmentedControlOption<TValue extends SelectOptionValue = SelectOptionValue> = Pick<BaseSelectOption<TValue>, "value" | "label" | "hideLabel" | "autofocus" | "disabled"> & {
     /**
      * Icon for the option. If an icon is provided and `hideLabel` is set the width of the control will be `fit-content`.
      */

package/dist/components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.d.vue.ts

@@ -0,0 +1,7 @@
+import { OnyxSegmentedControlElement } from './types.js';
+declare const _default: import('vue').DefineComponent<OnyxSegmentedControlElement, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxSegmentedControlElement> & Readonly<{}>, {
+    disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+export default _default;

package/dist/index.d.ts

@@ -103,6 +103,10 @@ export { default as OnyxRadioGroup } from './components/OnyxRadioGroup/OnyxRadio
 export * from './components/OnyxRadioGroup/types.js';
 export { default as OnyxRouterLink } from './components/OnyxRouterLink/OnyxRouterLink.vue';
 export * from './components/OnyxRouterLink/types.js';
+export { default as OnyxSegmentedControl } from './components/OnyxSegmentedControl/OnyxSegmentedControl.vue';
+export * from './components/OnyxSegmentedControl/types.js';
+export { default as OnyxSegmentedControlElement } from './components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.vue';
+export * from './components/OnyxSegmentedControlElement/types.js';
 export { default as OnyxSelect } from './components/OnyxSelect/OnyxSelect.vue';
 export * from './components/OnyxSelect/types.js';
 export { default as OnyxSelectDialog } from './components/OnyxSelectDialog/OnyxSelectDialog.vue';