@arkcit/react-ui 0.3.0

package/dist/ui-contracts.d.ts

@@ -0,0 +1,123 @@
+import { a as ApiDocLayoutProps } from './ApiDocLayout-6hYQvst0.js';
+export { b as ApiPropDoc } from './ApiDocLayout-6hYQvst0.js';
+import { c4 as AlertBannerProps, c5 as CarouselProps, a6 as EmbeddedVideoProps, c6 as GameCanvas2DProps, au as GraphProps, aS as LineGraphProps, d as BarGraphProps, a$ as MapCardProps, c7 as FormFieldProps, c8 as ToastContainerProps, c9 as DecodeTranslationProps, ca as ExpandablePanelProps, cb as EmptyStateProps, R as DataGridProps, cc as FilterBarProps, cd as AccordionProps, g as BreadcrumbProps, s as ComboboxProps, I as CoverProps, ce as FormProps, a0 as DateRangePickerProps, W as DateRangeFieldProps, aK as InfiniteListProps, bh as ScrollRevealProps, bx as StepperProps, bs as StepFormProps, al as FormWizardProps, bT as TreeProps, E as ContextMenuProps, v as CommandPaletteProps, b4 as PopinProps, cf as PaginationProps, cg as ProductProps, ch as TableProps, ci as TabsProps, cj as ToastProps, a4 as DrawerProps, bL as TooltipProps, bb as RadioFieldProps, j as ButtonProps, ck as BadgeProps, cl as AvatarProps, cm as CheckboxProps, bf as RadioProps, bd as RadioGroupProps, cn as ContainerProps, co as DividerProps, b6 as PortalProps, aE as GridProps, aC as GridItemProps, cp as InputProps, aV as LinkProps, aN as KbdProps, cq as ProgressProps, cr as SelectProps, cs as SkeletonProps, bm as SliderProps, ct as SwitchProps, bD as TagProps, cu as TextareaProps, aa as FileUploadProps, bX as TypographyProps, cv as H1Props, cw as H2Props, cx as H3Props, cy as TextProps, cz as MutedProps, cA as LeadProps, cB as CodeProps, p as CodeExampleProps, x as ComponentGuidelinesProps } from './ComponentGuidelines-h1MjGBuJ.js';
+export { N as Currency, O as CurrencySymbol } from './ComponentGuidelines-h1MjGBuJ.js';
+export { DeclarativeValidatorConfig, DeclarativeValidatorType, FieldConfig } from '@arkcit/engine/form';
+import { ComponentType } from 'react';
+import { UIEngineProps } from '@arkcit/engine/types';
+import { f as CheckboxFieldProps, g as CheckboxSearchFieldProps, h as ColorFieldProps, i as DatePickerFieldProps, j as SelectFieldProps, k as SwitchFieldProps, l as TagsFieldProps, m as TextAreaFieldProps, n as TextFieldProps } from './form-fields-9C7CmVGn.js';
+import { a as ComboboxFieldProps, c as SliderFieldProps, b as FileUploadFieldProps } from './FileUploadField-DLwEPn_A.js';
+import 'react/jsx-runtime';
+import 'lucide-react';
+
+declare enum FieldType {
+    TEXT = "text",
+    TEXTAREA = "textarea",
+    NUMBER = "number",
+    DATE = "date",
+    SELECT = "select",
+    TAGS = "tags",
+    CHECKBOX_SEARCH = "checkbox-search",
+    COMBOBOX = "combobox",
+    SLIDER = "slider",
+    FILE_UPLOAD = "file-upload",
+    CHECKBOX = "checkbox",
+    SWITCH = "switch",
+    COLOR = "color",
+    RADIO = "radio",
+    DATE_RANGE = "date-range"
+}
+
+interface SharedUI {
+    AlertBanner: ComponentType<AlertBannerProps>;
+    Carousel: ComponentType<CarouselProps>;
+    EmbeddedVideo: ComponentType<EmbeddedVideoProps>;
+    GameCanvas2D: ComponentType<GameCanvas2DProps>;
+    Graph: ComponentType<GraphProps>;
+    LineGraph: ComponentType<LineGraphProps>;
+    BarGraph: ComponentType<BarGraphProps>;
+    MapCard: ComponentType<MapCardProps>;
+    FormField: ComponentType<FormFieldProps>;
+    ToastContainer: ComponentType<ToastContainerProps>;
+    DecodeTranslation: ComponentType<DecodeTranslationProps>;
+    ExpandablePanel: ComponentType<ExpandablePanelProps>;
+    EmptyState: ComponentType<EmptyStateProps>;
+    DataGrid: ComponentType<DataGridProps<unknown>>;
+    FilterBar: ComponentType<FilterBarProps>;
+    Accordion: ComponentType<AccordionProps>;
+    Breadcrumb: ComponentType<BreadcrumbProps>;
+    Combobox: ComponentType<ComboboxProps<string>>;
+    Cover: ComponentType<CoverProps>;
+    Form: ComponentType<FormProps>;
+    DateRangePicker: ComponentType<DateRangePickerProps>;
+    DateRangeField: ComponentType<DateRangeFieldProps>;
+    InfiniteList: ComponentType<InfiniteListProps>;
+    ScrollReveal: ComponentType<ScrollRevealProps>;
+    Stepper: ComponentType<StepperProps>;
+    StepForm: ComponentType<StepFormProps>;
+    FormWizard: ComponentType<FormWizardProps>;
+    Tree: ComponentType<TreeProps>;
+    UIEngine: ComponentType<UIEngineProps>;
+    ContextMenu: ComponentType<ContextMenuProps>;
+    CommandPalette: ComponentType<CommandPaletteProps>;
+    Popin: ComponentType<PopinProps>;
+    Pagination: ComponentType<PaginationProps>;
+    Product: ComponentType<ProductProps>;
+    Table: ComponentType<TableProps>;
+    Tabs: ComponentType<TabsProps>;
+    Toast: ComponentType<ToastProps>;
+    Drawer: ComponentType<DrawerProps>;
+    Tooltip: ComponentType<TooltipProps>;
+    CheckboxField: ComponentType<CheckboxFieldProps>;
+    RadioField: ComponentType<RadioFieldProps>;
+    CheckboxSearchField: ComponentType<CheckboxSearchFieldProps>;
+    ComboboxField: ComponentType<ComboboxFieldProps>;
+    ColorField: ComponentType<ColorFieldProps>;
+    DatePickerField: ComponentType<DatePickerFieldProps>;
+    SelectField: ComponentType<SelectFieldProps>;
+    SwitchField: ComponentType<SwitchFieldProps>;
+    TagsField: ComponentType<TagsFieldProps>;
+    TagField: ComponentType<TagsFieldProps>;
+    TextAreaField: ComponentType<TextAreaFieldProps>;
+    TextField: ComponentType<TextFieldProps>;
+    SliderField: ComponentType<SliderFieldProps>;
+    FileUploadField: ComponentType<FileUploadFieldProps>;
+    Button: ComponentType<ButtonProps>;
+    LoaderSpinner: ComponentType;
+    LoaderRing: ComponentType;
+    LoaderDots: ComponentType;
+    Badge: ComponentType<BadgeProps>;
+    Avatar: ComponentType<AvatarProps>;
+    Checkbox: ComponentType<CheckboxProps>;
+    Radio: ComponentType<RadioProps>;
+    RadioGroup: ComponentType<RadioGroupProps>;
+    Container: ComponentType<ContainerProps>;
+    Divider: ComponentType<DividerProps>;
+    Portal: ComponentType<PortalProps>;
+    Grid: ComponentType<GridProps>;
+    GridItem: ComponentType<GridItemProps>;
+    Input: ComponentType<InputProps>;
+    Link: ComponentType<LinkProps>;
+    Kbd: ComponentType<KbdProps>;
+    Progress: ComponentType<ProgressProps>;
+    Select: ComponentType<SelectProps>;
+    Skeleton: ComponentType<SkeletonProps>;
+    Slider: ComponentType<SliderProps>;
+    Switch: ComponentType<SwitchProps>;
+    Tag: ComponentType<TagProps>;
+    Textarea: ComponentType<TextareaProps>;
+    FileUpload: ComponentType<FileUploadProps>;
+    Typography: ComponentType<TypographyProps>;
+    H1: ComponentType<H1Props>;
+    H2: ComponentType<H2Props>;
+    H3: ComponentType<H3Props>;
+    Text: ComponentType<TextProps>;
+    Muted: ComponentType<MutedProps>;
+    Lead: ComponentType<LeadProps>;
+    Code: ComponentType<CodeProps>;
+    ApiDocLayout: ComponentType<ApiDocLayoutProps>;
+    CodeExample: ComponentType<CodeExampleProps>;
+    ComponentGuidelines: ComponentType<ComponentGuidelinesProps>;
+}
+
+export { EmbeddedVideoProps, FieldType, MapCardProps, type SharedUI };

