@webx-ui/core 0.29.0 → 0.30.1

package/dist/components/ThemeSwitch/ThemeSwitch.d.ts

@@ -0,0 +1,29 @@
+import { ThemePreference, ThemeSwitchProps } from './types';
+/**
+ * Light, whatever the machine says, dark.
+ *
+ * It only reports the choice: applying it is `applyTheme()`'s job, and remembering it belongs
+ * to whoever knows where this person's settings live. Three states rather than two because
+ * "follow the machine" is a real answer and cannot be spelled with a toggle — a two-way
+ * switch can only ever guess which side of it means "I have not decided".
+ */
+type __VLS_Props = ThemeSwitchProps;
+type __VLS_PublicProps = {
+    modelValue?: ThemePreference;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: ThemePreference) => any;
+    "update:modelValue": (value: ThemePreference) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: ThemePreference) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ThemePreference) => any) | undefined;
+}>, {
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    ariaLabel: string;
+    block: boolean;
+    lightLabel: string;
+    darkLabel: string;
+    systemLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as WxThemeSwitch } from './ThemeSwitch';
+export type * from './types';

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

@@ -0,0 +1,22 @@
+import { ThemePreference } from '@webx-ui/tokens';
+import { ControlSize } from '../../composables/useFormField';
+export type { ThemePreference };
+export interface ThemeSwitchProps {
+    size?: ControlSize;
+    /** Stretches to the width it is given, the three sharing it equally. */
+    block?: boolean;
+    disabled?: boolean;
+    /** Accessible name for the group. */
+    ariaLabel?: string;
+    /**
+     * The three names. They are read out, shown on hover and nowhere else — the pictures are
+     * the control — but they are the only thing that says what "system" means, so they are
+     * worth translating.
+     */
+    lightLabel?: string;
+    darkLabel?: string;
+    systemLabel?: string;
+}
+export interface ThemeSwitchEmits {
+    change: [value: ThemePreference];
+}

package/dist/components/index.d.ts

@@ -90,6 +90,7 @@ export * from './Tabs';
 export * from './TagsInput';
 export * from './Text';
 export * from './Textarea';
+export * from './ThemeSwitch';
 export * from './Timeline';
 export * from './TimelineItem';
 export * from './TimePicker';