@nxgt/material 1.0.0

package/dist/i18n.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./i18n-1Eg35q8-.js";
+export { f as FALLBACK_LANGUAGE, u as I18nProvider, n as LANGUAGE_KEY, r as SUPPORTED_LANGUAGES, l as createTranslator, d as createTypedTranslation, i as getLanguage, s as mergeResources, c as resources, e as translate, t as useI18nContext, o as useMaterialTranslation, a as useOptionalI18nContext };

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

@@ -0,0 +1,136 @@
+export * from './ui/accordion';
+export * from './ui/accordion-card';
+export * from './ui/action-card';
+export * from './ui/activity';
+export * from './ui/app-bar';
+export * from './ui/app-shell';
+export * from './ui/attributes';
+export * from './ui/autocomplete';
+export * from './ui/avatar';
+export * from './ui/avatar-group';
+export * from './ui/background';
+export * from './ui/badge';
+export * from './ui/banner';
+export * from './ui/barecode';
+export * from './ui/breadcrumb';
+export * from './ui/buttons';
+export * from './ui/calendar';
+export * from './ui/card';
+export * from './ui/carousel';
+export * from './ui/charts';
+export * from './ui/chat';
+export * from './ui/check-card-field';
+export * from './ui/checkbox';
+export * from './ui/checkbox-group';
+export * from './ui/chip';
+export * from './ui/code';
+export * from './ui/code-editor';
+export * from './ui/collapsible';
+export * from './ui/color-field';
+export * from './ui/combobox';
+export * from './ui/combobox-field';
+export * from './ui/command';
+export * from './ui/contacts';
+export * from './ui/context-menu';
+export * from './ui/copy-button';
+export * from './ui/count-badge';
+export * from './ui/country-field';
+export * from './ui/currency-field';
+export * from './ui/data-table';
+export * from './ui/date-field';
+export * from './ui/date-range-field';
+export * from './ui/description';
+export * from './ui/dialog';
+export * from './ui/dnd';
+export * from './ui/drawer';
+export * from './ui/dropdown-menu';
+export * from './ui/duration-field';
+export * from './ui/education';
+export * from './ui/email-field';
+export * from './ui/entity-header';
+export * from './ui/event-calendar';
+export * from './ui/event-chip';
+export * from './ui/extended-label';
+export * from './ui/feedback';
+export * from './ui/field';
+export * from './ui/file-list';
+export * from './ui/filter';
+export * from './ui/forms';
+export * from './ui/galleries';
+export * from './ui/helper-text';
+export * from './ui/hidrate-loading';
+export * from './ui/hover-card';
+export * from './ui/icon';
+export * from './ui/image-cropper';
+export * from './ui/image-field';
+export * from './ui/inline-edit';
+export * from './ui/input';
+export * from './ui/input-group';
+export * from './ui/input-group-field';
+export * from './ui/kanban';
+export * from './ui/kbd';
+export * from './ui/kbd-shortcut';
+export * from './ui/label';
+export * from './ui/language-switcher';
+export * from './ui/layout';
+export * from './ui/list-tile';
+export * from './ui/load-more-button';
+export * from './ui/menubar';
+export * from './ui/navigation-rail';
+export * from './ui/notifications';
+export * from './ui/number-field';
+export * from './ui/opening-hours';
+export * from './ui/otp-field';
+export * from './ui/pagination';
+export * from './ui/password-field';
+export * from './ui/pdf-viewer';
+export * from './ui/percent-field';
+export * from './ui/phone-field';
+export * from './ui/popover';
+export * from './ui/postal-address';
+export * from './ui/print';
+export * from './ui/qrcode';
+export * from './ui/radio-group';
+export * from './ui/rating-field';
+export * from './ui/resizable';
+export * from './ui/responsive-grid';
+export * from './ui/rich-text-editor';
+export * from './ui/scroll-to-top';
+export * from './ui/search-field';
+export * from './ui/select';
+export * from './ui/select-card-field';
+export * from './ui/select-chip-field';
+export * from './ui/select-field';
+export * from './ui/separator';
+export * from './ui/sheet';
+export * from './ui/sidebar';
+export * from './ui/skeleton';
+export * from './ui/slider';
+export * from './ui/sortable-list';
+export * from './ui/stat-card';
+export * from './ui/status-indicator';
+export * from './ui/stepper';
+export * from './ui/stx-player';
+export * from './ui/summary-data';
+export * from './ui/switch';
+export * from './ui/switcher';
+export * from './ui/table';
+export * from './ui/tabs';
+export * from './ui/text-field';
+export * from './ui/textarea';
+export * from './ui/textarea-field';
+export * from './ui/theme-toggle';
+export * from './ui/time-field';
+export * from './ui/time-picker';
+export * from './ui/timeline';
+export * from './ui/timezone-field';
+export * from './ui/toggle';
+export * from './ui/toggle-group';
+export * from './ui/tooltip';
+export * from './ui/transfer-list';
+export * from './ui/tree';
+export * from './ui/typography';
+export * from './ui/upload';
+export * from './ui/upload-field';
+export * from './ui/url-field';
+export * from './ui/video-player';