package/dist/ui-contracts.js

@@ -0,0 +1,36 @@
+// src/components/shared/patterns/forms/FormField/constants.ts
+var FieldType = /* @__PURE__ */ ((FieldType2) => {
+  FieldType2["TEXT"] = "text";
+  FieldType2["TEXTAREA"] = "textarea";
+  FieldType2["NUMBER"] = "number";
+  FieldType2["DATE"] = "date";
+  FieldType2["SELECT"] = "select";
+  FieldType2["TAGS"] = "tags";
+  FieldType2["CHECKBOX_SEARCH"] = "checkbox-search";
+  FieldType2["COMBOBOX"] = "combobox";
+  FieldType2["SLIDER"] = "slider";
+  FieldType2["FILE_UPLOAD"] = "file-upload";
+  FieldType2["CHECKBOX"] = "checkbox";
+  FieldType2["SWITCH"] = "switch";
+  FieldType2["COLOR"] = "color";
+  FieldType2["RADIO"] = "radio";
+  FieldType2["DATE_RANGE"] = "date-range";
+  return FieldType2;
+})(FieldType || {});
+
+// src/types/currency.ts
+var Currency = /* @__PURE__ */ ((Currency2) => {
+  Currency2["EURO"] = "EUR";
+  Currency2["DOLLAR"] = "USD";
+  return Currency2;
+})(Currency || {});
+var CurrencySymbol = /* @__PURE__ */ ((CurrencySymbol2) => {
+  CurrencySymbol2["EUR"] = "\u20AC";
+  CurrencySymbol2["USD"] = "$";
+  return CurrencySymbol2;
+})(CurrencySymbol || {});
+export {
+  Currency,
+  CurrencySymbol,
+  FieldType
+};

