@surgeui/ds-vue 2.1.0 → 2.2.0

package/dist/components/atoms/Toggle.vue.d.ts

@@ -0,0 +1,19 @@
+import { ToggleProps } from '../../types';
+type __VLS_Props = ToggleProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: import('../../types').Size;
+    variant: import('../../types').ToggleVariant;
+    radius: import('../../types').Radius;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;
+//# sourceMappingURL=Toggle.vue.d.ts.map

package/dist/components/atoms/Toggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Toggle.vue"],"names":[],"mappings":"AAiOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,WAAW,GAAG,WAAW,CAAC;AAoE/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;AAiFhB,wBASG"}

package/dist/components/molecules/ToggleGroup.vue.d.ts

@@ -0,0 +1,24 @@
+import { ToggleGroupProps } from '../../types';
+type __VLS_Props = ToggleGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: (string | number)[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: string | number, active: boolean) => any;
+    change: (value: (string | number)[]) => any;
+    "update:modelValue": (value: (string | number)[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((item: string | number, active: boolean) => any) | undefined;
+    onChange?: ((value: (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    size: import('../../types').Size;
+    variant: import('../../types').ToggleVariant;
+    radius: import('../../types').Radius;
+    disabled: boolean;
+    orientation: import('../../types').Orientation;
+    gap: import('../../types').Gap;
+    mode: import('../../types').ToggleGroupMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ToggleGroup.vue.d.ts.map

package/dist/components/molecules/ToggleGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/ToggleGroup.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA6EpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAChC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;AAgGhB,wBASG"}

package/dist/composables/index.d.ts

@@ -1,5 +1,6 @@
 import { useTheme } from './useTheme';
 import { useCustomTheme } from './useCustomTheme';
 import { useUniqueId } from './useUniqueId';
-export { useTheme, useCustomTheme, useUniqueId, };
+import { useBreakpoint } from './useBreakpoint';
+export { useTheme, useCustomTheme, useUniqueId, useBreakpoint, };
 //# sourceMappingURL=index.d.ts.map

package/dist/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EACL,QAAQ,EACR,cAAc,EACd,WAAW,GACZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/composables/useBreakpoint.d.ts

@@ -0,0 +1,83 @@
+export type BreakpointKey = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface BreakpointConfig {
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    '2xl'?: number;
+}
+export interface UseBreakpointOptions {
+    /** Surcharge des breakpoints par défaut */
+    breakpoints?: BreakpointConfig;
+}
+export interface BreakpointMatches {
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+    xl: boolean;
+    '2xl': boolean;
+}
+/**
+ * Composable pour la détection réactive des breakpoints.
+ *
+ * Utilise `window.matchMedia` pour une détection performante
+ * sans écouter l'événement `resize`. Compatible SSR (valeurs
+ * neutres côté serveur).
+ *
+ * @example
+ * ```ts
+ * const { current, isUp, isDown, isBetween, matches } = useBreakpoint()
+ *
+ * // Breakpoint actif
+ * current.value // 'md'
+ *
+ * // Vérifications
+ * isUp('md')    // true si largeur >= 768px
+ * isDown('lg')  // true si largeur < 1024px
+ * isBetween('sm', 'lg') // true si >= 640px et < 1024px
+ *
+ * // Objet réactif complet
+ * matches.value // { sm: true, md: true, lg: false, xl: false, '2xl': false }
+ * ```
+ */
+export declare function useBreakpoint(options?: UseBreakpointOptions): {
+    /** Breakpoint actif le plus large ('xs' si aucun) */
+    current: import('vue').ComputedRef<"xs" | BreakpointKey>;
+    /** Largeur du viewport en pixels (réactif) */
+    width: Readonly<import('vue').Ref<number, number>>;
+    /** Objet réactif { sm: bool, md: bool, lg: bool, xl: bool, '2xl': bool } */
+    matches: Readonly<import('vue').Ref<{
+        readonly sm: boolean;
+        readonly md: boolean;
+        readonly lg: boolean;
+        readonly xl: boolean;
+        readonly '2xl': boolean;
+    }, {
+        readonly sm: boolean;
+        readonly md: boolean;
+        readonly lg: boolean;
+        readonly xl: boolean;
+        readonly '2xl': boolean;
+    }>>;
+    /** true si largeur >= breakpoint */
+    isUp: (breakpoint: BreakpointKey) => boolean;
+    /** true si largeur < breakpoint */
+    isDown: (breakpoint: BreakpointKey) => boolean;
+    /** true si largeur >= min et < max */
+    isBetween: (min: BreakpointKey, max: BreakpointKey) => boolean;
+    /** Configuration des breakpoints utilisée */
+    breakpoints: Readonly<import('vue').Ref<{
+        readonly sm: number;
+        readonly md: number;
+        readonly lg: number;
+        readonly xl: number;
+        readonly '2xl': number;
+    }, {
+        readonly sm: number;
+        readonly md: number;
+        readonly lg: number;
+        readonly xl: number;
+        readonly '2xl': number;
+    }>>;
+};
+//# sourceMappingURL=useBreakpoint.d.ts.map

package/dist/composables/useBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/composables/useBreakpoint.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,OAAO,CAAA;IACX,EAAE,EAAE,OAAO,CAAA;IACX,EAAE,EAAE,OAAO,CAAA;IACX,EAAE,EAAE,OAAO,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;CACf;AA2BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB;IAkJ5D,qDAAqD;;IAGrD,8CAA8C;;IAG9C,4EAA4E;;qBA/M1E,OAAO;qBACP,OAAO;qBACP,OAAO;qBACP,OAAO;wBACJ,OAAO;;qBAJV,OAAO;qBACP,OAAO;qBACP,OAAO;qBACP,OAAO;wBACJ,OAAO;;IA8MZ,oCAAoC;uBAhFZ,aAAa,KAAG,OAAO;IAmF/C,mCAAmC;yBA5ET,aAAa,KAAG,OAAO;IA+EjD,sCAAsC;qBAxEhB,aAAa,OAAO,aAAa,KAAG,OAAO;IA2EjE,6CAA6C;;qBAxO1C,MAAM;qBACN,MAAM;qBACN,MAAM;qBACN,MAAM;wBACH,MAAM;;qBAJT,MAAM;qBACN,MAAM;qBACN,MAAM;qBACN,MAAM;wBACH,MAAM;;EAuOf"}