package/dist/lib/components/ui/accordion-card.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Accordion } from './accordion';
+type AccordionCardProps = {
+    items: {
+        key?: string;
+        title: ReactNode;
+        content: ReactNode;
+    }[];
+    showIcon?: boolean;
+    renderHeader?: (title: ReactNode) => ReactNode;
+} & ComponentProps<typeof Accordion>;
+export declare function AccordionCard({ items, className, value, onValueChange, showIcon, renderHeader, ...props }: AccordionCardProps): import("react").JSX.Element | null;
+export {};

package/dist/lib/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+declare function Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): import("react").JSX.Element;
+declare function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): import("react").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>): import("react").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Content>): import("react").JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionPrimitive, AccordionTrigger, };

package/dist/lib/components/ui/accordion.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { AccordionCard } from '..';
+declare const meta: {
+    title: string;
+    component: typeof AccordionCard;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Multiple: Story;

package/dist/lib/components/ui/action-card.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Card } from './card';
+export type ActionCardProps = {
+    active?: boolean;
+    icon?: ReactNode;
+    variant?: 'sm' | 'md';
+    title?: ReactNode;
+    description?: ReactNode;
+    withIndicator?: boolean;
+} & ComponentProps<typeof Card>;
+export declare function ActionCard({ icon, active, className, title, description, variant, tabIndex, withIndicator, ...props }: ActionCardProps): import("react").JSX.Element;