package/dist/ui-registry.d.ts

@@ -0,0 +1,127 @@
+import React__default, { ReactNode } from 'react';
+import { b as ApiPropDoc } from './ApiDocLayout-6hYQvst0.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldConfig, Field } from '@arkcit/engine/form';
+
+type ComponentFolder = "primitives" | "patterns" | "overlays" | "media" | "domain" | "docs";
+type ComponentCategory = ComponentFolder;
+interface ComponentRouteItem {
+    folder: ComponentFolder;
+    category: ComponentCategory;
+    family: string;
+    keywords?: string[];
+    name: string;
+    url: string;
+    description: string;
+    demo: ReactNode;
+    apiProps: ApiPropDoc[];
+    example: string;
+}
+declare const componentRegistry: ComponentRouteItem[];
+declare const groupByCategoryThenFamily: (entries: ComponentRouteItem[]) => Record<ComponentFolder, Record<string, ComponentRouteItem[]>>;
+declare const folderLabels: Record<ComponentFolder, string>;
+
+interface UseCaseExample {
+    id: string;
+    title: string;
+    description: string;
+    code: string;
+    render: () => React__default.ReactNode;
+}
+interface ComponentExamplesEntry {
+    key: string;
+    folder: ComponentFolder;
+    family: string;
+    route: string;
+    title: string;
+    description: string;
+    propsTypeName: string;
+    apiProps: ApiPropDoc[];
+    examples: UseCaseExample[];
+}
+interface ComponentGuidelinesContent {
+    whenToUse?: string[];
+    whenNotToUse?: string[];
+    bestPractices?: string[];
+    accessibility?: string[];
+}
+declare const examplesRegistry: Record<string, ComponentExamplesEntry>;
+declare const getExamplesRegistryEntry: (item: Pick<ComponentExamplesEntry, "folder" | "title"> | {
+    folder: ComponentFolder;
+    name: string;
+}) => ComponentExamplesEntry;
+declare const getComponentGuidelines: (item: {
+    folder: ComponentFolder;
+    name: string;
+    description: string;
+}) => ComponentGuidelinesContent;
+declare const renderUseCaseBlocks: (entry: ComponentExamplesEntry) => react_jsx_runtime.JSX.Element;
+
+declare const registryFormOptions: {
+    value: string;
+    label: string;
+}[];
+declare const registryModulesOptions: {
+    value: string;
+    label: string;
+}[];
+declare const registryFormFields: FieldConfig[];
+declare const registryFormValues: Record<string, Field>;
+declare const registryLineSeries: ({
+    id: string;
+    label: string;
+    intent: "primary";
+    data: {
+        x: string;
+        y: number;
+    }[];
+} | {
+    id: string;
+    label: string;
+    intent: "success";
+    data: {
+        x: string;
+        y: number;
+    }[];
+})[];
+declare const registryBarSeries: {
+    id: string;
+    label: string;
+    intent: "info";
+    data: {
+        x: string;
+        y: number;
+    }[];
+}[];
+declare const RegistryInfiniteListDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryComboboxDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryCommandPaletteDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryPopinDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryFileUploadDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryFileUploadFieldDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryStepFormDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryFormWizardDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryRadioGroupDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryRadioFieldDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDateRangePickerDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDateRangeFieldDemo: () => react_jsx_runtime.JSX.Element;
+type GridUser = {
+    id: string;
+    name: string;
+    role: string;
+    projects: number;
+};
+declare const registryGridRows: GridUser[];
+declare const RegistryDataGridDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDataGridBasicDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDataGridInfiniteDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDataGridCustomRenderDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDataGridBoundDataDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDataGridLoadingDemo: () => react_jsx_runtime.JSX.Element;
+declare const RegistryDataGridEmptyDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const OrchardGameDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PizzaMapDemo: () => react_jsx_runtime.JSX.Element;
+
+export { type ComponentCategory, type ComponentExamplesEntry, type ComponentFolder, type ComponentGuidelinesContent, type ComponentRouteItem, OrchardGameDemo, PizzaMapDemo, RegistryComboboxDemo, RegistryCommandPaletteDemo, RegistryDataGridBasicDemo, RegistryDataGridBoundDataDemo, RegistryDataGridCustomRenderDemo, RegistryDataGridDemo, RegistryDataGridEmptyDemo, RegistryDataGridInfiniteDemo, RegistryDataGridLoadingDemo, RegistryDateRangeFieldDemo, RegistryDateRangePickerDemo, RegistryFileUploadDemo, RegistryFileUploadFieldDemo, RegistryFormWizardDemo, RegistryInfiniteListDemo, RegistryPopinDemo, RegistryRadioFieldDemo, RegistryRadioGroupDemo, RegistryStepFormDemo, type UseCaseExample, componentRegistry, examplesRegistry, folderLabels, getComponentGuidelines, getExamplesRegistryEntry, groupByCategoryThenFamily, registryBarSeries, registryFormFields, registryFormOptions, registryFormValues, registryGridRows, registryLineSeries, registryModulesOptions, renderUseCaseBlocks };