tinacms 0.0.0-ad8dbc0-20241003000436 → 0.0.0-af203c6-20251216034843

package/dist/rich-text/static.js

@@ -0,0 +1,243 @@
+import React from "react";
+const StaticTinaMarkdown = ({
+  content,
+  components = {}
+}) => {
+  if (!content) {
+    return null;
+  }
+  const nodes = Array.isArray(content) ? content : content.children;
+  if (!nodes) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
+    return /* @__PURE__ */ React.createElement(Node, { components, key: index, child });
+  }));
+};
+const Leaf = (props) => {
+  let el = /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
+  if (props.components.text) {
+    const Component = props.components.text;
+    el = /* @__PURE__ */ React.createElement(Component, null, props.text);
+  }
+  if (props.bold) {
+    const Component = props.components.bold || "strong";
+    el = /* @__PURE__ */ React.createElement(Component, null, el);
+  }
+  if (props.italic) {
+    const Component = props.components.italic || "em";
+    el = /* @__PURE__ */ React.createElement(Component, null, el);
+  }
+  if (props.underline) {
+    const Component = props.components.underline || "u";
+    el = /* @__PURE__ */ React.createElement(Component, null, el);
+  }
+  if (props.strikethrough) {
+    const Component = props.components.strikethrough || "s";
+    el = /* @__PURE__ */ React.createElement(Component, null, el);
+  }
+  if (props.code) {
+    const Component = props.components.code || "code";
+    el = /* @__PURE__ */ React.createElement(Component, null, el);
+  }
+  return el;
+};
+const Node = ({
+  components,
+  child
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { children, ...props } = child;
+  switch (child.type) {
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+    case "p":
+    case "ol":
+    case "ul":
+    case "li":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
+      }
+      return React.createElement(child.type, {
+        children: /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children })
+      });
+    case "blockquote":
+      const BlockquoteComponent = components.blockquote || components.block_quote;
+      if (BlockquoteComponent) {
+        return /* @__PURE__ */ React.createElement(BlockquoteComponent, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
+      }
+      return React.createElement("blockquote", {
+        children: /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children })
+      });
+    case "lic":
+      if (components.lic) {
+        const Component2 = components.lic;
+        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
+      }
+      return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+        StaticTinaMarkdown,
+        {
+          components,
+          content: child.children
+        }
+      ));
+    case "img":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
+    case "a":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return (
+          //@ts-ignore Same issue with TinaMarkdown
+          /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }))
+        );
+      }
+      return /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
+    case "code_block": {
+      let codeString = "";
+      if (Array.isArray(child.children)) {
+        codeString = child.children.map(
+          (line) => Array.isArray(line.children) ? line.children.map((t) => t.text).join("") : ""
+        ).join("\n");
+      } else if (typeof child.value === "string") {
+        codeString = child.value;
+      }
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props, value: codeString });
+      }
+      return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, codeString));
+    }
+    case "hr":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return /* @__PURE__ */ React.createElement("hr", null);
+    case "break":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return /* @__PURE__ */ React.createElement("br", null);
+    case "text":
+      return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
+    case "mdxJsxTextElement":
+    case "mdxJsxFlowElement":
+      const Component = components[child.name];
+      if (Component) {
+        const props2 = child.props ? child.props : {};
+        return /* @__PURE__ */ React.createElement(Component, { ...props2 });
+      } else {
+        if (child.name === "table") {
+          const firstRowHeader = (_a = child.props) == null ? void 0 : _a.firstRowHeader;
+          const rows2 = (firstRowHeader ? (_b = child.props) == null ? void 0 : _b.tableRows.filter((_, i) => i !== 0) : (_c = child.props) == null ? void 0 : _c.tableRows) || [];
+          const header = (_e = (_d = child.props) == null ? void 0 : _d.tableRows) == null ? void 0 : _e.at(0);
+          const TableComponent2 = (
+            //@ts-ignore Same issue with TinaMarkdown
+            components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { ...props2 }))
+          );
+          const TrComponent2 = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
+          const ThComponent = components["th"] || ((props2) => /* @__PURE__ */ React.createElement("th", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
+          const TdComponent2 = components["td"] || ((props2) => /* @__PURE__ */ React.createElement("td", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
+          const align2 = ((_f = child.props) == null ? void 0 : _f.align) || [];
+          return (
+            //@ts-ignore Same issue with TinaMarkdown
+            /* @__PURE__ */ React.createElement(TableComponent2, null, firstRowHeader && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement(TrComponent2, null, header.tableCells.map((c, i) => {
+              return /* @__PURE__ */ React.createElement(
+                StaticTinaMarkdown,
+                {
+                  key: i,
+                  components: {
+                    p: (props2) => /* @__PURE__ */ React.createElement(ThComponent, { align: align2[i], ...props2 })
+                  },
+                  content: c.value
+                }
+              );
+            }))), /* @__PURE__ */ React.createElement("tbody", null, rows2.map((row, i) => {
+              var _a2;
+              return /* @__PURE__ */ React.createElement(TrComponent2, { key: i }, (_a2 = row == null ? void 0 : row.tableCells) == null ? void 0 : _a2.map((c, i2) => {
+                return /* @__PURE__ */ React.createElement(
+                  StaticTinaMarkdown,
+                  {
+                    key: i2,
+                    components: {
+                      p: (props2) => /* @__PURE__ */ React.createElement(TdComponent2, { align: align2[i2], ...props2 })
+                    },
+                    content: c.value
+                  }
+                );
+              }));
+            })))
+          );
+        }
+        const ComponentMissing = components["component_missing"];
+        if (ComponentMissing) {
+          return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
+        } else {
+          return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
+        }
+      }
+    case "table":
+      const rows = child.children || [];
+      const TableComponent = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { style: { border: "1px solid #EDECF3" }, ...props2 }));
+      const TrComponent = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
+      const TdComponent = components["td"] || ((props2) => /* @__PURE__ */ React.createElement(
+        "td",
+        {
+          style: {
+            textAlign: (props2 == null ? void 0 : props2.align) || "auto",
+            border: "1px solid #EDECF3",
+            padding: "0.25rem"
+          },
+          ...props2
+        }
+      ));
+      const align = ((_g = child.props) == null ? void 0 : _g.align) || [];
+      return (
+        //@ts-ignore Same issue with TinaMarkdown
+        /* @__PURE__ */ React.createElement(TableComponent, null, /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, i) => {
+          var _a2;
+          return /* @__PURE__ */ React.createElement(TrComponent, { key: i }, (_a2 = row.children) == null ? void 0 : _a2.map((cell, i2) => {
+            return /* @__PURE__ */ React.createElement(
+              StaticTinaMarkdown,
+              {
+                key: i2,
+                components: {
+                  p: (props2) => /* @__PURE__ */ React.createElement(TdComponent, { align: align[i2], ...props2 })
+                },
+                content: cell.children
+              }
+            );
+          }));
+        })))
+      );
+    case "maybe_mdx":
+      return null;
+    case "html":
+    case "html_inline":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return child.value;
+    case "invalid_markdown":
+      return /* @__PURE__ */ React.createElement("pre", null, child.value);
+    default:
+      if (typeof child.text === "string") {
+        return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
+      }
+      return null;
+  }
+};
+export {
+  StaticTinaMarkdown
+};

