@flux-ui/components 3.0.0-next.66 → 3.0.0-next.67

package/dist/component/primitive/SliderTrack.vue.d.ts

@@ -3,19 +3,15 @@ type __VLS_Props = {
     readonly percentageLower: number;
     readonly percentageUpper: number;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/component/primitive/TreeNodeRenderer.vue.d.ts

@@ -1,21 +1,19 @@
 import { FluxColor } from '@flux-ui/types';
 import { TreeBaseOption, TreeFlatNode } from '../../composable/private';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
-declare const _default: <TOption extends TreeBaseOption>(__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 onExpandClick?: (args_0: MouseEvent) => any;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onExpandClick"> & {
+import { PublicProps, VNode } from 'vue';
+declare const __VLS_export: <TOption extends TreeBaseOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & __VLS_PrettifyLocal<{
         readonly node: TreeFlatNode<TOption>;
         readonly expanded: boolean;
         readonly levelColors?: (FluxColor | string)[];
-    } & Partial<{}>> & PublicProps;
-    expose(exposed: ShallowUnwrapRef<{}>): void;
+    } & {
+        onExpandClick?: (args_0: MouseEvent) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
-    slots: Readonly<{
-        trailing?(props: {
-            node: TreeFlatNode<TOption>;
-        }): any;
-    }> & {
+    slots: {
         trailing?(props: {
             node: TreeFlatNode<TOption>;
         }): any;
@@ -24,7 +22,10 @@ declare const _default: <TOption extends TreeBaseOption>(__VLS_props: NonNullabl
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/index.css

@@ -3152,7 +3152,7 @@
   transition-property: opacity;
 }
 .checkbox-element .icon :is(path) {
-  stroke: white;
+  stroke: currentColor;
   stroke-width: 54px;
 }
 
@@ -3181,6 +3181,14 @@
   outline-color: var(--primary-600);
   outline-offset: 2px;
 }
+.checkbox-native:disabled {
+  cursor: not-allowed;
+}
+.checkbox-native:disabled + .checkbox-element {
+  background: var(--gray-100);
+  border-color: var(--gray-200);
+  color: var(--foreground-secondary);
+}
 
 .quantity-selector {
   min-width: max-content;
@@ -3299,6 +3307,12 @@
   border: 1px solid var(--gray-200);
   border-radius: var(--radius-full);
   contain: paint;
+  outline: 2px solid rgb(from var(--primary-600) r g b/0);
+  outline-offset: 0;
+}
+.toggle:has(.toggle-input:focus-visible) {
+  outline-color: var(--primary-600);
+  outline-offset: 2px;
 }
 .toggle.is-checked {
   border-color: transparent;
@@ -3361,12 +3375,6 @@
   border-radius: inherit;
   cursor: pointer;
   outline: 0;
-  outline: 2px solid rgb(from var(--primary-600) r g b/0);
-  outline-offset: 0;
-}
-.toggle-input:focus-visible {
-  outline-color: var(--primary-600);
-  outline-offset: 2px;
 }
 .toggle-input::after {
   position: absolute;