package/dist/lib/components/ui/action-card.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+import { ActionCard } from '..';
+declare const meta: {
+    title: string;
+    component: typeof ActionCard;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        active: {
+            control: "boolean";
+        };
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;

package/dist/lib/components/ui/activity.d.ts

@@ -0,0 +1,5 @@
+import { ActivityProps as ActivityBaseProps } from 'react';
+export type ActivityProps = Omit<ActivityBaseProps, 'mode'> & {
+    visible?: boolean;
+};
+export declare function Activity({ visible, ...props }: ActivityProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-bar/bottom-app-bar.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+export type BottomAppBarProps = {} & ComponentProps<'div'>;
+export declare function BottomAppBar({ children, className, ...props }: BottomAppBarProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-bar/bottom-app-bar.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { BottomAppBar } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof BottomAppBar;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/app-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './bottom-app-bar';
+export * from './top-app-bar';

package/dist/lib/components/ui/app-bar/top-app-bar.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+export type TopAppBarProps = {} & ComponentProps<'div'>;
+export declare function TopAppBar({ className, ...props }: TopAppBarProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-shell/activity-content.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, ReactNode } from 'react';
+export type ActivityContentProps = {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    actions?: ReactNode;
+    hideHeader?: boolean;
+    /**
+     * Replaces the header entirely. Without it the header is built from
+     * `title`, `subtitle` and `actions`.
+     */
+    header?: ReactNode;
+} & Omit<ComponentProps<'div'>, 'title'>;
+/**
+ * One screen inside {@link ActivityLayout}: a header card, then the content.
+ *
+ * Every leaf route renders this; the layout itself is mounted once, higher up.
+ */
+export declare function ActivityContent({ title, subtitle, header, actions, hideHeader, children, className, ...props }: ActivityContentProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-shell/activity-layout.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps, ReactNode } from 'react';
+import { MenuItem } from './types';
+export type ActivityLayoutProps = {
+    items: MenuItem[];
+    /** Passed to the sidebar header. */
+    brand?: ReactNode;
+    /** Passed to the header, before the avatar. */
+    headerActions?: ReactNode;
+    /** Passed to the header. An image URL, or a whole node. */
+    avatar?: ReactNode;
+} & ComponentProps<'div'>;
+/**
+ * The application chrome: sidebar, header, breadcrumbs, and the routed content.
+ *
+ * Mounted **once**, in the layout route of the guarded section — not per
+ * screen. Leaf routes render {@link ActivityContent} inside the outlet.
+ *
+ * `items` is a prop rather than a hook call so the shell holds no opinion
+ * about how an app builds or filters its menu — which is exactly what kept
+ * this component copied into three apps instead of shared.
+ */
+export declare function ActivityLayout({ items, brand, headerActions, avatar, children, className, ...props }: ActivityLayoutProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-shell/app-breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+import { LinkProps } from 'react-router';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbSeparator } from '../breadcrumb';
+export type AppBreadcrumbItemProps = {
+    last: boolean;
+} & LinkProps & ComponentProps<typeof BreadcrumbItem>;
+/** The last crumb is the current page, so it is text rather than a link. */
+export declare function AppBreadcrumbItem({ to, replace, state, children, last, ...props }: AppBreadcrumbItemProps): import("react").JSX.Element;
+export type AppBreadcrumbSeparatorProps = Omit<ComponentProps<typeof BreadcrumbSeparator>, 'children'>;
+export declare function AppBreadcrumbSeparator({ className, ...props }: AppBreadcrumbSeparatorProps): import("react").JSX.Element;
+export type AppBreadcrumbProps = ComponentProps<typeof Breadcrumb>;
+/**
+ * Breadcrumbs built from the matched routes' `handle.breadcrumb`.
+ *
+ * A route opts in by exporting `handle = { breadcrumb: (match) => ... }`;
+ * routes without one contribute nothing, so intermediate layouts stay out of
+ * the trail. Hidden on mobile, where there is no room for it.
+ */
+export declare function AppBreadcrumb({ className, ...props }: AppBreadcrumbProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-shell/app-header.d.ts

@@ -0,0 +1,21 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { MenuItem } from './types';
+export type AppHeaderProps = {
+    className?: string;
+    showMenuIcon?: boolean;
+    items: MenuItem[];
+    /** Rendered before the avatar — notifications, help, a theme toggle. */
+    actions?: ReactNode;
+    /** An image URL, or a whole node when the app renders its own. */
+    avatar?: ReactNode;
+} & PropsWithChildren;
+/**
+ * The top bar. On mobile it also *is* the navigation: the sidebar is hidden by
+ * the layout and reappears here inside a `Sheet`, which is why this component
+ * takes `items` at all.
+ *
+ * `avatar` and `actions` are props rather than an auth hook — the shell has no
+ * opinion about where a session comes from, and the two apps that will consume
+ * it get theirs from entirely different places.
+ */
+export declare function AppHeader({ items, className, children, actions, avatar, showMenuIcon, }: AppHeaderProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-shell/app-shell.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { ActivityLayout } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof ActivityLayout;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** `avatar` and `headerActions` are props — the shell has no session of its own. */
+export declare const WithHeaderSlots: Story;
+/** A route with no `handle.breadcrumb` contributes no crumb, so the trail collapses. */
+export declare const WithoutBreadcrumbs: Story;

package/dist/lib/components/ui/app-shell/app-shell.utils.d.ts

@@ -0,0 +1,44 @@
+import { MenuItem } from './types';
+/**
+ * Splits the menu into the scrolling body and the pinned footer.
+ *
+ * The apps this was extracted from footered whichever entry happened to be
+ * *last* (`items.slice(items.length - 1)`), so appending an entry silently
+ * moved the previous one out of the footer. `footer: true` says it instead.
+ */
+export declare function partitionMenu(items: MenuItem[]): {
+    content: MenuItem[];
+    footer: MenuItem[];
+};
+/**
+ * Whether `url` covers `pathname` — an exact match, or a whole-segment prefix.
+ *
+ * Segment-aware, so `/admin` covers `/admin/clients` but **not**
+ * `/administrators`. A plain `startsWith` matched the second one too.
+ *
+ * On its own this answers "could this entry be the one", not "is it": several
+ * entries can cover the same path. {@link findActiveMenuItem} picks between
+ * them, and that is what a sidebar should call.
+ */
+export declare function isMenuItemActive(pathname: string, url: string): boolean;
+/**
+ * The entry to light for the current path: the **most specific** one covering
+ * it.
+ *
+ * This takes the whole menu rather than one entry, because a menu whose root
+ * is not `/` cannot be resolved entry by entry. An operator console mounted at
+ * `/admin` has a home entry at `/admin` and sections at `/admin/identities`,
+ * `/admin/clients`, …; `/admin` covers every one of those, so a per-entry
+ * predicate lights home on every page in the console.
+ *
+ * That was the bug. The apps this shell was extracted from all happened to put
+ * home at `/`, which the old code special-cased into an exact match — so it
+ * looked right, and only stopped looking right when an app mounted its menu
+ * somewhere other than the root. The longest match needs no special case, and
+ * `/` falls out of it: it covers everything, so it wins only where nothing
+ * more specific does.
+ *
+ * Ties are impossible — two entries covering the same path with equal-length
+ * urls are the same url — so first-longest is deterministic.
+ */
+export declare function findActiveMenuItem(pathname: string, items: MenuItem[]): MenuItem | undefined;

package/dist/lib/components/ui/app-shell/app-shell.utils.test.d.ts

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

package/dist/lib/components/ui/app-shell/app-sidebar.d.ts

@@ -0,0 +1,17 @@
+import { SidebarProps } from '../sidebar';
+import { MenuItem } from './types';
+export type AppSidebarProps = {
+    items: MenuItem[];
+    /** Replaces the header block entirely — a logo, a product name, both. */
+    brand?: React.ReactNode;
+} & SidebarProps;
+/**
+ * The application sidebar: a navigation entry per {@link MenuItem}, with the
+ * ones marked `footer` pinned to the bottom.
+ *
+ * Exactly one entry reads as active — the most specific one covering the
+ * current path, resolved across the whole menu rather than per entry. See
+ * {@link findActiveMenuItem} for why that cannot be decided one entry at a
+ * time once a menu is mounted anywhere but `/`.
+ */
+export declare function AppSidebar({ items, brand, className, withToggleIcon, expanded, onExpandedChange, ...props }: AppSidebarProps): import("react").JSX.Element;

package/dist/lib/components/ui/app-shell/index.d.ts

@@ -0,0 +1,7 @@
+export * from './activity-content';
+export * from './activity-layout';
+export * from './app-breadcrumb';
+export * from './app-header';
+export * from './app-shell.utils';
+export * from './app-sidebar';
+export * from './types';

package/dist/lib/components/ui/app-shell/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { IconName } from '../icon';
+/**
+ * One entry in the application sidebar.
+ *
+ * `label` is a `ReactNode`, already translated, rather than a translation key:
+ * menu labels belong to the consuming app's namespace, and this package can
+ * only resolve its own reserved `material.*` one. The app's `useMenuItems()`
+ * translates, and this component renders.
+ */
+export type MenuItem = {
+    label: ReactNode;
+    url: string;
+    icon: IconName;
+    /**
+     * Pins the entry to the sidebar footer — where "settings" and the like
+     * belong.
+     *
+     * Explicit on purpose. The apps this was extracted from footered whichever
+     * entry happened to be *last*, so appending one silently moved the previous
+     * one out of the footer.
+     */
+    footer?: boolean;
+};

package/dist/lib/components/ui/attributes/attribute-dialog.d.ts

@@ -0,0 +1,10 @@
+import { Attribute } from './models';
+export type AttributeDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    attribute?: Attribute | null;
+    onSave: (attribute: Attribute) => void;
+    onDelete?: () => void;
+    disabled?: boolean;
+};
+export declare function AttributeDialog({ open, onOpenChange, attribute, onSave, onDelete, disabled, }: AttributeDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/attributes/attribute-form/attribute-form.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { TFormValues } from './types';
+type AttributeFormProps = {
+    onSubmit: (values: TFormValues) => void;
+    defaultValues?: TFormValues | null;
+    hideActions?: boolean;
+    formId?: string;
+} & Omit<ComponentProps<'div'>, 'onSubmit' | 'id'>;
+export declare function AttributeForm({ onSubmit, defaultValues, className, hideActions, formId, ...props }: AttributeFormProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/attributes/attribute-form/attribute-value-form-field.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Control, Path } from 'react-hook-form';
+import { Attribute } from '../models';
+export type AttributeValueFormFieldProps<T extends Record<string, any>> = {
+    name: Path<T>;
+    control: Control<T>;
+    values: Partial<Attribute>;
+    label: ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function AttributeValueFormField<T extends Record<string, any>>({ name, label, placeholder, values, control, disabled, }: AttributeValueFormFieldProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/attributes/attribute-form/consts.d.ts

@@ -0,0 +1,45 @@
+import { default as z } from 'zod';
+import { MaterialLocaleKey } from '../../../../i18n';
+import { TFormValues } from './types';
+export declare const ATTRIBUTE_TYPES: readonly ["COLOR", "DATE", "DATETIME", "MULTI_SELECT", "NUMBER", "RICH_TEXT", "SELECT", "STRING", "TEXT", "TIME"];
+export declare const schema: z.ZodObject<{
+    defaultValue: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
+    description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    priority: z.ZodOptional<z.ZodNullable<z.ZodCoercedNumber<unknown>>>;
+    label: z.ZodString;
+    name: z.ZodString;
+    options: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodString>>>;
+    type: z.ZodEnum<{
+        STRING: "STRING";
+        TEXT: "TEXT";
+        COLOR: "COLOR";
+        NUMBER: "NUMBER";
+        DATE: "DATE";
+        DATETIME: "DATETIME";
+        TIME: "TIME";
+        SELECT: "SELECT";
+        MULTI_SELECT: "MULTI_SELECT";
+        RICH_TEXT: "RICH_TEXT";
+    }>;
+    unit: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+}, z.core.$strip>;
+export declare const fields: Record<keyof TFormValues, {
+    name: keyof TFormValues;
+    label: MaterialLocaleKey;
+    placeholder: MaterialLocaleKey;
+    fallbackLabel: string;
+    fallbackPlaceholder: string;
+}>;
+/**
+ * Resolves the `material.attributes.types.*` key (plus its English fallback)
+ * for an {@link AttributeType}.
+ *
+ * The resource keys are kebab-case (`multi-select`, `rich-text`) while the type
+ * values are SCREAMING_SNAKE (`MULTI_SELECT`, `RICH_TEXT`), so the underscores
+ * have to be normalised — the app-local copies this component came from used a
+ * bare `.toLowerCase()` and silently rendered the raw key for those two types.
+ */
+export declare function attributeTypeLabel(type: string): {
+    key: MaterialLocaleKey;
+    fallback: string;
+};

package/dist/lib/components/ui/attributes/attribute-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './attribute-form';
+export * from './attribute-value-form-field';

package/dist/lib/components/ui/attributes/attribute-form/types.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+import { schema } from './consts';
+export type TFormValues = z.infer<typeof schema>;

package/dist/lib/components/ui/attributes/attribute-values-form/attribute-values-form.d.ts

@@ -0,0 +1,15 @@
+import { Attribute, AttributeType } from '../models';
+type TFormValues = Record<string, any>;
+export interface AttributeValuesFormProps<T extends {
+    name: string;
+    label: string;
+    description?: string | null;
+    type: AttributeType;
+} = Attribute> {
+    defaultValues: TFormValues;
+    onChange?: (values: TFormValues) => void;
+    className?: string;
+    attributes: T[];
+}
+export declare function AttributeValuesForm({ defaultValues, className, attributes, onChange, }: AttributeValuesFormProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/attributes/attribute-values-form/index.d.ts

@@ -0,0 +1 @@
+export * from './attribute-values-form';

package/dist/lib/components/ui/attributes/attribute-values-form-field-set/attribute-values-form-field-set.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Control, Path } from 'react-hook-form';
+import { Attribute } from '../models';
+export interface AttributeValuesFormFieldSetProps<T extends Record<string, any>> {
+    attributes: Attribute[];
+    defaultValues?: Record<string, any>;
+    control: Control<T>;
+    name: Path<T>;
+    className?: string;
+    label: ReactNode;
+}
+export declare function AttributeValuesFormFieldSet<T extends Record<string, Attribute>>({ attributes, defaultValues, name, control, label, className, }: AttributeValuesFormFieldSetProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/attributes/attribute-values-form-field-set/index.d.ts

@@ -0,0 +1 @@
+export * from './attribute-values-form-field-set';

package/dist/lib/components/ui/attributes/attributes-field/attributes-field.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Attribute } from '../models';
+export type AttributesFieldProps = {
+    attributes?: Attribute[];
+    onChange?: (values: Attribute[]) => void;
+    readonly?: boolean;
+    label: ReactNode;
+} & ComponentProps<'div'>;
+export declare function AttributesField({ attributes, onChange, readonly, label, className, ...props }: AttributesFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/attributes/attributes-field/index.d.ts

@@ -0,0 +1 @@
+export * from './attributes-field';

package/dist/lib/components/ui/attributes/attributes-field/state.d.ts

@@ -0,0 +1,14 @@
+import { MaterialLocaleKey, TranslationContext } from '../../../../i18n';
+import { Attribute } from '../models';
+export type AttributesState = {
+    editing: boolean;
+    selected?: Attribute | null;
+    attributes: Attribute[];
+    result?: {
+        message: MaterialLocaleKey;
+        fallback: string;
+        context?: TranslationContext;
+    };
+};
+export declare const editAttribute: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<Attribute | undefined, "attributes/editAttribute">, deleteAttributes: import('@reduxjs/toolkit').ActionCreatorWithPayload<Attribute[], "attributes/deleteAttributes">, updateAttribute: import('@reduxjs/toolkit').ActionCreatorWithPayload<Attribute, "attributes/updateAttribute">, addAttribute: import('@reduxjs/toolkit').ActionCreatorWithPayload<Attribute, "attributes/addAttribute">, resetEditing: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"attributes/resetEditing">, resetMessage: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"attributes/resetMessage">;
+export declare const reducer: import('redux').Reducer<AttributesState>, getInitialState: () => AttributesState;

package/dist/lib/components/ui/attributes/attributes-form-field/attributes-form-field.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Control, Path } from 'react-hook-form';
+import { Attribute } from '../models';
+export type AttributesFormFieldProps<T extends Record<string, any>> = {
+    value?: Attribute[];
+    readonly?: boolean;
+    name: Path<T>;
+    control: Control<T>;
+    label: ReactNode;
+} & ComponentProps<'div'>;
+export declare function AttributesFormField<T extends Record<string, any>>({ name, readonly, value, control, label, ...props }: AttributesFormFieldProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/attributes/attributes-form-field/index.d.ts

@@ -0,0 +1 @@
+export * from './attributes-form-field';