@flickfyi/flkr 0.0.141 → 0.0.153

package/node_modules/@flickfyi/core/dist/kowalski/frame.d.ts

@@ -0,0 +1,161 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { KowalskiComponent } from './catalog.js';
+import * as stylex from '@stylexjs/stylex';
+/**
+ * Every feature is one tray: the theme's tray color, radius and edge, content at p-4.
+ * One painted top-level surface is also what the native renderer turns into the card.
+ */
+export declare function FeatureFrame({ children, component, detail, header, notice, onRetry, title, trailing, }: PropsWithChildren<{
+    component: KowalskiComponent;
+    detail?: string;
+    header?: ReactNode;
+    notice?: string;
+    onRetry?: () => void;
+    title: string;
+    trailing?: ReactNode;
+}>): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+/** A focal panel inside the tray: surface paint, control radius to stay concentric at p-4. */
+export declare function FeatureWell({ children, style, }: PropsWithChildren<{
+    style?: stylex.StyleXArray<stylex.StyleXStyles>;
+}>): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+/** Facts as label and value rows on one quiet surface, like an invoice's terms. */
+export declare function FeatureFacts({ children }: PropsWithChildren): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+/** The one way a detail feature offers editing: a quiet pencil in the title row. */
+export declare function FeatureEdit({ disabled, label, onClick, }: {
+    disabled: boolean;
+    label: string;
+    onClick: () => void;
+}): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+export declare function KowalskiStack({ children }: PropsWithChildren): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+export declare function FeatureAction({ children, disabled, icon, onClick, size, variant, }: PropsWithChildren<{
+    component: KowalskiComponent;
+    disabled?: boolean;
+    icon?: string;
+    onClick: () => void;
+    size?: 'lg';
+    variant?: 'primary' | 'secondary' | 'quiet';
+}>): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+export declare function FeatureField({ component, label, multiline, onChange, parseValue, ready, saving, validate, value, }: {
+    component: KowalskiComponent;
+    label: string;
+    multiline?: boolean;
+    onChange: (value: string, onSaved: () => void) => void;
+    parseValue?: (value: string) => number;
+    ready: boolean;
+    saving: boolean;
+    validate?: (value: string) => boolean;
+    value: string;
+}): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+export declare function FeatureProgress({ value, }: {
+    component: KowalskiComponent;
+    value: number;
+}): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+export declare function FeatureNumber({ component, integer, label, max, min, onChange, ready, saving, value, }: {
+    component: KowalskiComponent;
+    integer?: boolean;
+    label: string;
+    max?: number;
+    min?: number;
+    onChange: (value: number, onSaved: () => void) => void;
+    ready: boolean;
+    saving: boolean;
+    value: number;
+}): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+/** One tappable, clearly selected row; used by checklist and poll choices. */
+export declare function FeatureChoice({ component, detail, label, onClick, ready, selected, }: {
+    component: KowalskiComponent;
+    detail?: string;
+    label: string;
+    onClick: () => void;
+    ready: boolean;
+    selected: boolean;
+}): import("@flickfyi/photon/jsx-runtime").JSX.Element;
+export declare const layout: Readonly<{
+    readonly action: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly flexBasis: stylex.StyleXClassNameFor<"flexBasis", "0%">;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly actionContent: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly actions: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly choiceText: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "left">;
+    }>;
+    readonly facts: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+    }>;
+    readonly field: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly fieldLabel: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly frame: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly grow: Readonly<{
+        readonly flexBasis: stylex.StyleXClassNameFor<"flexBasis", "0%">;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly header: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly headerRow: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly columnGap: stylex.StyleXClassNameFor<"columnGap", string>;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly rowGap: stylex.StyleXClassNameFor<"rowGap", string>;
+    }>;
+    readonly input: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly list: Readonly<{
+        readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
+    }>;
+    readonly multiline: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", string>;
+    }>;
+    readonly notice: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly stepperInput: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly stack: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly trailingAction: Readonly<{
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly paddingLeft: stylex.StyleXClassNameFor<"paddingLeft", 0>;
+        readonly paddingRight: stylex.StyleXClassNameFor<"paddingRight", 0>;
+    }>;
+    readonly well: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+}>;