package/dist/tina-cms.d.ts

@@ -9,7 +9,7 @@ import type { TinaCMSProviderDefaultProps } from './types/cms';
 export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => React.JSX.Element;
 export type DocumentCreatorCallback = Parameters<typeof useDocumentCreatorPlugin>[0];
 /**
- * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/features/data-fetching/#querying-tina-content-in-nextjs for more details
+ * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/r/content-api-overview for more details
  *
  * A convenience function which makes a GraphQL request
  * to a local GraphQL server and ensures the response fits

package/dist/toolkit/components/ProgressBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface ProgressBarProps {
+    /** Progress percentage (0-100) */
+    progress: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Color of the progress bar */
+    color?: 'blue' | 'green';
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export {};

package/dist/toolkit/components/media/media-item.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Media } from '../../core';
+import React from 'react';
 interface MediaItemProps {
     item: Media & {
         new?: boolean;
@@ -7,6 +7,16 @@ interface MediaItemProps {
     onClick(_item: Media | false): void;
     active: boolean;
 }
+export declare const checkerboardStyle: {
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundPosition: string;
+};
+export declare const smallCheckerboardStyle: {
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundPosition: string;
+};
 export declare function ListMediaItem({ item, onClick, active }: MediaItemProps): React.JSX.Element;
 export declare function GridMediaItem({ item, active, onClick }: MediaItemProps): React.JSX.Element;
 export {};

package/dist/toolkit/components/media/media-manager.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Media } from '../../core';
+import React from 'react';
 export interface MediaRequest {
     directory?: string;
     onSelect?(_media: Media): void;

package/dist/toolkit/components/ui/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/toolkit/components/ui/button.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: {
+    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline";
+    size?: "default" | "icon" | "sm" | "lg";
+} & import("class-variance-authority/types").ClassProp) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/toolkit/components/ui/calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DayButton, DayPicker } from 'react-day-picker';
+import { Button } from './button';
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/toolkit/components/ui/date-time-picker.d.ts

