@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/components/table/table.slots.d.ts

@@ -1,5 +1,5 @@
 import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
-import { SlotComponent } from '../../type-utils';
+import { SlotComponent } from '../../type-utils/index.js';
 export type TableRootSlotProps = HTMLChakraProps<"table">;
 export declare const TableRootSlot: SlotComponent<HTMLTableElement, TableRootSlotProps>;
 export type TableCaptionSlotProps = HTMLChakraProps<"caption">;

package/dist/components/table.cjs

@@ -1,2 +1 @@
-"use strict";const e=require("../chunks/table-jUvZ_o07.cjs.js");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableColumn=e.TableColumn;exports.TableColumnGroup=e.TableColumnGroup;exports.TableColumnHeader=e.TableColumnHeader;exports.TableFooter=e.TableFooter;exports.TableHeader=e.TableHeader;exports.TableRoot=e.TableRoot;exports.TableRow=e.TableRow;exports.TableScrollArea=e.TableScrollArea;
-//# sourceMappingURL=table.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/table-Ca0nIwcN.cjs.js");exports.Table=e.t,exports.TableBody=e.n,exports.TableCaption=e.r,exports.TableCell=e.i,exports.TableColumn=e.a,exports.TableColumnGroup=e.o,exports.TableColumnHeader=e.s,exports.TableFooter=e.c,exports.TableHeader=e.l,exports.TableRoot=e.u,exports.TableRow=e.d,exports.TableScrollArea=e.f;

package/dist/components/table.es.js

@@ -1,16 +1,2 @@
-import { T as l, a as o, b, c as T, d as s, e as r, f as C, g as d, h as m, i as n, j as t, k as u } from "../chunks/table-CUNN3TBI.es.js";
-export {
-  l as Table,
-  o as TableBody,
-  b as TableCaption,
-  T as TableCell,
-  s as TableColumn,
-  r as TableColumnGroup,
-  C as TableColumnHeader,
-  d as TableFooter,
-  m as TableHeader,
-  n as TableRoot,
-  t as TableRow,
-  u as TableScrollArea
-};
-//# sourceMappingURL=table.es.js.map
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../chunks/table-s-QRSKUl.esm.js";
+export { u as Table, o as TableBody, c as TableCaption, i as TableCell, e as TableColumn, s as TableColumnGroup, l as TableColumnHeader, t as TableFooter, a as TableHeader, d as TableRoot, n as TableRow, r as TableScrollArea };

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

@@ -1,5 +1,5 @@
-export { TabsRoot } from './tabs.root';
-export { TabsList } from './tabs.list';
-export { TabsTab } from './tabs.tab';
-export { TabsPanels } from './tabs.panels';
-export { TabsPanel } from './tabs.panel';
+export { TabsRoot } from './tabs.root.js';
+export { TabsList } from './tabs.list.js';
+export { TabsTab } from './tabs.tab.js';
+export { TabsPanels } from './tabs.panels.js';
+export { TabsPanel } from './tabs.panel.js';

package/dist/components/tabs/components/tabs.list.d.ts

