@makolabs/ripple 1.8.0 → 1.9.1

package/dist/forms/form-types.d.ts

@@ -0,0 +1,168 @@
+import type { ClassValue } from 'tailwind-variants';
+import type { Snippet } from 'svelte';
+import type { Component } from 'svelte';
+import type { DOMAttributes } from 'svelte/elements';
+import type { SuperForm } from 'sveltekit-superforms';
+import type { VariantColors, VariantSizes } from '../index.js';
+export interface FormProps<T extends Record<string, unknown>> {
+    form: SuperForm<any>;
+    class?: ClassValue;
+    method?: 'GET' | 'POST' | 'dialog' | 'get' | 'post' | 'DIALOG' | null | undefined;
+    action?: string;
+    enctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain' | null | undefined;
+    autocomplete?: 'on' | 'off';
+    novalidate?: boolean;
+    children?: Snippet;
+    testId?: string;
+}
+export type InputProps = {
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'date' | 'textarea';
+    value?: string | number;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    class?: ClassValue;
+    size?: VariantSizes;
+    id?: string;
+    errors?: string[];
+    testId?: string;
+} & DOMAttributes<HTMLInputElement>;
+export type RadioOption = {
+    value: string;
+    label: string;
+};
+export type RadioInputsProps = {
+    name: string;
+    label?: string;
+    options: RadioOption[];
+    value?: string;
+    disabled?: boolean;
+    class?: ClassValue;
+    size?: VariantSizes;
+    color?: VariantColors;
+    errors?: string[];
+    required?: boolean;
+    testId?: string;
+};
+export type CheckboxProps = {
+    name: string;
+    label?: string;
+    value?: boolean;
+    disabled?: boolean;
+    class?: ClassValue;
+    size?: VariantSizes;
+    color?: VariantColors;
+    errors?: string[];
+    required?: boolean;
+    testId?: string;
+};
+export interface ToggleProps {
+    name: string;
+    label?: string;
+    disabled?: boolean;
+    class?: ClassValue;
+    value?: boolean;
+    size?: VariantSizes;
+    color?: VariantColors;
+    id?: string;
+    errors?: string[];
+    offColor?: string;
+    onColor?: string;
+    testId?: string;
+}
+export type CurrencyOption = {
+    value: string;
+    icon?: Component;
+};
+export type NumberInputProps = {
+    value?: number;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    size?: VariantSizes;
+    class?: ClassValue;
+    unit?: string;
+    units?: CurrencyOption[];
+    errors?: string[];
+    disabled?: boolean;
+    dropdownicon?: Component;
+    onunitchange?: (prevUnit: string, newUnit: string) => void;
+    testId?: string;
+};
+export interface DateRangeProps {
+    startDate?: Date;
+    endDate?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    class?: ClassValue;
+    placeholder?: string;
+    startLabel?: string;
+    endLabel?: string;
+    format?: string;
+    onselect?: ({ startDate, endDate }: {
+        startDate?: Date;
+        endDate?: Date;
+    }) => void;
+    id?: string;
+    name?: string;
+    testId?: string;
+}
+export interface DateSelectEvent {
+    startDate: Date | null;
+    endDate: Date | null;
+}
+export type TagsProps = {
+    value?: string[];
+    name?: string;
+    label?: string;
+    errors?: string[];
+    placeholder?: string;
+    size?: VariantSizes;
+    class?: ClassValue;
+    suggestions?: string[];
+    onaddtag?: (tag: string) => void;
+    onremovetag?: (tag: string) => void;
+    testId?: string;
+};
+export type SliderMode = 'single' | 'range' | 'enum';
+export type NotationType = 'standard' | 'compact' | 'scientific' | 'engineering';
+export type EnumOption = {
+    value: string | number;
+    label: string;
+};
+export interface SliderProps {
+    name: string;
+    label?: string;
+    mode?: SliderMode;
+    disabled?: boolean;
+    size?: VariantSizes;
+    errors?: string[];
+    class?: ClassValue;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number | string;
+    valueStart?: number;
+    valueEnd?: number;
+    showValue?: boolean;
+    valuePrefix?: string;
+    valueSuffix?: string;
+    options?: EnumOption[];
+    formatOptions?: Intl.NumberFormatOptions & {
+        notation?: NotationType;
+    };
+    testId?: string;
+}
+export type RadioPillProps = {
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    label?: string;
+    class?: ClassValue;
+    errors?: string[];
+    onchange?: (value: string) => void;
+    testId?: string;
+};

package/dist/forms/form-types.js

@@ -0,0 +1 @@
+export {};

package/dist/header/header-types.d.ts

@@ -0,0 +1,43 @@
+import type { ClassValue } from 'tailwind-variants';
+import type { Snippet } from 'svelte';
+import type { Component } from 'svelte';
+import type { VariantColors } from '../index.js';
+export type BreadcrumbItem = {
+    label: string;
+    href: string;
+    current?: boolean;
+    icon?: Component;
+};
+export type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+    size?: 'xs' | 'sm' | 'base' | 'lg';
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    color?: VariantColors;
+    icon?: Component;
+    class?: ClassValue;
+    /** @deprecated Use listClass instead */
+    listclass?: ClassValue;
+    listClass?: ClassValue;
+    /** @deprecated Use itemClass instead */
+    itemclass?: ClassValue;
+    itemClass?: ClassValue;
+    /** @deprecated Use separatorClass instead */
+    separatorclass?: ClassValue;
+    separatorClass?: ClassValue;
+    /** @deprecated Use wrapperClass instead */
+    wrapperclass?: ClassValue;
+    wrapperClass?: ClassValue;
+    testId?: string;
+};
+export type PageHeaderProps = {
+    title: string;
+    subtitle?: string;
+    breadcrumbs?: BreadcrumbItem[];
+    children?: Snippet;
+    class?: ClassValue;
+    /** @deprecated Use titleClass instead */
+    titleclass?: ClassValue;
+    titleClass?: ClassValue;
+    layout?: 'vertical' | 'horizontal';
+    testId?: string;
+};

package/dist/header/header-types.js

@@ -0,0 +1 @@
+export {};