@poppy-ui/vue 0.5.6 → 0.5.7-beta.0

package/dist/components/data/form-field/form-field.context.d.ts

@@ -0,0 +1,37 @@
+import { ComputedRef, InjectionKey, ShallowRef } from 'vue';
+import { FieldState } from '../form/form.types';
+export interface FormFieldContext<T = unknown> {
+    /** Field name / dot-notation path — matches FormContext data keys. */
+    name: string;
+    /**
+     * Whether the child input is required.
+     * Set by child inputs calling `setRequired()` on mount and on change.
+     * Drives the "*" indicator on the FormField label.
+     */
+    required: ShallowRef<boolean>;
+    /** Current field value resolved from FormContext. */
+    value: ComputedRef<T>;
+    /** Current field error resolved from FormContext. */
+    error: ComputedRef<string | undefined>;
+    /** Current FieldState resolved from FormContext. */
+    state: ComputedRef<FieldState>;
+    /**
+     * Counter config — raw `boolean | undefined`.
+     * `undefined` = no opinion; the input resolves final value via `mergeProps`.
+     */
+    counter: ShallowRef<boolean | undefined>;
+    counterFormat: ShallowRef<string | ((c: number, min?: number, max?: number) => string) | undefined>;
+    /** Updates the field value in FormContext. */
+    setValue: (value: unknown) => void;
+    /** Called by child inputs to declare themselves required or not. */
+    setRequired: (value: boolean) => void;
+    /** Marks the field dirty in FormContext. */
+    setDirty: (value?: boolean) => void;
+    /** Marks the field touched in FormContext. */
+    setTouched: (value?: boolean) => void;
+    /** Sets the field error in FormContext. */
+    setError: (message: string | undefined) => void;
+}
+export declare const FORM_FIELD_CONTEXT_KEY: InjectionKey<FormFieldContext>;
+export declare const FORM_FIELD_CONFIG: InjectionKey<Partial<import('./form-field.props').FormFieldConfigurableProps>>;
+//# sourceMappingURL=form-field.context.d.ts.map

package/dist/components/data/form-field/form-field.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.context.d.ts","sourceRoot":"","sources":["../../../../src/components/data/form-field/form-field.context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAE7B,qDAAqD;IACrD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IAErB,qDAAqD;IACrD,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAEtC,oDAAoD;IACpD,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IAE9B;;;OAGG;IACH,OAAO,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxC,aAAa,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC,CAAA;IAEnG,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAElC,oEAAoE;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAErC,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAEnC,8CAA8C;IAC9C,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAErC,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAChD;AAED,eAAO,MAAM,sBAAsB,EAAE,YAAY,CAAC,gBAAgB,CAA8B,CAAA;AAGhG,eAAO,MAAM,iBAAiB,gFAAwC,CAAA"}

package/dist/components/data/form-field/form-field.props.d.ts

@@ -0,0 +1,30 @@
+import { Booleanish, CounterFn } from '../../../types/utils.type';
+export interface FormFieldConfigurableProps {
+    /**
+     * Overrides the counter setting inherited from `<Form>`.
+     */
+    counter?: Booleanish;
+    /**
+     * Overrides the counter format inherited from `<Form>`.
+     */
+    counterFormat?: string | CounterFn;
+}
+export interface FormFieldProps extends FormFieldConfigurableProps {
+    /**
+     * Field name or dot-notation path mapping to the parent Form's data.
+     *
+     * @example 'email'
+     * @example 'address.street'
+     * @example 'tags.0'
+     */
+    name: string;
+    /**
+     * Label text displayed above the field.
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the field (hidden when an error is active).
+     */
+    hint?: string;
+}
+//# sourceMappingURL=form-field.props.d.ts.map

package/dist/components/data/form-field/form-field.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.props.d.ts","sourceRoot":"","sources":["../../../../src/components/data/form-field/form-field.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE/D,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAA;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,MAAM,WAAW,cAAe,SAAQ,0BAA0B;IAChE;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}

package/dist/components/data/form-field/form-field.types.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-field.types.d.ts.map

package/dist/components/data/form-field/form-field.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.types.d.ts","sourceRoot":"","sources":["../../../../src/components/data/form-field/form-field.types.ts"],"names":[],"mappings":""}

package/dist/components/data/input/Input.d.ts

