@accelint/design-toolkit 6.0.0 → 7.0.0

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

@@ -1,5 +1,5 @@
 import { Key } from '@react-types/shared';
-import { ColumnDef, Row, Cell, HeaderGroup, Header } from '@tanstack/react-table';
+import { ColumnDef, Row, Cell, Header, HeaderGroup } from '@tanstack/react-table';
 import { Dispatch, SetStateAction, ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { VariantProps } from 'tailwind-variants';
 import { TableCellStyles, TableHeaderCellStyles } from './styles.js';
@@ -57,13 +57,33 @@ type ExtendedTableProps<T extends {
      * If true, the table will support column ordering.
      * If false, the table will not support column ordering.
      */
-    enableColumnOrdering?: boolean;
+    enableColumnReordering?: boolean;
     /**
      * Whether to enable actions for rows.
      * If true, the table will support ability to take action on row.
      * If false, the table will not support ability to take action on row.
      */
     enableRowActions?: boolean;
+    /**
+     * When manualSorting is set to true, the table will assume that the data that you provide is already sorted, and will not apply any sorting to it.
+     * This is used for server-side sorting.
+     * If true, getSortedRowModel() is not needed.
+     ***/
+    manualSorting?: boolean;
+    /**
+     * Callback function triggered when the sorting state changes.
+     *
+     * @param columnId - The ID of the column whose sort direction changed.
+     * @param sortDirection - The new sort direction for the column:
+     * `'asc'` for ascending, `'desc'` for descending, or `null` to clear sorting.
+     */
+    onSortChange?: (columnId: string, sortDirection: 'asc' | 'desc' | null) => void;
+    /**
+     * Callback function triggered when a column is reordered via drag-and-drop or other mechanism.
+     *
+     * @param index - The new index position of the column after reordering.
+     */
+    onColumnReorderChange?: (index: number) => void;
 };
 /**
  * Props for the Table component.
@@ -180,6 +200,9 @@ type TableContextValue = {
     moveColumnLeft: (index: number) => void;
     moveColumnRight: (index: number) => void;
     setColumnSelection: Dispatch<SetStateAction<string | null>>;
+    manualSorting: boolean;
+    handleSortChange?: (columnId: string, direction: 'asc' | 'desc' | null) => void;
+    handleColumnReordering?: (index: number) => void;
 };
 
 export type { TableBodyProps, TableCellProps, TableContextValue, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps };

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
+import { TabsProps } from './types.js';
+
+/**
+ * Context for Tabs component
+ *
+ * Provides context for Tabs component to share props
+ */
+declare const TabsContext: react.Context<ContextValue<TabsProps, HTMLDivElement>>;
+/**
+ * Provider for Tabs component
+ *
+ * Allows setting default props for all Tabs components within
+ */
+declare function TabsProvider({ children, ...props }: ProviderProps<TabsProps>): react_jsx_runtime.JSX.Element;
+
+export { TabsContext, TabsProvider };

package/dist/components/tabs/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const e=createContext(null);function n({children:o,...r}){return jsx(e.Provider,{value:r,children:o})}export{e as TabsContext,n as TabsProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/components/tabs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/context.tsx"],"names":["TabsContext","createContext","TabsProvider","children","props","jsx"],"mappings":"0FAyBO,MAAMA,CAAAA,CACXC,aAAAA,CAAuD,IAAI,EAOtD,SAASC,CAAAA,CAAa,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAA6B,CAC7E,OAAOC,GAAAA,CAACL,CAAAA,CAAY,QAAA,CAAZ,CAAqB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CACvD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabsProps } from './types';\n\n/**\n * Context for Tabs component\n *\n * Provides context for Tabs component to share props\n */\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\n/**\n * Provider for Tabs component\n *\n * Allows setting default props for all Tabs components within\n */\nexport function TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\n"]}

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

@@ -1,26 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { TabListProps, TabProps, TabPanelProps, ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { TabsProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 
-declare const TabsContext: react.Context<ContextValue<TabsProps, HTMLDivElement>>;
-declare function TabsProvider({ children, ...props }: ProviderProps<TabsProps>): react_jsx_runtime.JSX.Element;
-declare namespace TabsProvider {
-    var displayName: string;
-}
-declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
-declare namespace Tab {
-    var displayName: string;
-}
-declare function TabList<T extends object>({ children, className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace TabList {
-    var displayName: string;
-}
-declare function TabPanel({ children, className, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
-declare namespace TabPanel {
-    var displayName: string;
-}
 /**
  * Tabs - A tab navigation component for organizing content into sections
  *
@@ -31,50 +13,42 @@ declare namespace TabPanel {
  * @example
  * // Basic horizontal tabs
  * <Tabs>
- *   <Tabs.List>
- *     <Tabs.List.Tab id="overview">Overview</Tabs.List.Tab>
- *     <Tabs.List.Tab id="details">Details</Tabs.List.Tab>
- *     <Tabs.List.Tab id="settings">Settings</Tabs.List.Tab>
- *   </Tabs.List>
- *   <Tabs.Panel id="overview">Overview content</Tabs.Panel>
- *   <Tabs.Panel id="details">Details content</Tabs.Panel>
- *   <Tabs.Panel id="settings">Settings content</Tabs.Panel>
+ *   <TabsList>
+ *     <TabsListTab id="overview">Overview</TabsListTab>
+ *     <TabsListTab id="details">Details</TabsListTab>
+ *     <TabsListTab id="settings">Settings</TabsListTab>
+ *   </TabsList>
+ *   <TabsPanel id="overview">Overview content</TabsPanel>
+ *   <TabsPanel id="details">Details content</TabsPanel>
+ *   <TabsPanel id="settings">Settings content</TabsPanel>
  * </Tabs>
  *
  * @example
  * // Vertical tabs
  * <Tabs orientation="vertical">
- *   <Tabs.List>
- *     <Tabs.List.Tab id="profile">Profile</Tabs.List.Tab>
- *     <Tabs.List.Tab id="account">Account</Tabs.List.Tab>
- *   </Tabs.List>
- *   <Tabs.Panel id="profile">Profile settings</Tabs.Panel>
- *   <Tabs.Panel id="account">Account settings</Tabs.Panel>
+ *   <TabsList>
+ *     <TabsListTab id="profile">Profile</TabsListTab>
+ *     <TabsListTab id="account">Account</TabsListTab>
+ *   </TabsList>
+ *   <TabsPanel id="profile">Profile settings</TabsPanel>
+ *   <TabsPanel id="account">Account settings</TabsPanel>
  * </Tabs>
  *
  * @example
  * // Icon tabs
  * <Tabs>
- *   <Tabs.List variant="icons">
- *     <Tabs.List.Tab id="home">
+ *   <TabsList variant="icons">
+ *     <TabsListTab id="home">
  *       <Icon><Home /></Icon>
- *     </Tabs.List.Tab>
- *     <Tabs.List.Tab id="search">
+ *     </TabsListTab>
+ *     <TabsListTab id="search">
  *       <Icon><Search /></Icon>
- *     </Tabs.List.Tab>
- *   </Tabs.List>
- *   <Tabs.Panel id="home">Home content</Tabs.Panel>
- *   <Tabs.Panel id="search">Search content</Tabs.Panel>
+ *     </TabsListTab>
+ *   </TabsList>
+ *   <TabsPanel id="home">Home content</TabsPanel>
+ *   <TabsPanel id="search">Search content</TabsPanel>
  * </Tabs>
  */
 declare function Tabs({ ref, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
-declare namespace Tabs {
-    var displayName: string;
-    var Provider: typeof TabsProvider;
-    var List: typeof TabList & {
-        Tab: typeof Tab;
-    };
-    var Panel: typeof TabPanel;
-}
 
-export { Tabs, TabsContext };
+export { Tabs };

package/dist/components/tabs/index.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {Tab,composeRenderProps,useContextProps,Tabs,TabPanel,TabList}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {TabStyles}from'./styles.js';const {tabs:v,list:A,tab:C,panel:E}=TabStyles(),l=createContext(null);function m({children:a,...s}){return jsx(l.Provider,{value:s,children:a})}m.displayName="Tabs.Provider";function b({children:a,className:s,...e}){return jsx(Tab,{...e,className:composeRenderProps(s,t=>C({className:t})),children:a})}b.displayName="Tabs.List.Tab";function n({children:a,className:s,...e}){return containsExactChildren({children:a,componentName:n.displayName,restrictions:[[b,{min:1}]]}),jsx(TabList,{...e,className:composeRenderProps(s,t=>A({className:t})),children:a})}n.displayName="Tabs.List";function T({children:a,className:s,...e}){return jsx(TabPanel,{...e,className:composeRenderProps(s,t=>E({className:t})),children:a})}T.displayName="Tabs.Panel";function r({ref:a,...s}){[s,a]=useContextProps(s,a??null,l);const{children:e,className:t,...P}=s;return containsExactChildren({children:e,componentName:r.displayName,restrictions:[[n,{min:1,max:1}],[T,{min:1}]]}),jsx(Tabs,{...P,ref:a,className:composeRenderProps(t,c=>v({className:c})),children:e})}r.displayName="Tabs",r.Provider=m,r.List=n,r.List.Tab=b,r.Panel=T;export{r as Tabs,l as TabsContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Tabs,composeRenderProps}from'react-aria-components';import {TabsContext}from'./context.js';import {TabStyles}from'./styles.js';const{tabs:T}=TabStyles();function y({ref:s,...o}){[o,s]=useContextProps(o,s??null,TabsContext);const{children:t,className:r,...a}=o;return jsx(Tabs,{...a,ref:s,className:composeRenderProps(r,e=>T({className:e})),children:t})}export{y as Tabs};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["list","tab","panel","TabsContext","x","y","props","jsx","o","TabsProvider","className","AriaTab","d","i","children","Tab","containsExactChildren","p","TabList","AriaTabList","rest","AriaTabPanel","N","TabPanel","useContextProps","ref","L","Tabs","AriaTabs","f","composeRenderProps"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabPanel as AriaTabPanel,\n  Tabs as AriaTabs,\n  type ContextValue,\n  composeRenderProps,\n  type TabListProps,\n  type TabPanelProps,\n  type TabProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { TabStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabsProps } from './types';\n\nconst { tabs, list, tab, panel } = TabStyles();\n\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\nfunction TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\nTabsProvider.displayName = 'Tabs.Provider';\n\nfunction Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        tab({ className }),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\nTab.displayName = 'Tabs.List.Tab';\n\nfunction TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  containsExactChildren({\n    children,\n    componentName: TabList.displayName,\n    restrictions: [[Tab, { min: 1 }]],\n  });\n\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        list({ className }),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\nTabList.displayName = 'Tabs.List';\n\nfunction TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\nTabPanel.displayName = 'Tabs.Panel';\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <Tabs.List>\n *     <Tabs.List.Tab id=\"overview\">Overview</Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"details\">Details</Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"settings\">Settings</Tabs.List.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"overview\">Overview content</Tabs.Panel>\n *   <Tabs.Panel id=\"details\">Details content</Tabs.Panel>\n *   <Tabs.Panel id=\"settings\">Settings content</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <Tabs.List>\n *     <Tabs.List.Tab id=\"profile\">Profile</Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"account\">Account</Tabs.List.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"profile\">Profile settings</Tabs.Panel>\n *   <Tabs.Panel id=\"account\">Account settings</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <Tabs.List variant=\"icons\">\n *     <Tabs.List.Tab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </Tabs.List.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"home\">Home content</Tabs.Panel>\n *   <Tabs.Panel id=\"search\">Search content</Tabs.Panel>\n * </Tabs>\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  containsExactChildren({\n    children,\n    componentName: Tabs.displayName,\n    restrictions: [\n      [TabList, { min: 1, max: 1 }],\n      [TabPanel, { min: 1 }],\n    ],\n  });\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        tabs({ className }),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\nTabs.displayName = 'Tabs';\nTabs.Provider = TabsProvider;\n// biome-ignore lint/style/useNamingConvention: Component name\nTabs.List = TabList as typeof TabList & { Tab: typeof Tab };\nTabs.List.Tab = Tab;\nTabs.Panel = TabPanel;\n"]}
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["TabStyles","p","ref","props","useContextProps","b","TabsContext","i","jsx","rest","m","tabs"],"mappings":"+MAwBQ,KAAK,CAAIA,IAgDV,CAAA,CAAA,CAAA,CAAAC,SAAA,EAAA,CAAA,SAAgBC,CAAK,CAAA,CAAA,GAAS,CAAc,CACjD,CAACC,GAAU,CAAA,CAAIC,EAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAW,EAE9D,IAAA,CAAMC,WAAE,CAAA,CAAA,KAAA,CAAA,oBAA6B,CAAIJ,EAEzC,GAAA,CAAA,CAAA,CAAA,CACEK,CAAAA,OACMC,GAAAA,CACJC,IAAA,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEC,CAAAA,kBAAK,CAAE,iBAGR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabsContext } from './context';\nimport { TabStyles } from './styles';\nimport type { TabsProps } from './types';\n\nconst { tabs } = TabStyles();\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <TabsList>\n *     <TabsListTab id=\"overview\">Overview</TabsListTab>\n *     <TabsListTab id=\"details\">Details</TabsListTab>\n *     <TabsListTab id=\"settings\">Settings</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"overview\">Overview content</TabsPanel>\n *   <TabsPanel id=\"details\">Details content</TabsPanel>\n *   <TabsPanel id=\"settings\">Settings content</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <TabsList>\n *     <TabsListTab id=\"profile\">Profile</TabsListTab>\n *     <TabsListTab id=\"account\">Account</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"profile\">Profile settings</TabsPanel>\n *   <TabsPanel id=\"account\">Account settings</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <TabsList variant=\"icons\">\n *     <TabsListTab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </TabsListTab>\n *     <TabsListTab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"home\">Home content</TabsPanel>\n *   <TabsPanel id=\"search\">Search content</TabsPanel>\n * </Tabs>\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        tabs({ className }),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n"]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TabListProps } from 'react-aria-components';
+
+/**
+ * TabList - Container for tabs
+ *
+ * Contains and manages a group of Tab components
+ */
+declare function TabList<T extends object>({ children, className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { TabList };

package/dist/components/tabs/list.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {TabList,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{list:T}=TabStyles();function L({children:s,className:t,...o}){return jsx(TabList,{...o,className:composeRenderProps(t,i=>T({className:i})),children:s})}export{L as TabList};//# sourceMappingURL=list.js.map
+//# sourceMappingURL=list.js.map

package/dist/components/tabs/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/list.tsx"],"names":["TabStyles","e","rest","p","r","className","list"],"mappings":"2JAsBA,KAAQ,CAAA,IAASA,CAAAA,CAAU,CAAA,CAOpBC,SAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAGC,CACL,GACE,WACGC,GACE,CAAAC,OAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAK,EAAE,CAAA,CAAA,CAAA,SACT,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"list.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport { TabStyles } from './styles';\n\nconst { list } = TabStyles();\n\n/**\n * TabList - Container for tabs\n *\n * Contains and manages a group of Tab components\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        list({ className }),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TabPanelProps } from 'react-aria-components';
+
+/**
+ * TabPanel - Content panel for tabs
+ *
+ * Container for content associated with a specific tab
+ */
+declare function TabPanel({ children, className, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+
+export { TabPanel };

package/dist/components/tabs/panel.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {TabPanel,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{panel:s}=TabStyles();function i({children:a,className:e,...o}){return jsx(TabPanel,{...o,className:composeRenderProps(e,n=>s({className:n})),children:a})}export{i as TabPanel};//# sourceMappingURL=panel.js.map
+//# sourceMappingURL=panel.js.map

package/dist/components/tabs/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/panel.tsx"],"names":["TabStyles","p","rest","P","r","className","panel"],"mappings":"4JAsBA,KAAQ,CAAA,KAAUA,CAAAA,CAAU,CAAA,CAOrBC,SAAA,EAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAA,CAAGC,CAAK,GACtD,WACGC,GACE,CAAAC,QAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAM,EAAE,CAAA,CAAA,CAAA,SACV,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"panel.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport { TabStyles } from './styles';\n\nconst { panel } = TabStyles();\n\n/**\n * TabPanel - Content panel for tabs\n *\n * Container for content associated with a specific tab\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TabProps } from 'react-aria-components';
+
+/**
+ * Tab - Individual tab component
+ *
+ * Represents a selectable tab within a TabList
+ */
+declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
+
+export { Tab };

package/dist/components/tabs/tab.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {Tab,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{tab:e}=TabStyles();function c({children:o,className:a,...r}){return jsx(Tab,{...r,className:composeRenderProps(a,p=>e({className:p})),children:o})}export{c as Tab};//# sourceMappingURL=tab.js.map
+//# sourceMappingURL=tab.js.map

package/dist/components/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/tab.tsx"],"names":["tab","TabStyles","b","rest","T","s","className"],"mappings":"uJAsBA,KAAQ,CAAAA,GAAQC,CAAAA,CAAU,CAAA,CAOnBC,SAAA,EAAA,CAAA,SAAe,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAA,CAAGC,CAAK,GACjD,WACGC,GACE,CAAAC,GAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCN,CAAAA,CAAI,EAAE,CAAA,CAAA,CAAA,SACR,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"tab.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  Tab as AriaTab,\n  composeRenderProps,\n  type TabProps,\n} from 'react-aria-components';\nimport { TabStyles } from './styles';\n\nconst { tab } = TabStyles();\n\n/**\n * Tab - Individual tab component\n *\n * Represents a selectable tab within a TabList\n */\nexport function Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        tab({ className }),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"]}

package/dist/components/text-area-field/context.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
+import { TextAreaFieldProps } from './types.js';
+
+/**
+ * Context for TextAreaField component
+ *
+ * Provides context for TextAreaField component to share props
+ */
+declare const TextAreaFieldContext: react.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
+/**
+ * Provider for TextAreaField component
+ *
+ * Allows setting default props for all TextAreaField components within
+ */
+declare function TextAreaFieldProvider({ children, ...props }: ProviderProps<TextAreaFieldProps>): react_jsx_runtime.JSX.Element;
+
+export { TextAreaFieldContext, TextAreaFieldProvider };

package/dist/components/text-area-field/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const o=createContext(null);function n({children:e,...r}){return jsx(o.Provider,{value:r,children:e})}export{o as TextAreaFieldContext,n as TextAreaFieldProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/components/text-area-field/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text-area-field/context.tsx"],"names":["TextAreaFieldContext","createContext","TextAreaFieldProvider","children","props","jsx"],"mappings":"0FAyBO,MAAMA,CAAAA,CACXC,aAAAA,CAAgE,IAAI,EAO/D,SAASC,CAAAA,CAAsB,CACpC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAsC,CACpC,OACEC,GAAAA,CAACL,CAAAA,CAAqB,QAAA,CAArB,CAA8B,KAAA,CAAOI,CAAAA,CACnC,QAAA,CAAAD,EACH,CAEJ","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TextAreaFieldProps } from './types';\n\n/**\n * Context for TextAreaField component\n *\n * Provides context for TextAreaField component to share props\n */\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\n/**\n * Provider for TextAreaField component\n *\n * Allows setting default props for all TextAreaField components within\n */\nexport function TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\n"]}

package/dist/components/text-area-field/index.d.ts

@@ -1,14 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { TextAreaFieldProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 
-declare const TextAreaFieldContext: react.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
-declare function TextAreaFieldProvider({ children, ...props }: ProviderProps<TextAreaFieldProps>): react_jsx_runtime.JSX.Element;
-declare namespace TextAreaFieldProvider {
-    var displayName: string;
-}
 /**
  * TextAreaField - A multi-line text input component with label and validation
  *
@@ -30,9 +24,5 @@ declare namespace TextAreaFieldProvider {
  *   />
  */
 declare function TextAreaField({ ref, ...props }: TextAreaFieldProps): react_jsx_runtime.JSX.Element;
-declare namespace TextAreaField {
-    var displayName: string;
-    var Provider: typeof TextAreaFieldProvider;
-}
 
-export { TextAreaField, TextAreaFieldContext };
+export { TextAreaField };

package/dist/components/text-area-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,TextField,composeRenderProps,TextArea,Text,FieldError}from'react-aria-components';import {Label}from'../label/index.js';import {TextAreaStyles}from'./styles.js';const {field:I,label:z,input:D,description:R,error:S}=TextAreaStyles(),c=createContext(null);function x({children:r,...t}){return jsx(c.Provider,{value:t,children:r})}x.displayName="TextAreaField.Provider";function P({ref:r,...t}){[t,r]=useContextProps(t,r??null,c);const{classNames:i,description:a,errorMessage:u,label:d,inputProps:T,size:n="medium",isInvalid:v,...F}=t,p=u||null,m=n==="small";return jsx(TextField,{...F,ref:r,className:composeRenderProps(i?.field,o=>I({className:o})),isInvalid:v||(p?true:void 0),"data-size":n,children:({isDisabled:o,isInvalid:f,isRequired:A})=>jsxs(Fragment,{children:[!!d&&!m&&jsx(Label,{className:z({className:i?.label}),isDisabled:o,isRequired:A,children:d}),jsx(TextArea,{...T,className:composeRenderProps(i?.input,l=>D({className:l}))}),!!a&&!(m||f)&&jsx(Text,{slot:"description",className:R({className:i?.description}),children:a}),jsx(FieldError,{className:composeRenderProps(i?.error,l=>S({className:l})),children:p})]})})}P.displayName="TextAreaField",P.Provider=x;export{P as TextAreaField,c as TextAreaFieldContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,TextField,composeRenderProps,TextArea,Text,FieldError}from'react-aria-components';import {Label}from'../label/index.js';import {TextAreaFieldContext}from'./context.js';import {TextAreaStyles}from'./styles.js';const{field:L,label:M,input:z,description:C,error:E}=TextAreaStyles();function B({ref:s,...l}){[l,s]=useContextProps(l,s??null,TextAreaFieldContext);const{classNames:e,description:n,errorMessage:c,label:i,inputProps:u,size:d="medium",isInvalid:x,...b}=l,p=c||null,m=d==="small";return jsx(TextField,{...b,"aria-label":i,ref:s,className:composeRenderProps(e?.field,a=>L({className:a})),isInvalid:x||(p?true:void 0),"data-size":d,children:({isDisabled:a,isInvalid:f,isRequired:T})=>jsxs(Fragment,{children:[!!i&&!m&&jsx(Label,{className:M({className:e?.label}),isDisabled:a,isRequired:T,children:i}),jsx(TextArea,{...u,className:composeRenderProps(e?.input,o=>z({className:o}))}),!!n&&!(m||f)&&jsx(Text,{slot:"description",className:C({className:e?.description}),children:n}),jsx(FieldError,{className:composeRenderProps(e?.error,o=>E({className:o})),children:p})]})})}export{B as TextAreaField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/text-area-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["label","input","description","TextAreaFieldContext","E","b","props","jsx","e","TextAreaFieldProvider","useContextProps","ref","M","descriptionProp","errorMessageProp","inputProps","isSmall","size","L","composeRenderProps","classNames","className","field","isInvalidProp","errorMessage","isDisabled","isInvalid","isRequired","k","V","labelProp","Label","C","Text","y","error"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  composeRenderProps,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\nfunction TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\nTextAreaFieldProvider.displayName = 'TextAreaField.Provider';\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\nTextAreaField.displayName = 'TextAreaField';\nTextAreaField.Provider = TextAreaFieldProvider;\n"]}
+{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["input","TextAreaField","I","props","ref","TextAreaFieldContext","v","y","classNames","size","isSmall","jsx","TextField","r","A","labelProp","composeRenderProps","isInvalidProp","errorMessage","jsxs","Fragment","R","label","g","TextArea","isInvalid","Text","F","FieldError","P","t"],"mappings":"+SA4Be,KAAO,CAAA,KAAAA,CAAO,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAa,CAAA,CAAA,CAAA,WAsBnC,CAAA,CAAA,CAAA,KAASC,CAAc,CAAE,CAAA,CAAAC,cAAA,GAAK,SAClCC,CAAOC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAMC,CAAoB,EAEvE,CAAA,CAAA,CAAAC,eAAA,CAAM,CACJ,CAAA,CAAA,EAAA,IAAA,CAAAC,oBAAA,CAAAC,CAAAA,KACA,CAAA,wBAEA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,KACA,CAAA,CAAA,CAAAC,UAAO,CACP,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,QAEF,CAAIN,SACqC,CAAA,CAAA,CACnCO,GAAUD,CAAAA,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,QAGvBE,GAACC,OAEC,CAAA,OAAAC,GAAA,CAAAC,SAAA,CAAA,CAAYC,GACZ,CAAA,CAAA,YACA,CAAWC,CAAAA,CAAmBR,GAAY,CAAA,CAAA,CAAA,SAChC,4BAAU,CAAC,CACrB,EACA,CAAA,CAAA,CAAA,SAAWS,CAAAA,CAAkBC,CAAAA,CAAe,CAAA,CAAA,SAC5C,kBAEC,CAAA,CAAA,WACG,CAAA,CAAA,CAAA,QAAY,CAAA,CAAA,CAAA,UAAW,CAAA,CAAA,CAAA,SAAW,CAEpCC,CAAAA,CAAAC,gBACKL,IAAAA,CAAaM,QAACX,CAAAA,CAAAA,QAEb,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAWY,CAAAA,EAAQT,GAAA,CAAAU,KAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SAChD,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,UAGJC,CAAAA,CAAA,CACE,iBACUR,QAAAA,CAAmBR,CAAAA,GAAY,CAAA,CAAA,SAChC,4BAAU,CAAC,CACrB,EACF,CAAA,CACC,CAAC,SAAiCiB,CAAAA,CAAAA,CAAAA,CACjCd,CAAAA,CAACe,CAAAA,CAAA,CACC,CAAA,CAAA,EAAA,EAAK,CAAA,EAAA,CAAA,CAAA,EAAAb,GAAA,CAAAc,IAAA,CAAA,CAAA,IACL,CAAA,aAAyB,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAE/C,CAAA,CAAA,EAAA,WAGJC,CAAAA,CAAA,CACC,QAAA,CAAA,CAAWZ,CAAAA,CAAmBR,CAAAA,GAAAA,CAAYqB,UAAA,CAAA,CAAA,SAChC,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EAEC,CAAA,CAAA,CAAA,SACH,CAAA,CACF,CAAA,CAEJ,CAEJ,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  composeRenderProps,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaFieldContext } from './context';\nimport { TextAreaStyles } from './styles';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      aria-label={labelProp}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\n"]}

package/dist/components/text-field/context.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
+import { TextFieldProps } from './types.js';
+import '../input/types.js';
+import 'tailwind-variants';
+import '../button/types.js';
+import '../button/styles.js';
+import 'tailwind-merge';
+import '../input/styles.js';
+import '../label/types.js';
+
+declare const TextFieldContext: react.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
+declare function TextFieldProvider({ children, ...props }: ProviderProps<TextFieldProps>): react_jsx_runtime.JSX.Element;
+
+export { TextFieldContext, TextFieldProvider };

package/dist/components/text-field/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const r=createContext(null);function n({children:e,...t}){return jsx(r.Provider,{value:t,children:e})}export{r as TextFieldContext,n as TextFieldProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/components/text-field/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text-field/context.tsx"],"names":["TextFieldContext","createContext","TextFieldProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA4D,IAAI,EAE3D,SAASC,CAAAA,CAAkB,CAChC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAkC,CAChC,OACEC,GAAAA,CAACL,CAAAA,CAAiB,QAAA,CAAjB,CAA0B,KAAA,CAAOI,CAAAA,CAC/B,QAAA,CAAAD,EACH,CAEJ","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { TextFieldProps } from './types';\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport function TextFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextFieldProps>) {\n  return (\n    <TextFieldContext.Provider value={props}>\n      {children}\n    </TextFieldContext.Provider>\n  );\n}\n"]}

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

@@ -1,21 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { TextFieldProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 import '../input/types.js';
 import 'tailwind-variants';
 import '../button/types.js';
+import '../../lib/types.js';
 import '../button/styles.js';
 import 'tailwind-merge';
 import '../input/styles.js';
 import '../label/types.js';
 
-declare const TextFieldContext: react.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
-declare function TextFieldProvider({ children, ...props }: ProviderProps<TextFieldProps>): react_jsx_runtime.JSX.Element;
-declare namespace TextFieldProvider {
-    var displayName: string;
-}
 /**
  * TextField - A complete form field component with label, input, and validation
  *
@@ -79,9 +74,5 @@ declare namespace TextFieldProvider {
  * />
  */
 declare function TextField({ ref, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
-declare namespace TextField {
-    var displayName: string;
-    var Provider: typeof TextFieldProvider;
-}
 
-export { TextField, TextFieldContext };
+export { TextField };

package/dist/components/text-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,TextField,composeRenderProps,Text,FieldError}from'react-aria-components';import {Input}from'../input/index.js';import {Label}from'../label/index.js';import {TextFieldStyles}from'./styles.js';const {field:E,label:A,description:S,error:V}=TextFieldStyles(),x=createContext(null);function P({children:r,...t}){return jsx(x.Provider,{value:t,children:r})}P.displayName="TextField.Provider";function u({ref:r,...t}){[t,r]=useContextProps(t,r??null,x);const{classNames:i,description:s,errorMessage:T,inputProps:F,label:a,size:l="medium",isInvalid:v,...f}=t,d=T||null,n=l==="small";return jsx(TextField,{...f,ref:r,className:composeRenderProps(i?.field,o=>E({className:o})),isInvalid:v||(d?true:void 0),"data-size":l,children:({isDisabled:o,isInvalid:p,isRequired:m})=>jsxs(Fragment,{children:[!!a&&!n&&jsx(Label,{className:A({className:i?.label}),isDisabled:o,isRequired:m,children:a}),jsx(Input,{...F,classNames:i?.input,disabled:o,required:m,size:l,isInvalid:p}),!!s&&!(n||p)&&jsx(Text,{slot:"description",className:S({className:i?.description}),children:s}),jsx(FieldError,{className:composeRenderProps(i?.error,b=>V({className:b})),children:d})]})})}u.displayName="TextField",u.Provider=P;export{u as TextField,x as TextFieldContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,TextField,composeRenderProps,Text,FieldError}from'react-aria-components';import {Input}from'../input/index.js';import {Label}from'../label/index.js';import {TextFieldContext}from'./context.js';import {TextFieldStyles}from'./styles.js';const{field:L,label:M,description:A,error:C}=TextFieldStyles();function D({ref:i,...l}){[l,i]=useContextProps(l,i??null,TextFieldContext);const{classNames:e,description:a,errorMessage:u,inputProps:x,label:o,size:t="medium",isInvalid:f,...b}=l,d=u||null,n=t==="small";return jsx(TextField,{...b,"aria-label":o,ref:i,className:composeRenderProps(e?.field,s=>L({className:s})),isInvalid:f||(d?true:void 0),"data-size":t,children:({isDisabled:s,isInvalid:m,isRequired:p})=>jsxs(Fragment,{children:[!!o&&!n&&jsx(Label,{className:M({className:e?.label}),isDisabled:s,isRequired:p,children:o}),jsx(Input,{...x,classNames:e?.input,disabled:s,required:p,size:t,isInvalid:m}),!!a&&!(n||m)&&jsx(Text,{slot:"description",className:A({className:e?.description}),children:a}),jsx(FieldError,{className:composeRenderProps(e?.error,F=>C({className:F})),children:d})]})})}export{D as TextField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/text-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["description","TextFieldStyles","TextFieldProvider","N","children","e","props","ref","L","rest","errorMessageProp","size","AriaTextField","composeRenderProps","classNames","className","field","c","isDisabled","isInvalid","isRequired","labelProp","isSmall","jsx","Label","label","g","inputProps","M","descriptionProp","I","error","errorMessage","TextField"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  TextField as AriaTextField,\n  type ContextValue,\n  composeRenderProps,\n  FieldError,\n  Text,\n  useContextProps,\n} from 'react-aria-components';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TextFieldProps } from './types';\n\nconst { field, label, description, error } = TextFieldStyles();\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nfunction TextFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextFieldProps>) {\n  return (\n    <TextFieldContext.Provider value={props}>\n      {children}\n    </TextFieldContext.Provider>\n  );\n}\nTextFieldProvider.displayName = 'TextField.Provider';\n\n/**\n * TextField - A complete form field component with label, input, and validation\n *\n * Provides a comprehensive form field experience combining label, input, description,\n * and error message components. Handles validation states and accessibility\n * automatically while supporting extensive customization through styling props.\n *\n * @example\n * // Basic text field with label and required validation\n * <TextField label='Full Name' isRequired defaultValue='John Doe' />\n *\n * @example\n * // Text field with placeholder and description\n * <TextField\n *   label='Email Address'\n *   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}\n *   description='We will never share your email with third parties'\n * />\n *\n * @example\n * // Text field with error state\n * <TextField\n *   label='Username'\n *   isInvalid\n *   errorMessage='Username must be at least 3 characters long'\n *   inputProps={{ placeholder: 'Enter username' }}\n * />\n *\n * @example\n * // Small size text field with clearable input\n * <TextField\n *   label='Search'\n *   size='small'\n *   inputProps={{\n *     placeholder: 'Type to search...',\n *     isClearable: true,\n *     type: 'search'\n *   }}\n * />\n *\n * @example\n * // Disabled text field\n * <TextField\n *   label='Status'\n *   isDisabled\n *   defaultValue='Inactive'\n *   description='This field cannot be edited'\n * />\n *\n * @example\n * // Password field with validation\n * <TextField\n *   label='Password'\n *   isRequired\n *   inputProps={{\n *     type: 'password',\n *     placeholder: 'Enter a secure password',\n *     minLength: 8\n *   }}\n *   description='Password must be at least 8 characters'\n * />\n */\nexport function TextField({ ref, ...props }: TextFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <Input\n            {...inputProps}\n            classNames={classNames?.input}\n            disabled={isDisabled}\n            required={isRequired}\n            size={size}\n            isInvalid={isInvalid}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTextField>\n  );\n}\nTextField.displayName = 'TextField';\nTextField.Provider = TextFieldProvider;\n"]}
+{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["description","error","props","z","ref","TextFieldContext","v","classNames","y","errorMessageProp","inputProps","size","isInvalidProp","jsx","AriaTextField","rest","r","className","field","c","jsxs","isSmall","S","E","isRequired","Input","I","isInvalid","descriptionProp","N","composeRenderProps","errorMessage"],"mappings":"yUA2BsB,KAAA,CAAAA,KAAa,CAAA,CAAA,CAAAC,KAA0B,CAAA,CAgEtD,CAAA,WAAqB,CAAA,CAAA,CAAA,KAAK,CAAGC,CAAM,EAAmBC,eAC3D,GAAQC,SAA8BA,CAAO,CAAA,CAAA,GAAMC,CAAgB,CAAA,CAEnE,GAAA,CAAA,CAAM,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAA,CAAA,CAAAC,CAAAA,EACA,IAAA,CAAAC,gBAAA,CAAA,CAAA,KACA,CAAA,UAAA,CAAA,CAAcC,CAAAA,WACd,CAAAC,CAAAA,CACA,aACAC,CAAAA,CAAO,UACP,CAAA,CAAA,CAAA,KAAA,CAAWC,CAAAA,CACX,IACF,EAAIV,CAAAA,QACqC,CAAA,gBAGzC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEW,EAACC,IACE,CAAA,CAAGC,CAAAA,CACJ,kBACAC,GAAKZ,CAAAA,SACL,CAAA,CAAA,GAAA,CAAA,CAAA,cAAkDa,CAAAA,GAChDC,CAAM,CAAE,CAAA,SAAAD,CAAUE,kBAAC,CACrB,CAAA,EACA,KAAA,CAAA,CAAA,EAAWP,CAAAA,CAAAA,CAAAA,cACX,CAAA,SAAA,CAAA,CAAWD,GAEV,CAAA,CAAA,IAAA,CAAA,MACG,CAAA,CAAA,sBAAuB,CAAA,CAAA,CAAA,UAAW,CAAA,CAAA,CAEpCS,SACG,CAAA,CAAA,CAAA,UAAgBC,CAAAA,CACfR,CAAAA,GAACS,IACC,CAAAC,QAAA,CAAA,CAAA,QAAiB,CAAE,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAWhB,GAAAA,CAAAA,KAAY,WAC1C,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,EAAA,KAAYiB,CAEX,YACH,CAEFX,CAAAA,CAACY,UAEC,CAAA,CAAA,CAAA,QAAYlB,CAAY,CAAA,CAAA,CAAA,CAAAS,GAAA,CACxBU,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,UACA,CAAA,CAAUF,EACV,KAAMb,CAAAA,QACN,CAAA,CAAA,CAAWgB,QAEVC,CAAmB,CAAA,CAAEP,IAAWM,CAAAA,CAAAA,CACjCd,SACE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EACL,CAAA,CAAA,EAAAG,GAAA,CAAAa,IAAA,CAAA,CAAA,IAAyB,CAAA,aAAuB,CAAA,SAAY,CAAC,CAAA,CAE5D,CAAA,SAAAD,CACH,CAAA,aAGA,CAAA,CAAA,CAAWE,QAA+B,CAAA,CAAA,CAAQb,KAChDhB,CAAAA,UAAM,CAAE,CAAA,SAAAgB,CAAUE,kBAAC,CACrB,GAEC,KAAA,CAAA,CAAA,EAAAY,CACH,CAAA,CAAA,SAKV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n  FieldError,\n  Text,\n  useContextProps,\n} from 'react-aria-components';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldContext } from './context';\nimport { TextFieldStyles } from './styles';\nimport type { TextFieldProps } from './types';\n\nconst { field, label, description, error } = TextFieldStyles();\n\n/**\n * TextField - A complete form field component with label, input, and validation\n *\n * Provides a comprehensive form field experience combining label, input, description,\n * and error message components. Handles validation states and accessibility\n * automatically while supporting extensive customization through styling props.\n *\n * @example\n * // Basic text field with label and required validation\n * <TextField label='Full Name' isRequired defaultValue='John Doe' />\n *\n * @example\n * // Text field with placeholder and description\n * <TextField\n *   label='Email Address'\n *   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}\n *   description='We will never share your email with third parties'\n * />\n *\n * @example\n * // Text field with error state\n * <TextField\n *   label='Username'\n *   isInvalid\n *   errorMessage='Username must be at least 3 characters long'\n *   inputProps={{ placeholder: 'Enter username' }}\n * />\n *\n * @example\n * // Small size text field with clearable input\n * <TextField\n *   label='Search'\n *   size='small'\n *   inputProps={{\n *     placeholder: 'Type to search...',\n *     isClearable: true,\n *     type: 'search'\n *   }}\n * />\n *\n * @example\n * // Disabled text field\n * <TextField\n *   label='Status'\n *   isDisabled\n *   defaultValue='Inactive'\n *   description='This field cannot be edited'\n * />\n *\n * @example\n * // Password field with validation\n * <TextField\n *   label='Password'\n *   isRequired\n *   inputProps={{\n *     type: 'password',\n *     placeholder: 'Enter a secure password',\n *     minLength: 8\n *   }}\n *   description='Password must be at least 8 characters'\n * />\n */\nexport function TextField({ ref, ...props }: TextFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTextField\n      {...rest}\n      aria-label={labelProp}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <Input\n            {...inputProps}\n            classNames={classNames?.input}\n            disabled={isDisabled}\n            required={isRequired}\n            size={size}\n            isInvalid={isInvalid}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTextField>\n  );\n}\n"]}

package/dist/components/time-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Time}from'@accelint/icons';import {TimeField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {TimeFieldStyles}from'./styles.js';const{field:R,label:c,control:V,input:Z,description:k,error:q,segment:C}=TimeFieldStyles();function P({classNames:i,description:s,errorMessage:T,granularity:f="second",hourCycle:F=24,inputProps:b,label:m,shouldForceLeadingZeros:g=true,size:t="medium",isDisabled:y,isInvalid:n,isRequired:d,...A}){const l=T||null,p=t==="small";return jsx(TimeField,{...A,className:composeRenderProps(i?.field,o=>R({className:o})),granularity:f,hourCycle:F,shouldForceLeadingZeros:g,isDisabled:y,isInvalid:n||(l?true:void 0),isRequired:d,"aria-label":m,"data-size":t,children:({isDisabled:o})=>jsxs(Fragment,{children:[!p&&c&&jsx(Label,{className:c({className:i?.label}),isDisabled:o,isRequired:d,children:m}),jsxs("div",{className:V({className:i?.control}),children:[t==="medium"&&jsx(Icon,{children:jsx(Time,{})}),jsx(DateInput,{...b,className:composeRenderProps(i?.input,r=>Z({className:r})),children:r=>jsx(DateSegment,{segment:r,className:composeRenderProps(i?.segment,D=>C({className:D}))})}),jsx("span",{children:"Z"})]}),s&&!(p||n)&&!l&&jsx(Text,{className:k({className:i?.description}),slot:"description",children:s}),jsx(FieldError,{className:composeRenderProps(i?.error,r=>q({className:r})),children:l})]})})}export{P as TimeField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Time}from'@accelint/icons';import'client-only';import {TimeField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {TimeFieldStyles}from'./styles.js';const{field:R,label:c,control:V,input:Z,description:k,error:q,segment:C}=TimeFieldStyles();function P({classNames:i,description:s,errorMessage:T,granularity:f="second",hourCycle:F=24,inputProps:b,label:m,shouldForceLeadingZeros:g=true,size:t="medium",isDisabled:y,isInvalid:n,isRequired:d,...A}){const l=T||null,p=t==="small";return jsx(TimeField,{...A,className:composeRenderProps(i?.field,o=>R({className:o})),granularity:f,hourCycle:F,shouldForceLeadingZeros:g,isDisabled:y,isInvalid:n||(l?true:void 0),isRequired:d,"aria-label":m,"data-size":t,children:({isDisabled:o})=>jsxs(Fragment,{children:[!p&&c&&jsx(Label,{className:c({className:i?.label}),isDisabled:o,isRequired:d,children:m}),jsxs("div",{className:V({className:i?.control}),children:[t==="medium"&&jsx(Icon,{children:jsx(Time,{})}),jsx(DateInput,{...b,className:composeRenderProps(i?.input,r=>Z({className:r})),children:r=>jsx(DateSegment,{segment:r,className:composeRenderProps(i?.segment,D=>C({className:D}))})}),jsx("span",{children:"Z"})]}),s&&!(p||n)&&!l&&jsx(Text,{className:k({className:i?.description}),slot:"description",children:s}),jsx(FieldError,{className:composeRenderProps(i?.error,r=>q({className:r})),children:l})]})})}export{P as TimeField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map