sakana-element 2.1.2 → 2.1.4

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

@@ -3,7 +3,7 @@ export declare const PxSelect: {
         onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
-        "onVisible-change"?: ((vlaue: boolean) => any) | undefined;
+        "onVisible-change"?: ((value: boolean) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
     }>, {
@@ -13,7 +13,7 @@ export declare const PxSelect: {
         clear: () => any;
         "update:modelValue": (value: string) => any;
         change: (value: string) => any;
-        "visible-change": (vlaue: boolean) => any;
+        "visible-change": (value: boolean) => any;
         blur: () => any;
         focus: () => any;
     }, import('vue').PublicProps, {
@@ -121,6 +121,8 @@ export declare const PxSelect: {
                 readonly modelValue: string;
                 readonly type?: string | undefined;
                 readonly size?: "large" | "small" | undefined;
+                readonly color?: string | undefined;
+                readonly ghost?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly showPassword?: boolean | undefined;
@@ -232,7 +234,7 @@ export declare const PxSelect: {
         onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
-        "onVisible-change"?: ((vlaue: boolean) => any) | undefined;
+        "onVisible-change"?: ((value: boolean) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
     }>, {
@@ -248,7 +250,7 @@ export declare const PxSelect: {
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
-    "onVisible-change"?: ((vlaue: boolean) => any) | undefined;
+    "onVisible-change"?: ((value: boolean) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
 }>, {
@@ -258,7 +260,7 @@ export declare const PxSelect: {
     clear: () => any;
     "update:modelValue": (value: string) => any;
     change: (value: string) => any;
-    "visible-change": (vlaue: boolean) => any;
+    "visible-change": (value: boolean) => any;
     blur: () => any;
     focus: () => any;
 }, string, {

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

@@ -14,6 +14,9 @@ export interface SelectProps {
     placeholder?: string;
     disabled?: boolean;
     clearable?: boolean;
+    ghost?: boolean;
+    color?: string;
+    size?: 'large' | 'small';
     renderLabel?: RenderLabelFunc;
     filterable?: boolean;
     filterMethod?: CustomFilterFunc;
@@ -30,7 +33,7 @@ export interface SelectStates {
 export interface SelectEmits {
     (e: 'update:modelValue', value: string): void;
     (e: 'change', value: string): void;
-    (e: 'visible-change', vlaue: boolean): void;
+    (e: 'visible-change', value: boolean): void;
     (e: 'clear'): void;
     (e: 'focus'): void;
     (e: 'blur'): void;

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

@@ -1,4 +1,4 @@
-import { SelectOptionProps, SelectStates } from 'sakana-element';
+import { SelectOptionProps, SelectStates } from './types';
 import { ComputedRef, Ref } from 'vue';
 interface KeyMapParams {
     isDropdownVisible: Ref<boolean>;

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

@@ -1,5 +1,6 @@
 import { ComputedRef } from 'vue';
 export type SwitchValueType = boolean | string | number;
+export type SwitchType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
 export interface SwitchProps {
     modelValue: SwitchValueType;
     disabled?: boolean;
@@ -10,6 +11,11 @@ export interface SwitchProps {
     name?: string;
     id?: string;
     size?: 'small' | 'large';
+    type?: SwitchType;
+    activeColor?: string;
+    inactiveColor?: string;
+    activeIcon?: string;
+    inactiveIcon?: string;
 }
 export interface SwitchEmits {
     (e: 'update:modelValue', value: SwitchValueType): void;

package/dist/types/components/Tooltip/useEventsToTriggerNode.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, Ref } from 'vue';
+import { TooltipProps } from './types';
+export declare function useEventsToTriggerNode(props: TooltipProps, triggerNode: ComputedRef<HTMLElement | undefined>, events: Ref<Record<string, EventListener>>, closeMethod: () => void): void;
+export default useEventsToTriggerNode;

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

@@ -1,5 +1,7 @@
 export * from './Alert';
+export * from './Badge';
 export * from './Button';
+export * from './Card';
 export * from './Collapse';
 export * from './ConfigProvider';
 export * from './Dropdown';

package/dist/types/hooks/useSystemTheme.d.ts

@@ -21,5 +21,5 @@ export declare function useSystemTheme(): {
     /** Whether system prefers dark mode */
     prefersDark: Ref<boolean, boolean>;
     /** System color scheme preference */
-    prefers: Ref<"light" | "dark", "light" | "dark">;
+    prefers: import('vue').ComputedRef<"dark" | "light">;
 };

package/dist/types/utils/color.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Darken a hex color by a percentage (0-100)
+ */
+export declare function darken(hex: string, amount: number): string;
+/**
+ * Lighten a hex color by a percentage (0-100)
+ */
+export declare function lighten(hex: string, amount: number): string;
+/**
+ * Determine if text should be white or dark based on background luminance
+ */
+export declare function getTextColor(hex: string): string;
+/** Mapping from CSS variable suffix → palette key */
+export type ColorTemplate = Record<string, string>;
+/**
+ * Build a standard color palette from a hex color.
+ * Components can extend this with additional derived colors.
+ */
+export declare function createColorPalette(hex: string): Record<string, string>;
+/**
+ * Resolve a color template into CSS custom properties.
+ *
+ * @param palette  - Pre-computed color values (e.g. from createColorPalette)
+ * @param prefix   - CSS variable prefix (e.g. 'px-alert', 'px-badge')
+ * @param template - Maps CSS variable suffix → palette key
+ * @returns Record to bind via :style
+ */
+export declare function resolveColorVars(palette: Record<string, string>, prefix: string, template: ColorTemplate): Record<string, string>;
+/**
+ * Shared variant templates for simple components (Alert, Badge).
+ * Each key maps a CSS variable suffix to a palette color key.
+ */
+export declare const SIMPLE_COLOR_TEMPLATES: Record<string, ColorTemplate>;

package/dist/types/utils/index.d.ts

@@ -10,6 +10,7 @@ export declare const RenderVnode: import('vue').DefineComponent<import('vue').Ex
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export * from './color';
 export * from './error';
 export * from './icon-map';
 export * from './icon-registry';