@@ -1,4 +1,4 @@
-import { TabListProps } from '../tabs.types';
+import { TabListProps } from '../tabs.types.js';
 /**
  * # TabList
  *
@@ -7,6 +7,6 @@ import { TabListProps } from '../tabs.types';
  * @supportsStyleProps
  */
 export declare const TabsList: {
-    ({ tabs, children, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;
+    ({ tabs, children, ...props }: TabListProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/tabs/components/tabs.panel.d.ts

@@ -1,4 +1,4 @@
-import { TabPanelProps } from '../tabs.types';
+import { TabPanelProps } from '../tabs.types.js';
 /**
  * # TabPanel
  *
@@ -7,6 +7,6 @@ import { TabPanelProps } from '../tabs.types';
  * @supportsStyleProps
  */
 export declare const TabsPanel: {
-    ({ children, ref, shouldForceMount, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, ref, shouldForceMount, ...props }: TabPanelProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/tabs/components/tabs.panels.d.ts

@@ -1,10 +1,10 @@
-import { TabPanelsProps } from '../tabs.types';
+import { TabPanelsProps } from '../tabs.types.js';
 /**
  * # TabPanels
  *
  * A container for the tab panels that displays panelContent based on the selected tab.
  */
 export declare const TabsPanels: {
-    ({ tabs, children, ...props }: TabPanelsProps): import("react/jsx-runtime").JSX.Element;
+    ({ tabs, children, ...props }: TabPanelsProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/tabs/components/tabs.root.d.ts

@@ -1,4 +1,4 @@
-import { TabsProps } from '../tabs.types';
+import { TabsProps } from '../tabs.types.js';
 /**
  * # Tabs
  *
@@ -7,6 +7,6 @@ import { TabsProps } from '../tabs.types';
  * @supportsStyleProps
  */
 export declare const TabsRoot: {
-    ({ children, tabs, tabListAriaLabel, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, tabs, tabListAriaLabel, ...props }: TabsProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/tabs/components/tabs.tab.d.ts

@@ -1,4 +1,4 @@
-import { TabProps } from '../tabs.types';
+import { TabProps } from '../tabs.types.js';
 /**
  * # Tab
  *
@@ -7,6 +7,6 @@ import { TabProps } from '../tabs.types';
  * @supportsStyleProps
  */
 export declare const TabsTab: {
-    ({ children, isDisabled, href, target, rel, routerOptions, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, isDisabled, href, target, rel, routerOptions, ...props }: TabProps): import("react").JSX.Element;
     displayName: string;
 };

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

@@ -1,2 +1,2 @@
-export * from './tabs';
-export * from './tabs.types';
+export * from './tabs.js';
+export * from './tabs.types.js';

package/dist/components/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import { TabsRoot, TabsList, TabsTab, TabsPanels, TabsPanel } from './components';
+import { TabsRoot, TabsList, TabsTab, TabsPanels, TabsPanel } from './components/index.js';
 /**
  * Tabs
  * ============================================================
@@ -41,7 +41,7 @@ export declare const Tabs: {
      * ```
      */
     Root: {
-        ({ children, tabs, tabListAriaLabel, ...props }: import('./tabs.types').TabsProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, tabs, tabListAriaLabel, ...props }: import('./tabs.types.js').TabsProps): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -59,7 +59,7 @@ export declare const Tabs: {
      * ```
      */
     List: {
-        ({ tabs, children, ...props }: import('./tabs.types').TabListProps): import("react/jsx-runtime").JSX.Element;
+        ({ tabs, children, ...props }: import('./tabs.types.js').TabListProps): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -77,7 +77,7 @@ export declare const Tabs: {
      * ```
      */
     Tab: {
-        ({ children, isDisabled, href, target, rel, routerOptions, ...props }: import('./tabs.types').TabProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, isDisabled, href, target, rel, routerOptions, ...props }: import('./tabs.types.js').TabProps): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -95,7 +95,7 @@ export declare const Tabs: {
      * ```
      */
     Panels: {
-        ({ tabs, children, ...props }: import('./tabs.types').TabPanelsProps): import("react/jsx-runtime").JSX.Element;
+        ({ tabs, children, ...props }: import('./tabs.types.js').TabPanelsProps): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -113,11 +113,11 @@ export declare const Tabs: {
      * ```
      */
     Panel: {
-        ({ children, ref, shouldForceMount, ...props }: import('./tabs.types').TabPanelProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, ref, shouldForceMount, ...props }: import('./tabs.types.js').TabPanelProps): import("react").JSX.Element;
         displayName: string;
     };
 };
-export type { TabsProps, TabListProps, TabProps, TabPanelsProps, TabPanelProps, TabItemProps, } from './tabs.types';
+export type { TabsProps, TabListProps, TabProps, TabPanelsProps, TabPanelProps, TabItemProps, } from './tabs.types.js';
 /**
  * todo: get rid of this, this is needed for the react-docgen-typescript script
  * that is parsing the typescript types for our documentation. The _ underscores

package/dist/components/tabs/tabs.recipe.d.ts

@@ -10,7 +10,7 @@
  * spacing, typography, transitions, or focus styles in one, apply the equivalent
  * change to the other.
  */
-export declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "panel" | "list" | "tab" | "panels", {
+export declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "list" | "tab" | "trigger" | "panel" | "panels", {
     variant: {
         line: {};
         pills: {

package/dist/components/tabs/tabs.slots.d.ts

@@ -1,5 +1,5 @@
-import { SlotComponent } from '../../type-utils';
-import { TabsRootSlotProps, TabsListSlotProps, TabsTabSlotProps, TabsPanelsSlotProps, TabsPanelSlotProps } from './tabs.types';
+import { SlotComponent } from '../../type-utils/index.js';
+import { TabsRootSlotProps, TabsListSlotProps, TabsTabSlotProps, TabsPanelsSlotProps, TabsPanelSlotProps } from './tabs.types.js';
 /**
  * Root component that provides the styling context for the Tabs component.
  * Uses Chakra UI's recipe context system for consistent styling across instances.

package/dist/components/tabs/tabs.types.d.ts

@@ -1,6 +1,6 @@
-import { OmitInternalProps } from '../../type-utils/omit-props';
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
 import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
-import { RouterOptions } from '../nimbus-provider/nimbus-provider.types';
+import { RouterOptions } from '../nimbus-provider/nimbus-provider.types.js';
 type TabsRecipeProps = {
     /**
      * Visual style variant of the tabs

package/dist/components/tabs.cjs

@@ -1,2 +1 @@
-"use strict";const a=require("../chunks/tabs-CvAZzZ9K.cjs.js");exports.Tabs=a.Tabs;exports._TabsList=a.TabsList;exports._TabsPanel=a.TabsPanel;exports._TabsPanels=a.TabsPanels;exports._TabsRoot=a.TabsRoot;exports._TabsTab=a.TabsTab;
-//# sourceMappingURL=tabs.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tabs-B50Cmf5h.cjs.js");exports.Tabs=e.t,exports._TabsList=e.a,exports._TabsPanel=e.i,exports._TabsPanels=e.r,exports._TabsRoot=e.n,exports._TabsTab=e.o;

package/dist/components/tabs.es.js

@@ -1,10 +1,2 @@
-import { T as b, a as T, b as _, c as e, d as o, e as t } from "../chunks/tabs-BuYHA8KE.es.js";
-export {
-  b as Tabs,
-  T as _TabsList,
-  _ as _TabsPanel,
-  e as _TabsPanels,
-  o as _TabsRoot,
-  t as _TabsTab
-};
-//# sourceMappingURL=tabs.es.js.map
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/tabs-DomV4co7.esm.js";
+export { a as Tabs, e as _TabsList, t as _TabsPanel, i as _TabsPanels, n as _TabsRoot, r as _TabsTab };

package/dist/components/tag-group/components/index.d.ts

@@ -1,3 +1,3 @@
-export { TagGroupRoot } from './tag-group.root';
-export { TagGroupTagList } from './tag-group.tag-list';
-export { TagGroupTag } from './tag-group.tag';
+export { TagGroupRoot } from './tag-group.root.js';
+export { TagGroupTagList } from './tag-group.tag-list.js';
+export { TagGroupTag } from './tag-group.tag.js';

package/dist/components/tag-group/components/tag-group.root.d.ts

@@ -1,4 +1,4 @@
-import { TagGroupRootComponent } from '../tag-group.types';
+import { TagGroupRootComponent } from '../tag-group.types.js';
 /**
  * TagGroup.Root - The root component that provides context and state management for the tag group
  *

package/dist/components/tag-group/components/tag-group.tag-list.d.ts

@@ -1,11 +1,11 @@
 import { RefAttributes } from 'react';
-import { TagGroupTagListProps } from '../tag-group.types';
+import { TagGroupTagListProps } from '../tag-group.types.js';
 /**
  * TagGroup.TagList - The container component that holds individual tags within the tag group
  *
  * @supportsStyleProps
  */
 export declare const TagGroupTagList: {
-    <T extends object>({ children, ref, ...rest }: TagGroupTagListProps<T> & RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    <T extends object>({ children, ref, ...rest }: TagGroupTagListProps<T> & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/tag-group/components/tag-group.tag.d.ts

@@ -1,4 +1,4 @@
-import { TagGroupTagComponent } from '../tag-group.types';
+import { TagGroupTagComponent } from '../tag-group.types.js';
 /**
  * TagGroup.Tag - Individual tag component that can be selected, removed, or used for display
  *

package/dist/components/tag-group/index.d.ts

@@ -1,2 +1,2 @@
-export * from './tag-group';
-export * from './tag-group.types';
+export * from './tag-group.js';
+export * from './tag-group.types.js';

package/dist/components/tag-group/tag-group.d.ts

@@ -32,7 +32,7 @@ export declare const TagGroup: {
      * </TagGroup.Root>
      * ```
      */
-    Root: import('./tag-group.types').TagGroupRootComponent;
+    Root: import('./tag-group.types.js').TagGroupRootComponent;
     /**
      * # TagGroup.TagList
      *
@@ -50,7 +50,7 @@ export declare const TagGroup: {
      * ```
      */
     TagList: {
-        <T extends object>({ children, ref, ...rest }: import('./tag-group.types').TagGroupTagListProps<T> & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        <T extends object>({ children, ref, ...rest }: import('./tag-group.types.js').TagGroupTagListProps<T> & import('react').RefAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -69,5 +69,5 @@ export declare const TagGroup: {
      * </TagGroup.Root>
      * ```
      */
-    Tag: import('./tag-group.types').TagGroupTagComponent;
+    Tag: import('./tag-group.types.js').TagGroupTagComponent;
 };

package/dist/components/tag-group/tag-group.slots.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TagGroup as RaTagGroup } from 'react-aria-components';
-import { SlotComponent } from '../../type-utils';
-import { TagGroupProps, TagGroupTagListComponent, TagGroupTagListProps, TagGroupTagComponent } from './tag-group.types';
+import { SlotComponent } from '../../type-utils/index.js';
+import { TagGroupProps, TagGroupTagListComponent, TagGroupTagListProps, TagGroupTagComponent } from './tag-group.types.js';
 export declare const TagGroupRootSlot: SlotComponent<typeof RaTagGroup, TagGroupProps>;
 export declare const TagGroupTagListSlot: <T extends object>(props: TagGroupTagListProps<T>) => ReactElement<TagGroupTagListProps<T>, TagGroupTagListComponent<T>>;
 export declare const TagGroupTagSlot: TagGroupTagComponent;

package/dist/components/tag-group/tag-group.types.d.ts

@@ -1,4 +1,4 @@
-import { OmitInternalProps } from '../../type-utils/omit-props';
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
 import { HTMLChakraProps, RecipeProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 import { FC, Ref } from 'react';
 import { TagGroup as RaTagGroup, TagGroupProps as RaTagGroupProps, TagListProps as RaTagListProps, Tag as RaTag, TagProps as RaTagProps } from 'react-aria-components';

package/dist/components/tag-group.cjs

@@ -1,2 +1 @@
-"use strict";const e=require("../chunks/tag-group-CwRzOTkl.cjs.js");exports.TagGroup=e.TagGroup;
-//# sourceMappingURL=tag-group.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/tag-group-BR3LcQYM.cjs.js");exports.TagGroup=e.t;

package/dist/components/tag-group.es.js

@@ -1,5 +1,2 @@
-import { T as a } from "../chunks/tag-group-Ckow1PYY.es.js";
-export {
-  a as TagGroup
-};
-//# sourceMappingURL=tag-group.es.js.map
+import { t as e } from "../chunks/tag-group-BO8mQ1Qf.esm.js";
+export { e as TagGroup };

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

@@ -1 +1 @@
-export * from './text';
+export * from './text.js';

package/dist/components/text/text.d.ts

@@ -13,6 +13,6 @@ export type TextProps = Omit<ChakraTextProps, "slot"> & {
  * @supportsStyleProps
  */
 export declare const Text: {
-    ({ ref: forwardedRef, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref: forwardedRef, ...props }: TextProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/text-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './text-input';
-export * from './text-input.types';
+export * from './text-input.js';
+export * from './text-input.types.js';

package/dist/components/text-input/text-input.d.ts

@@ -1,7 +1,7 @@
 import { Context } from 'react';
-import { TextInputProps, TextInputContextValue } from './text-input.types';
+import { TextInputProps, TextInputContextValue } from './text-input.types.js';
 declare const TextInputComponent: {
-    (props: TextInputProps): import("react/jsx-runtime").JSX.Element;
+    (props: TextInputProps): import("react").JSX.Element;
     displayName: string;
 };
 /**

package/dist/components/text-input/text-input.slots.d.ts

@@ -1,5 +1,5 @@
-import { SlotComponent } from '../../type-utils';
-import { TextInputRootSlotProps, TextInputLeadingElementSlotProps, TextInputInputSlotProps, TextInputTrailingElementSlotProps } from './text-input.types';
+import { SlotComponent } from '../../type-utils/index.js';
+import { TextInputRootSlotProps, TextInputLeadingElementSlotProps, TextInputInputSlotProps, TextInputTrailingElementSlotProps } from './text-input.types.js';
 export declare const TextInputRootSlot: SlotComponent<HTMLDivElement, TextInputRootSlotProps>;
 export declare const TextInputLeadingElementSlot: SlotComponent<HTMLDivElement, TextInputLeadingElementSlotProps>;
 export declare const TextInputInputSlot: SlotComponent<HTMLInputElement, TextInputInputSlotProps>;

package/dist/components/text-input/text-input.types.d.ts

@@ -1,4 +1,4 @@
-import { OmitInternalProps } from '../../type-utils/omit-props';
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
 import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 import { TextFieldProps as RaTextFieldProps, InputProps as RaInputProps } from 'react-aria-components';
 type TextInputRecipeProps = {

package/dist/components/text-input-field.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/text-input-field-dVzAZAez.cjs.js");exports.TextInputField=e.TextInputField;
-//# sourceMappingURL=text-input-field.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/field-errors-D4_oFvCt.cjs.js"),t=require("../chunks/form-field-BqR6tlhi.cjs.js"),n=require("../chunks/text-input-BonnwXw4.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,onChange:l,renderError:u,touched:d=!1,isRequired:f=!1,isDisabled:p=!1,isReadOnly:m=!1,isInvalid:h=!1,size:g=`md`,value:_,placeholder:v,type:y=`text`,...b})=>{let x=d&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(t.t.Root,{id:i,size:g,isRequired:f,isDisabled:p,isReadOnly:m,isInvalid:x||h,children:[(0,r.jsx)(t.t.Label,{children:a}),(0,r.jsx)(t.t.Input,{children:(0,r.jsx)(n.t,{...b,size:g,type:y,placeholder:v,onChange:l,value:_})}),o&&(0,r.jsx)(t.t.Description,{children:o}),x&&(0,r.jsx)(t.t.Error,{children:(0,r.jsx)(e.t,{errors:c,renderError:u})}),s&&(0,r.jsx)(t.t.InfoBox,{children:s})]})};i.displayName=`TextInputField`,exports.TextInputField=i;
+//# sourceMappingURL=text-input-field.cjs.map

package/dist/components/text-input-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"text-input-field.cjs","names":[],"sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          size={size}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"mappings":"oQA4BA,IAAa,GAAkB,CAC7B,KACA,QACA,cACA,OACA,SACA,WACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,QACA,cACA,OAAO,OACP,GAAG,KACsB,CAEzB,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,MAAC,EAAA,EAAU,KAAX,CACM,KACE,OACM,aACA,aACA,aACZ,UAAW,GAAa,WAN1B,EAQE,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,GAAI,EACE,OACA,OACO,cACH,WACH,OACR,CAAA,CACc,CAAA,EAChB,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAE5D,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAqB,SAAqB,aAAc,CAAA,CACzC,CAAA,EAElB,IAAQ,EAAA,EAAA,KAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,CACvC,GAEpB,EAEA,EAAe,YAAc"}

package/dist/components/text-input-field.es.js

@@ -1,5 +1,38 @@
-import { T as o } from "../chunks/text-input-field-BpR1i2C7.es.js";
-export {
-  o as TextInputField
+import { t as e } from "../chunks/field-errors-DQnCYbwh.esm.js";
+import { t } from "../chunks/form-field-BxbNX6MU.esm.js";
+import { t as n } from "../chunks/text-input-Da6L5AwL.esm.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/patterns/fields/text-input-field/text-input-field.tsx
+var a = ({ id: a, label: o, description: s, info: c, errors: l, onChange: u, renderError: d, touched: f = !1, isRequired: p = !1, isDisabled: m = !1, isReadOnly: h = !1, isInvalid: g = !1, size: _ = "md", value: v, placeholder: y, type: b = "text", ...x }) => {
+	let S = f && l && Object.values(l).some(Boolean);
+	return /* @__PURE__ */ i(t.Root, {
+		id: a,
+		size: _,
+		isRequired: p,
+		isDisabled: m,
+		isReadOnly: h,
+		isInvalid: S || g,
+		children: [
+			/* @__PURE__ */ r(t.Label, { children: o }),
+			/* @__PURE__ */ r(t.Input, { children: /* @__PURE__ */ r(n, {
+				...x,
+				size: _,
+				type: b,
+				placeholder: y,
+				onChange: u,
+				value: v
+			}) }),
+			s && /* @__PURE__ */ r(t.Description, { children: s }),
+			S && /* @__PURE__ */ r(t.Error, { children: /* @__PURE__ */ r(e, {
+				errors: l,
+				renderError: d
+			}) }),
+			c && /* @__PURE__ */ r(t.InfoBox, { children: c })
+		]
+	});
 };
-//# sourceMappingURL=text-input-field.es.js.map
+a.displayName = "TextInputField";
+//#endregion
+export { a as TextInputField };
+
+//# sourceMappingURL=text-input-field.es.js.map

package/dist/components/text-input-field.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"text-input-field.es.js","names":[],"sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          size={size}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"mappings":";;;;;AA4BA,IAAa,KAAkB,EAC7B,OACA,UACA,gBACA,SACA,WACA,aACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,UACA,gBACA,UAAO,QACP,GAAG,QACsB;CAEzB,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACM;EACA;EACA;EACZ,WAAW,KAAa;YAN1B;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,GAAI;IACE;IACA;IACO;IACH;IACH;GACR,CAAA,EACc,CAAA;GAChB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAE5D,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAqB;IAAqB;GAAc,CAAA,EACzC,CAAA;GAElB,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;EACvC;;AAEpB;AAEA,EAAe,cAAc"}

package/dist/components/text-input.cjs

@@ -1,2 +1 @@
-"use strict";const t=require("../chunks/text-input-DWuEIlWt.cjs.js");exports.TextInput=t.TextInput;
-//# sourceMappingURL=text-input.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/text-input-BonnwXw4.cjs.js");exports.TextInput=e.t;

package/dist/components/text-input.es.js

@@ -1,5 +1,2 @@
-import { T as o } from "../chunks/text-input-CXWRNuLo.es.js";
-export {
-  o as TextInput
-};
-//# sourceMappingURL=text-input.es.js.map
+import { t as e } from "../chunks/text-input-Da6L5AwL.esm.js";
+export { e as TextInput };

package/dist/components/text.cjs

@@ -1,2 +1 @@
-"use strict";const e=require("../chunks/text-D73rGEjF.cjs.js");exports.Text=e.Text;
-//# sourceMappingURL=text.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/text-DfLr2yJS.cjs.js");exports.Text=e.t;

package/dist/components/text.es.js

@@ -1,5 +1,2 @@
-import { T as r } from "../chunks/text-Ci0HmiFd.es.js";
-export {
-  r as Text
-};
-//# sourceMappingURL=text.es.js.map
+import { t as e } from "../chunks/text-BMfRfxWU.esm.js";
+export { e as Text };

package/dist/components/time-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './time-input';
-export * from './time-input.types';
+export * from './time-input.js';
+export * from './time-input.types.js';

package/dist/components/time-input/time-input.d.ts

@@ -1,10 +1,10 @@
-import { TimeInputProps } from './time-input.types';
+import { TimeInputProps } from './time-input.types.js';
 /**
  * TimeInput
  * ============================================================
  * allows entering a time in the currently selected locale
  */
 export declare const TimeInput: {
-    (props: TimeInputProps): import("react/jsx-runtime").JSX.Element;
+    (props: TimeInputProps): import("react").JSX.Element;
     displayName: string;
 };