fluekit 2.0.1 → 2.0.2

package/dist/AppBar.d.ts

@@ -1,7 +1,8 @@
 import { EdgeInsets } from './EdgeInsets';
+import { Color } from './Color';
 export interface AppBarProps {
     title?: string;
-    backgroundColor?: string;
+    backgroundColor?: string | Color;
     height?: number;
     centerTitle?: boolean;
     elevation?: number;
@@ -20,7 +21,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AppBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppBarProps> & Readonly<{}>, {
     height: number;
-    backgroundColor: string;
+    backgroundColor: string | Color;
     elevation: number;
     centerTitle: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Border.d.ts

@@ -1,10 +1,11 @@
 import { CSSProperties } from 'vue';
+import { Color } from './Color';
 export type BorderStyleType = "none" | "solid" | "dashed" | "dotted" | "double";
 declare const BORDER_SIDE_SYMBOL: unique symbol;
 declare const BORDERS_SYMBOL: unique symbol;
 export type BorderSide = {
     width?: number | string;
-    color?: string;
+    color?: string | Color;
     style?: BorderStyleType;
     [BORDER_SIDE_SYMBOL]?: true;
 };
@@ -19,7 +20,7 @@ export declare function BorderSide(side: Omit<BorderSide, typeof BORDER_SIDE_SYM
 export interface BorderFunction {
     (side: Omit<BorderSide, typeof BORDER_SIDE_SYMBOL>): BorderSide;
     all: (options?: {
-        color?: string;
+        color?: string | Color;
         width?: number | string;
         style?: BorderStyleType;
     }) => Borders;

package/dist/Box.d.ts

@@ -5,6 +5,7 @@ import { EdgeInsets } from './EdgeInsets';
 import { Borders } from './Border';
 import { BorderRadius } from './BorderRadius';
 import { BoxShadow } from './BoxShadow';
+import { Color } from './Color';
 interface Props {
     width?: number | string;
     height?: number | string;
@@ -15,7 +16,7 @@ interface Props {
     transformAlignment?: Alignment;
     constraints?: BoxConstraints;
     clipBehavior?: "none" | "hardEdge" | "antiAlias" | string;
-    color?: string;
+    color?: string | Color;
     border?: Borders;
     borderRadius?: BorderRadius;
     boxShadow?: BoxShadow[];

package/dist/BoxDecoration.d.ts

@@ -3,6 +3,7 @@ import { Alignment } from './Alignment';
 import { Borders } from './Border';
 import { BorderRadius } from './BorderRadius';
 import { BoxShadowProps } from './BoxShadow';
+import { Color } from './Color';
 import { ImageProvider } from './ImageProvider';
 export * from './Gradient';
 type Valueof<T> = T[keyof T];
@@ -53,7 +54,7 @@ export declare function DecorationImage(props: DecorationImageProps): Decoration
  */
 declare const BOX_DECORATION_SYMBOL: unique symbol;
 export type BoxDecorationProps = {
-    color?: string;
+    color?: string | Color;
     border?: Borders;
     borderRadius?: BorderRadius;
     boxShadow?: BoxShadowProps | BoxShadowProps[];

package/dist/BoxShadow.d.ts

@@ -1,3 +1,4 @@
+import { Color } from './Color';
 export interface Offset {
     x: number;
     y: number;
@@ -9,7 +10,7 @@ export declare enum BlurStyle {
     inner = "inner"
 }
 export interface BoxShadowProps {
-    color?: string;
+    color?: string | Color;
     offset?: Offset;
     blurRadius?: number;
     spreadRadius?: number;

package/dist/Button.d.ts

@@ -2,14 +2,15 @@ import { ButtonStyle } from './ButtonStyle';
 import { Behavior } from './useGesture';
 import { EdgeInsets } from './EdgeInsets';
 import { BorderRadius } from './BorderRadius';
+import { Color } from './Color';
 interface Props {
     disabled?: boolean;
     behavior?: Behavior;
     text?: string;
     style?: ButtonStyle;
     variant?: "ios" | "raw";
-    color?: string;
-    disabledColor?: string;
+    color?: string | Color;
+    disabledColor?: string | Color;
     pressedOpacity?: number;
     padding?: EdgeInsets;
     borderRadius?: BorderRadius;
@@ -38,7 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     disabled: boolean;
     behavior: Behavior;
-    disabledColor: string;
+    disabledColor: string | Color;
     pressedOpacity: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/ButtonStyle.d.ts

@@ -5,12 +5,13 @@ import { BorderRadius } from './BorderRadius';
 import { EdgeInsets } from './EdgeInsets';
 import { SizeType } from './Size';
 import { TextStyle } from './TextStyle';
+import { Color } from './Color';
 export interface ButtonStyle {
     textStyle?: TextStyle;
-    backgroundColor?: string;
-    foregroundColor?: string;
-    overlayColor?: string;
-    shadowColor?: string;
+    backgroundColor?: string | Color;
+    foregroundColor?: string | Color;
+    overlayColor?: string | Color;
+    shadowColor?: string | Color;
     elevation?: number;
     padding?: EdgeInsets;
     minimumSize?: SizeType;

package/dist/Card.d.ts

@@ -1,8 +1,9 @@
 import { BorderRadius } from './BorderRadius';
 import { EdgeInsets } from './EdgeInsets';
+import { Color } from './Color';
 interface Props {
-    color?: string;
-    shadowColor?: string;
+    color?: string | Color;
+    shadowColor?: string | Color;
     elevation?: number;
     shape?: BorderRadius;
     margin?: EdgeInsets;
@@ -20,12 +21,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    color: string;
+    color: string | Color;
     margin: EdgeInsets;
     clipBehavior: "none" | "hardEdge" | "antiAlias" | string;
     elevation: number;
     variant: "material" | "ios";
-    shadowColor: string;
+    shadowColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Checkbox.d.ts

@@ -1,8 +1,9 @@
+import { Color } from './Color';
 export interface CheckboxProps<T> {
     value?: T;
     onChanged?: (value: T) => void;
-    activeColor?: string;
-    checkColor?: string;
+    activeColor?: string | Color;
+    checkColor?: string | Color;
     labelPosition?: "left" | "right";
     hideIcon?: boolean;
 }

package/dist/Color.d.ts

@@ -87,6 +87,13 @@ export declare class Color {
      */
     get value(): number;
 }
+/**
+ * Resolves a color value to a CSS string.
+ *
+ * @param color A string color, a Color object, or undefined/null.
+ * @returns The CSS string representation or undefined.
+ */
+export declare function resolveColor(color: string | Color | undefined | null): string | undefined;
 export declare function withOpacity(color: string | Color, opacity: number): string;
 export declare function withAlpha(color: string | Color, alpha: number): string;
 export declare function withRed(color: string | Color, red: number): string;

package/dist/Container.d.ts

@@ -2,6 +2,7 @@ import { BoxConstraints } from './BoxConstraints';
 import { Alignment } from './Alignment';
 import { BoxDecoration } from './BoxDecoration';
 import { EdgeInsets } from './EdgeInsets';
+import { Color } from './Color';
 interface Props {
     width?: number | string;
     height?: number | string;
@@ -9,7 +10,7 @@ interface Props {
     margin?: EdgeInsets;
     decoration?: BoxDecoration;
     foregroundDecoration?: BoxDecoration;
-    color?: string;
+    color?: string | Color;
     alignment?: Alignment;
     clipBehavior?: "none" | "hardEdge" | "antiAlias" | string;
     transform?: string;

package/dist/CupertinoNavigationBar.d.ts

@@ -1,8 +1,9 @@
 import { EdgeInsets } from './EdgeInsets';
 import { Borders } from './Border';
+import { Color } from './Color';
 export interface CupertinoNavigationBarProps {
     middle?: string;
-    backgroundColor?: string;
+    backgroundColor?: string | Color;
     border?: Borders | null;
     padding?: EdgeInsets;
 }
@@ -19,7 +20,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<CupertinoNavigationBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CupertinoNavigationBarProps> & Readonly<{}>, {
     border: Borders | null;
-    backgroundColor: string;
+    backgroundColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/CupertinoPageScaffold.d.ts

@@ -1,5 +1,6 @@
+import { Color } from './Color';
 export interface CupertinoPageScaffoldProps {
-    backgroundColor?: string;
+    backgroundColor?: string | Color;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -13,7 +14,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<CupertinoPageScaffoldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CupertinoPageScaffoldProps> & Readonly<{}>, {
-    backgroundColor: string;
+    backgroundColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Divider.d.ts

@@ -1,14 +1,15 @@
+import { Color } from './Color';
 interface Props {
     height?: number;
     thickness?: number;
     indent?: number;
     endIndent?: number;
-    color?: string;
+    color?: string | Color;
     vertical?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     height: number;
-    color: string;
+    color: string | Color;
     vertical: boolean;
     thickness: number;
     indent: number;

package/dist/Gradient.d.ts

@@ -1,4 +1,5 @@
 import { Alignment } from './Alignment';
+import { Color } from './Color';
 export declare enum TileMode {
     clamp = "clamp",
     repeated = "repeated",
@@ -9,7 +10,7 @@ export interface GradientTransform {
     transform?: string;
 }
 export interface GradientProps {
-    colors: string[];
+    colors: (string | Color)[];
     stops?: number[];
     transform?: GradientTransform;
     tileMode?: TileMode;

package/dist/Icon.d.ts

@@ -1,4 +1,5 @@
 import { Component } from 'vue';
+import { Color } from './Color';
 interface Props {
     /**
      * The icon to display. Can be:
@@ -15,7 +16,7 @@ interface Props {
      * The color to use when drawing the icon.
      * Defaults to the current text color.
      */
-    color?: string;
+    color?: string | Color;
     /**
      * Semantic label for accessibility.
      */

package/dist/InkWell.d.ts

@@ -1,7 +1,7 @@
+import { Color } from './Color';
 interface Props {
-    onTap?: () => void;
-    splashColor?: string;
-    highlightColor?: string;
+    splashColor?: string | Color;
+    highlightColor?: string | Color;
     borderRadius?: string;
     disabled?: boolean;
 }
@@ -20,7 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onTap?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    splashColor: string;
+    splashColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/InputDecoration.d.ts

@@ -1,6 +1,7 @@
 import { BorderSide } from './Border';
 import { BorderRadius } from './BorderRadius';
 import { TextStyle } from './TextStyle';
+import { Color } from './Color';
 export interface InputBorder {
     borderSide?: BorderSide;
     borderRadius?: BorderRadius;
@@ -27,9 +28,10 @@ export interface InputDecoration {
     errorBorder?: InputBorder;
     disabledBorder?: InputBorder;
     filled?: boolean;
-    fillColor?: string;
+    fillColor?: string | Color;
     contentPadding?: number | number[];
     labelStyle?: TextStyle;
     hintStyle?: TextStyle;
+    helperStyle?: TextStyle;
     errorStyle?: TextStyle;
 }

package/dist/ListTile.d.ts

@@ -1,4 +1,5 @@
 import { EdgeInsets } from './EdgeInsets';
+import { Color } from './Color';
 interface Props {
     leading?: any;
     title?: string;
@@ -6,10 +7,10 @@ interface Props {
     trailing?: any;
     enabled?: boolean;
     selected?: boolean;
-    tileColor?: string;
-    selectedColor?: string;
-    iconColor?: string;
-    textColor?: string;
+    tileColor?: string | Color;
+    selectedColor?: string | Color;
+    iconColor?: string | Color;
+    textColor?: string | Color;
     contentPadding?: EdgeInsets;
     dense?: boolean;
 }
@@ -35,7 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     dense: boolean;
     enabled: boolean;
     selected: boolean;
-    selectedColor: string;
+    selectedColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Radio.d.ts

@@ -1,9 +1,10 @@
+import { Color } from './Color';
 export interface RadioProps<T> {
     value: T;
     groupValue?: T;
     onChanged?: (value: T) => void;
-    activeColor?: string;
-    fillColor?: string;
+    activeColor?: string | Color;
+    fillColor?: string | Color;
     labelPosition?: "left" | "right";
     hideIcon?: boolean;
 }

package/dist/Scaffold.d.ts

@@ -1,5 +1,6 @@
+import { Color } from './Color';
 export interface ScaffoldProps {
-    backgroundColor?: string;
+    backgroundColor?: string | Color;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,7 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScaffoldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScaffoldProps> & Readonly<{}>, {
-    backgroundColor: string;
+    backgroundColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Slider.d.ts

@@ -1,10 +1,11 @@
+import { Color } from './Color';
 interface Props {
     value: number;
     min?: number;
     max?: number;
-    activeColor?: string;
-    inactiveColor?: string;
-    thumbColor?: string;
+    activeColor?: string | Color;
+    inactiveColor?: string | Color;
+    thumbColor?: string | Color;
     variant?: "material" | "ios";
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -17,9 +18,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     min: number;
     max: number;
     variant: "material" | "ios";
-    activeColor: string;
-    inactiveColor: string;
-    thumbColor: string;
+    activeColor: string | Color;
+    inactiveColor: string | Color;
+    thumbColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     trackRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/Switch.d.ts

@@ -1,10 +1,11 @@
+import { Color } from './Color';
 interface Props {
     value: boolean;
     onChanged?: (value: boolean) => void;
-    activeColor?: string;
-    activeTrackColor?: string;
-    inactiveThumbColor?: string;
-    inactiveTrackColor?: string;
+    activeColor?: string | Color;
+    activeTrackColor?: string | Color;
+    inactiveThumbColor?: string | Color;
+    inactiveTrackColor?: string | Color;
     variant?: "material" | "ios";
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -15,9 +16,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:value"?: ((value: boolean) => any) | undefined;
 }>, {
     variant: "material" | "ios";
-    activeColor: string;
-    activeTrackColor: string;
-    inactiveThumbColor: string;
-    inactiveTrackColor: string;
+    activeColor: string | Color;
+    activeTrackColor: string | Color;
+    inactiveThumbColor: string | Color;
+    inactiveTrackColor: string | Color;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/TextField.d.ts

@@ -1,5 +1,6 @@
 import { InputDecoration } from './InputDecoration';
 import { TextStyle } from './TextStyle';
+import { Color } from './Color';
 interface Props {
     modelValue?: string | number;
     decoration?: InputDecoration;
@@ -10,7 +11,7 @@ interface Props {
     minLines?: number;
     keyboardType?: string;
     style?: TextStyle;
-    cursorColor?: string;
+    cursorColor?: string | Color;
     autofocus?: boolean;
     autoGrow?: boolean;
     maxLength?: number;

package/dist/TextStyle.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'vue';
+import { Color } from './Color';
 /**
  * 字体粗细枚举，对应 Flutter 的 FontWeight
  */
@@ -81,7 +82,7 @@ export declare enum TextDirection {
 }
 export interface TextShadow {
     /** 阴影颜色 */
-    color?: string;
+    color?: string | Color;
     /** 水平偏移 */
     offsetX?: number;
     /** 垂直偏移 */
@@ -91,8 +92,8 @@ export interface TextShadow {
 }
 export interface TextStyleProps {
     inherit?: boolean;
-    color?: string;
-    backgroundColor?: string;
+    color?: string | Color;
+    backgroundColor?: string | Color;
     fontSize?: number;
     fontWeight?: FontWeight | number;
     fontStyle?: FontStyle;
@@ -108,7 +109,7 @@ export interface TextStyleProps {
     fontFeatures?: any;
     fontVariations?: any;
     decoration?: TextDecoration;
-    decorationColor?: string;
+    decorationColor?: string | Color;
     decorationStyle?: TextDecorationStyle;
     decorationThickness?: number;
     debugLabel?: string;

package/dist/index.css

@@ -1,2 +1,2 @@
-.fluekit-button[data-v-0af78380]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-0af78380]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.flue-cupertino-navigation-bar[data-v-b5a5c6bf]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-b5a5c6bf]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-0a553bf2]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-0a553bf2]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flue-aspect-ratio[data-v-e23e6712]{grid-template-rows:100%;grid-template-columns:100%;display:grid}.flue-image-color-background[data-v-de3ea6be]{box-sizing:border-box;flex-direction:column;display:flex}.flue-linear-progress-indicator[data-v-56dbe01e]{border-radius:0}@keyframes flue-linear-indeterminate-56dbe01e{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes flue-circular-rotate-f3b133b5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flue-circular-dash-f3b133b5{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:before{content:"";position:html;background-color:var(--v1892c8c4);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-387402c7]{opacity:0;animation:1s linear infinite flue-cupertino-fade-387402c7}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-387402c7]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-387402c7{0%{opacity:1}to{opacity:.3}}
+.fluekit-button[data-v-1964ddef]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-1964ddef]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-96834c76]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-96834c76]{fill:currentColor;width:100%;height:100%;display:block}[data-v-96834c76] svg{fill:currentColor;width:100%;height:100%}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-52a37cda]{width:100%;margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-52a37cda]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-52a37cda]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-element[data-v-52a37cda]::placeholder{color:var(--v78fa3e8e);font-size:var(--v0b1ffc4d);opacity:1}.fluekit-input-label[data-v-52a37cda]{z-index:1}.fluekit-input-footer[data-v-52a37cda]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-52a37cda]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-52a37cda]{flex:1}.fluekit-input-counter[data-v-52a37cda]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-52a37cda]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a5c5a2ad]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a5c5a2ad]{cursor:default}.ripple[data-v-a5c5a2ad]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a5c5a2ad;position:absolute;transform:scale(0)}@keyframes ripple-a5c5a2ad{to{opacity:0;transform:scale(4)}}.slider-container[data-v-18cb2b41],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.flue-cupertino-navigation-bar[data-v-a51399c0]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-a51399c0]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-5d3ac742]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-5d3ac742]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flue-aspect-ratio[data-v-e23e6712]{grid-template-rows:100%;grid-template-columns:100%;display:grid}.flue-image-color-background[data-v-de3ea6be]{box-sizing:border-box;flex-direction:column;display:flex}.flue-linear-progress-indicator[data-v-111d0e67]{border-radius:0}@keyframes flue-linear-indeterminate-111d0e67{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes flue-circular-rotate-870f24f2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flue-circular-dash-870f24f2{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:before{content:"";position:html;background-color:var(--v11a17a47);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]{opacity:0;animation:1s linear infinite flue-cupertino-fade-7e0efd7d}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-7e0efd7d]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-7e0efd7d{0%{opacity:1}to{opacity:.3}}
 /*$vite$:1*/