@@ -0,0 +1,44 @@
+import { InputProps } from './input.props';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<InputProps & {
+    /**
+     * Bound value. Supports `.number` and `.trim` modifiers.
+     * - `v-model.number` → coerces to number
+     * - `v-model.trim` → trims whitespace on update
+     */
+    modelValue?: string | number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<InputProps & {
+    /**
+     * Bound value. Supports `.number` and `.trim` modifiers.
+     * - `v-model.number` → coerces to number
+     * - `v-model.trim` → trims whitespace on update
+     */
+    modelValue?: string | number;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    label?: (props: {}) => any;
+} & {
+    hint?: (props: {}) => any;
+} & {
+    counter?: (props: {
+        current: number;
+        min: number | undefined;
+        max: number | undefined;
+    }) => any;
+} & {
+    counter?: (props: {
+        current: number;
+        min: number | undefined;
+        max: number | undefined;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Input.vue.d.ts.map

package/dist/components/data/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/data/input/Input.vue"],"names":[],"mappings":"AAiNA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBA0B1B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA2FlB;;;;OAIG;iBACU,MAAM,GAAG,MAAM;;;;IAL5B;;;;OAIG;iBACU,MAAM,GAAG,MAAM;;;;YAqHhB,CAAC,KAAK,IAAgB,KAAK,GAAG;;WAC/B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK;;;;KAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK;;;;KAAgB,KAAK,GAAG;EAYxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/data/input/input.context.d.ts

@@ -0,0 +1,2 @@
+export declare const INPUT_CONFIG: import('vue').InjectionKey<Partial<import('./input.props').InputConfigurableProps>>;
+//# sourceMappingURL=input.context.d.ts.map

package/dist/components/data/input/input.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.context.d.ts","sourceRoot":"","sources":["../../../../src/components/data/input/input.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qFAAoC,CAAA"}

package/dist/components/data/input/input.props.d.ts

@@ -0,0 +1,73 @@
+import { Booleanish, CounterFn } from '../../../types/utils.type';
+import { InputHTMLAttributes } from 'vue';
+import { InputColor, InputSize, InputType, InputVariant } from './input.types';
+export interface InputConfigurableProps {
+    /**
+     * Color variant of the input.
+     */
+    color?: InputColor;
+    /**
+     * Size of the input.
+     *
+     * @default 'md'
+     */
+    size?: InputSize;
+    /**
+     * Visual style variant.
+     * - `'bordered'` — adds a visible border
+     * - `'ghost'` — transparent background
+     */
+    variant?: InputVariant;
+    /**
+     * Displays a character counter below the input.
+     *
+     * @default false
+     */
+    counter?: Booleanish;
+    /**
+     * Minimum character length (counter warning state).
+     */
+    minLength?: number;
+    /**
+     * Maximum character length (counter warning state; also applied as native `maxlength`).
+     */
+    maxLength?: number;
+    /**
+     * Custom counter format. Tokens: `{current}`, `{min}`, `{max}`.
+     *
+     * @default '{current} / {max}'
+     */
+    counterFormat?: string | CounterFn;
+}
+interface NativeInput {
+    /** Disables the input. */
+    disabled?: InputHTMLAttributes['disabled'];
+    /** Marks the field as required. */
+    required?: InputHTMLAttributes['required'];
+    /** Placeholder text. */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /** HTML autocomplete attribute. */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /** Native pattern for constraint validation. */
+    pattern?: InputHTMLAttributes['pattern'];
+    /** Title shown on pattern mismatch (used as custom validation message). */
+    title?: InputHTMLAttributes['title'];
+}
+export interface InputProps extends InputConfigurableProps, NativeInput {
+    /**
+     * HTML input type.
+     *
+     * @default 'text'
+     */
+    type?: InputType;
+    /**
+     * Fallback value rendered when the model is empty or undefined.
+     */
+    defaultValue?: string | number;
+    /** Inline label text (standalone use). */
+    label?: string;
+    /** Hint / helper text rendered below the input. */
+    hint?: string;
+}
+export {};
+//# sourceMappingURL=input.props.d.ts.map

package/dist/components/data/input/input.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.props.d.ts","sourceRoot":"","sources":["../../../../src/components/data/input/input.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEnF,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,UAAU,WAAW;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,wBAAwB;IACxB,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAChD,mCAAmC;IACnC,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAClD,gDAAgD;IAChD,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACxC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,UAAW,SAAQ,sBAAsB,EAAE,WAAW;IACrE;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE9B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}

package/dist/components/data/input/input.types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentSize } from '../../../types/size.type';
+export type InputColor = 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type InputSize = ComponentSize;
+export type InputVariant = 'bordered' | 'ghost';
+export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'time';
+//# sourceMappingURL=input.types.d.ts.map

package/dist/components/data/input/input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/data/input/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAElH,MAAM,MAAM,SAAS,GAAG,aAAa,CAAA;AAErC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;AAG/C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA"}

package/dist/components/data/public.d.ts

@@ -0,0 +1,11 @@
+export { default as Checkbox } from './checkbox/Checkbox';
+export { default as Form } from './form/Form';
+export { default as FormField } from './form-field/FormField';
+export { default as Input } from './input/Input';
+export { default as Radio } from './radio/Radio';
+export { default as Rating } from './rating/Rating';
+export { default as Select } from './select/Select';
+export { default as Slider } from './slider/Slider';
+export { default as Textarea } from './textarea/Textarea';
+export { default as Toggle } from './toggle/Toggle';
+//# sourceMappingURL=public.d.ts.map

package/dist/components/data/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/components/data/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA"}