@@ -0,0 +1,111 @@
+import 'moment-timezone';
+import * as React from 'react';
+import { type DayPickerProps } from 'react-day-picker';
+type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
+type Period = 'AM' | 'PM';
+declare const formatCurrentDate: ({ dateFormat, timeFormat, displayDate, }: {
+    dateFormat?: string;
+    timeFormat?: string;
+    displayDate: Date;
+}) => string;
+interface TimePickerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    picker: TimePickerType;
+    date?: Date | null;
+    onDateChange?: (date: Date | undefined) => void;
+    period?: Period;
+    onRightFocus?: () => void;
+    onLeftFocus?: () => void;
+}
+declare const TimePickerInput: React.ForwardRefExoticComponent<TimePickerInputProps & React.RefAttributes<HTMLInputElement>>;
+interface TimePickerProps {
+    date?: Date | null;
+    onChange?: (date: Date | undefined) => void;
+    hourCycle?: 12 | 24;
+    /**
+     * Determines the smallest unit that is displayed in the datetime picker.
+     * Default is 'second'.
+     * */
+    granularity?: Granularity;
+}
+interface TimePickerRef {
+    minuteRef: HTMLInputElement | null;
+    hourRef: HTMLInputElement | null;
+    secondRef: HTMLInputElement | null;
+}
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<TimePickerRef>>;
+type Granularity = 'day' | 'hour' | 'minute' | 'second';
+type DateTimePickerProps = {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    disabled?: boolean;
+    dateFormat?: string;
+    timeFormat?: string;
+    /** showing `AM/PM` or not. */
+    hourCycle?: 12 | 24;
+    placeholder?: string;
+    /**
+     * The year range will be: `This year + yearRange` and `this year - yearRange`.
+     * Default is 50.
+     * For example:
+     * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+     * */
+    yearRange?: number;
+    /**
+     * The format is derived from the `date-fns` documentation.
+     * @reference https://date-fns.org/v3.6.0/docs/format
+     **/
+    displayFormat?: {
+        hour24?: string;
+        hour12?: string;
+    };
+    /**
+     * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+     * By default, the value is `second` which shows all time inputs.
+     **/
+    granularity?: Granularity;
+    className?: string;
+    /**
+     * Show the default month and time when popup the calendar. Default is the current Date().
+     **/
+    defaultPopupValue?: Date;
+} & Pick<DayPickerProps, 'locale' | 'weekStartsOn' | 'showWeekNumber' | 'showOutsideDays'>;
+type DateTimePickerRef = {
+    value?: Date;
+} & Omit<HTMLInputElement, 'value'>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<{
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    disabled?: boolean;
+    dateFormat?: string;
+    timeFormat?: string;
+    /** showing `AM/PM` or not. */
+    hourCycle?: 12 | 24;
+    placeholder?: string;
+    /**
+     * The year range will be: `This year + yearRange` and `this year - yearRange`.
+     * Default is 50.
+     * For example:
+     * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+     * */
+    yearRange?: number;
+    /**
+     * The format is derived from the `date-fns` documentation.
+     * @reference https://date-fns.org/v3.6.0/docs/format
+     **/
+    displayFormat?: {
+        hour24?: string;
+        hour12?: string;
+    };
+    /**
+     * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+     * By default, the value is `second` which shows all time inputs.
+     **/
+    granularity?: Granularity;
+    className?: string;
+    /**
+     * Show the default month and time when popup the calendar. Default is the current Date().
+     **/
+    defaultPopupValue?: Date;
+} & Pick<DayPickerProps, "showOutsideDays" | "showWeekNumber" | "locale" | "weekStartsOn"> & React.RefAttributes<Partial<DateTimePickerRef>>>;
+export { DateTimePicker, TimePickerInput, TimePicker, formatCurrentDate };
+export type { TimePickerType, DateTimePickerProps, DateTimePickerRef };

package/dist/toolkit/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/toolkit/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/toolkit/components/ui/popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/toolkit/components/ui/select.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/toolkit/fields/components/color-picker/block-widget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WidgetProps } from './color-input';
+export declare const BlockWidget: React.FC<WidgetProps>;

package/dist/toolkit/fields/components/color-picker/color-input.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export interface WidgetProps {
+    presetColors: string[];
+    color: string;
+    onChange: (color: string | null) => void;
+    width: string;
+}
+export declare const useHexInput: (color: string, onChange: (color: string | null) => void) => {
+    inputValue: string;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleSwatchClick: (c: string) => void;
+};
+export declare const SwatchButton: React.FC<{
+    color: string;
+    isSelected: boolean;
+    onClick: () => void;
+}>;
+export declare const ColorPreview: React.FC<{
+    color: string;
+    size?: 'sm' | 'lg';
+}>;
+export declare const HexInput: React.FC<{
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    fullWidth?: boolean;
+}>;
+export declare const SwatchGrid: React.FC<{
+    colors: string[];
+    selectedColor: string;
+    onSelect: (color: string) => void;
+}>;

package/dist/toolkit/fields/components/color-picker/color-picker.d.ts

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import { ColorFormat } from './color-formatter';
-type WrappedFieldProps = any;
+interface FieldInput {
+    value: string | null;
+    onChange: (value: string | null) => void;
+}
 interface Props {
     colorFormat: ColorFormat;
     userColors: string[];
     widget?: 'sketch' | 'block';
-    input: WrappedFieldProps['input'];
+    width?: string;
+    input: FieldInput;
 }
 export declare const ColorPicker: React.FC<Props>;
 export {};

package/dist/toolkit/fields/components/color-picker/color-utils.d.ts

@@ -0,0 +1,37 @@
+export declare const TRANSPARENT = "transparent";
+export declare const isValidHex: (value: string) => boolean;
+export declare const expandHex: (hex: string) => string;
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Converts RGB color values to a hex color string (e.g., "#FF0000" for red).
+ *
+ * How it works:
+ * We need to convert three numbers (r, g, b) each ranging 0-255 into a 6-digit hex string.
+ * For example: rgb(255, 128, 0) should become "#FF8000"
+ *
+ * The bit-shifting approach combines all three values into one number:
+ * - (1 << 24) = 16777216 (0x1000000) - This adds a leading '1' to guarantee we always
+ *   get 7 hex digits, which we later remove. Without this, rgb(0, 0, 255) would give
+ *   us "FF" instead of "0000FF".
+ * - (r << 16) shifts red left by 16 bits, placing it in positions for the first two hex digits
+ * - (g << 8) shifts green left by 8 bits, placing it in positions for the middle two hex digits
+ * - b stays as-is, occupying the last two hex digits
+ *
+ * Example with rgb(255, 128, 0):
+ *   16777216 + (255 << 16) + (128 << 8) + 0
+ *   = 16777216 + 16711680 + 32768 + 0
+ *   = 33521664
+ *   = 0x1FF8000 (as hex string: "1FF8000")
+ *   After slice(1): "FF8000"
+ *   Final result: "#FF8000"
+ */
+export declare const rgbToHex: (r: number, g: number, b: number) => string;
+export declare const checkerboardStyle: (size?: number) => {
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundPosition: string;
+};

package/dist/toolkit/fields/components/color-picker/sketch-widget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WidgetProps } from './color-input';
+export declare const SketchWidget: React.FC<WidgetProps>;

package/dist/toolkit/fields/components/password-field.d.ts

@@ -4,6 +4,6 @@ export interface PasswordFieldProps extends a {
     error?: boolean;
     ref?: any;
 }
-export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
+export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded";
 export declare const BasePasswordField: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/toolkit/fields/components/reference/components/button.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const buttonVariants: (props?: {
     variant?: "outline";
     size?: "default" | "icon" | "sm" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+} & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }