@tribepad/themis 1.0.0 → 1.0.2

package/dist/elements/Tabs/index.js

@@ -1,74 +1,3 @@
-'use strict';
-
-var chunk3IEN7JOP_js = require('../../chunk-3IEN7JOP.js');
-require('../../chunk-VIREG536.js');
-require('../../chunk-T4COXKQ3.js');
-
-
-
-Object.defineProperty(exports, "KeySchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.KeySchema; }
-});
-Object.defineProperty(exports, "ScrollArrowDirectionSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.ScrollArrowDirectionSchema; }
-});
-Object.defineProperty(exports, "ScrollArrowPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.ScrollArrowPropsSchema; }
-});
-Object.defineProperty(exports, "Tab", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.Tab; }
-});
-Object.defineProperty(exports, "TabList", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabList; }
-});
-Object.defineProperty(exports, "TabListPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabListPropsSchema; }
-});
-Object.defineProperty(exports, "TabPanel", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabPanel; }
-});
-Object.defineProperty(exports, "TabPanelPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabPanelPropsSchema; }
-});
-Object.defineProperty(exports, "TabPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabPropsSchema; }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.Tabs; }
-});
-Object.defineProperty(exports, "TabsKeyboardActivationSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabsKeyboardActivationSchema; }
-});
-Object.defineProperty(exports, "TabsOrientationSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabsOrientationSchema; }
-});
-Object.defineProperty(exports, "TabsPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.TabsPropsSchema; }
-});
-Object.defineProperty(exports, "tabListVariants", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.tabListVariants; }
-});
-Object.defineProperty(exports, "tabPanelVariants", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.tabPanelVariants; }
-});
-Object.defineProperty(exports, "tabVariants", {
-  enumerable: true,
-  get: function () { return chunk3IEN7JOP_js.tabVariants; }
-});
-//# sourceMappingURL=index.js.map
+"use client";
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function m(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var v=react.Activity??function({children:t,mode:i}){return jsxRuntime.jsx("div",{"data-activity-mode":i,children:t})},x=classVarianceAuthority.cva(["inline-flex items-center justify-center rounded-md p-1","bg-[var(--accent-background)] text-[var(--menu-muted)]"],{variants:{orientation:{horizontal:"h-10 flex-row gap-0",vertical:"h-auto flex-col w-full gap-1"}},defaultVariants:{orientation:"horizontal"}}),S=classVarianceAuthority.cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm","px-3 py-1.5 text-sm font-medium","ring-offset-[var(--content-background)] transition-all","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]","data-[selected]:shadow-sm","min-h-[44px]"],{variants:{orientation:{horizontal:"",vertical:"w-full justify-start"}},defaultVariants:{orientation:"horizontal"}}),T=classVarianceAuthority.cva(["mt-2 ring-offset-[var(--content-background)]","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"],{variants:{},defaultVariants:{}});function g({children:a,selectedKey:t,defaultSelectedKey:i,onSelectionChange:n,orientation:s="horizontal",keyboardActivation:p="automatic",isDisabled:b=false,disabledKeys:o,className:l,...d}){return jsxRuntime.jsx(reactAriaComponents.Tabs,{selectedKey:t,defaultSelectedKey:i,onSelectionChange:n,orientation:s,keyboardActivation:p,isDisabled:b,disabledKeys:o,className:m(l),...d,children:a})}g.displayName="Tabs";function A({children:a,className:t,...i}){return jsxRuntime.jsx(reactAriaComponents.TabList,{className:reactAriaComponents.composeRenderProps(t,(n,s)=>m(x({orientation:s.orientation}),n)),...i,children:a})}A.displayName="TabList";function w({children:a,id:t,isDisabled:i=false,href:n,target:s,rel:p,download:b,className:o,...l}){return process.env.NODE_ENV!=="production"&&!(typeof a=="string"||Array.isArray(a)&&a.some(C=>typeof C=="string"))&&!l["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility."),jsxRuntime.jsx(reactAriaComponents.Tab,{id:t,isDisabled:i,href:n,target:s,rel:p,download:b,className:reactAriaComponents.composeRenderProps(o,d=>m(S(),d)),...l,children:a})}w.displayName="Tab";function K({children:a,id:t,shouldForceMount:i=false,preserveState:n=false,className:s,...p}){let b=n||i;return typeof a=="function"?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:t,shouldForceMount:b,className:reactAriaComponents.composeRenderProps(s,o=>m(T(),o)),...p,children:o=>{let l=!o.isInert,d=a({isSelected:l});return n?jsxRuntime.jsx(v,{mode:l?"visible":"hidden",children:d}):d}}):n?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:t,shouldForceMount:b,className:reactAriaComponents.composeRenderProps(s,o=>m(T(),o)),...p,children:o=>{let l=!o.isInert;return jsxRuntime.jsx(v,{mode:l?"visible":"hidden",children:a})}}):jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:t,shouldForceMount:b,className:reactAriaComponents.composeRenderProps(s,o=>m(T(),o)),...p,children:a})}K.displayName="TabPanel";var F=g,B=A,E=w,I=K;var f=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var N=zod.z.enum(["horizontal","vertical"]),z=zod.z.enum(["automatic","manual"]),u=zod.z.union([zod.z.string(),zod.z.number()]),j=f.extend({selectedKey:u.optional(),defaultSelectedKey:u.optional(),onSelectionChange:zod.z.custom().optional(),orientation:N.optional().default("horizontal"),keyboardActivation:z.optional().default("automatic"),isDisabled:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(u).optional(),children:zod.z.custom()}),_=f.extend({"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),children:zod.z.custom()}),q=f.extend({id:u,isDisabled:zod.z.boolean().optional().default(false),href:zod.z.string().optional(),target:zod.z.string().optional(),rel:zod.z.string().optional(),download:zod.z.union([zod.z.string(),zod.z.boolean()]).optional(),children:zod.z.custom()}),G=f.extend({id:u,shouldForceMount:zod.z.boolean().optional().default(false),preserveState:zod.z.boolean().optional().default(false),children:zod.z.custom()}),L=zod.z.enum(["left","right","up","down"]),H=f.extend({direction:L,isDisabled:zod.z.boolean().optional().default(false),onPress:zod.z.custom(),"aria-label":zod.z.string()});exports.KeySchema=u;exports.ScrollArrowDirectionSchema=L;exports.ScrollArrowPropsSchema=H;exports.Tab=E;exports.TabList=B;exports.TabListPropsSchema=_;exports.TabPanel=I;exports.TabPanelPropsSchema=G;exports.TabPropsSchema=q;exports.Tabs=F;exports.TabsKeyboardActivationSchema=z;exports.TabsOrientationSchema=N;exports.TabsPropsSchema=j;exports.tabListVariants=x;exports.tabPanelVariants=T;exports.tabVariants=S;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tabs/Tabs.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tabs/Tabs.types.ts"],"names":["cn","inputs","twMerge","clsx","Activity","ReactActivity","children","mode","jsx","tabListVariants","cva","tabVariants","tabPanelVariants","TabsRoot","selectedKey","defaultSelectedKey","onSelectionChange","orientation","keyboardActivation","isDisabled","disabledKeys","className","props","AriaTabs","TabListComponent","AriaTabList","composeRenderProps","renderProps","TabComponent","id","href","target","rel","download","child","AriaTab","TabPanelComponent","shouldForceMount","preserveState","forceMount","AriaTabPanel","isSelected","content","Tabs","TabList","Tab","TabPanel","BaseComponentPropsSchema","z","TabsOrientationSchema","TabsKeyboardActivationSchema","KeySchema","TabsPropsSchema","TabListPropsSchema","TabPropsSchema","TabPanelPropsSchema","ScrollArrowDirectionSchema","ScrollArrowPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Tabs Component - Implementation\n *\n * Accessible tabbed interface component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria Tabs for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for orientation styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Dual keyboard activation modes (automatic/manual)\n * - Support for icons, badges, and link-based tabs\n *\n * @see tabs-prd.md (Full requirements)\n * @see Tabs.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  type ReactNode,\n  type Key,\n  type ReactElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\n// Note: ActivityFallback doesn't actually preserve state; it's just a pass-through\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  // When Activity is not available, just render children directly\n  // mode is ignored in the fallback\n  return <div data-activity-mode={mode}>{children}</div>;\n};\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  TabsProps,\n  TabListProps,\n  TabProps,\n  TabPanelProps,\n} from './Tabs.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * TabList CVA variants\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md DS-001 (Design System - Layout)\n */\nexport const tabListVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center rounded-md p-1',\n    'bg-[var(--accent-background)] text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: 'h-10 flex-row gap-0',\n        vertical: 'h-auto flex-col w-full gap-1',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Tab CVA variants\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md DS-002 (Design System - Tab Styling)\n * @see PRD.md AR-001 (Accessibility - 44×44px touch targets)\n */\nexport const tabVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm',\n    'px-3 py-1.5 text-sm font-medium',\n    'ring-offset-[var(--content-background)] transition-all',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    // States via data attributes\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    'data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]',\n    'data-[selected]:shadow-sm',\n    // WCAG 2.2 AAA: 44×44px minimum touch target\n    'min-h-[44px]',\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: '',\n        vertical: 'w-full justify-start',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * TabPanel CVA variants\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n */\nexport const tabPanelVariants = cva(\n  [\n    'mt-2 ring-offset-[var(--content-background)]',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Tabs Root Component\n *\n * Container for tabbed interface. Manages selection state and provides\n * context to child components.\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled\n * <Tabs defaultSelectedKey=\"tab1\">\n *   <TabList aria-label=\"Navigation\">\n *     <Tab id=\"tab1\">Tab 1</Tab>\n *     <Tab id=\"tab2\">Tab 2</Tab>\n *   </TabList>\n *   <TabPanel id=\"tab1\">Content 1</TabPanel>\n *   <TabPanel id=\"tab2\">Content 2</TabPanel>\n * </Tabs>\n *\n * @example\n * // Controlled\n * <Tabs selectedKey={selected} onSelectionChange={setSelected}>\n *   ...\n * </Tabs>\n */\nfunction TabsRoot({\n  children,\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  orientation = 'horizontal',\n  keyboardActivation = 'automatic',\n  isDisabled = false,\n  disabledKeys,\n  className,\n  ...props\n}: TabsProps) {\n  return (\n    <AriaTabs\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange as (key: Key) => void}\n      orientation={orientation}\n      keyboardActivation={keyboardActivation}\n      isDisabled={isDisabled}\n      disabledKeys={disabledKeys as Iterable<AriaKey> | undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n\nTabsRoot.displayName = 'Tabs';\n\n/**\n * TabList Component\n *\n * Container for tab buttons. Uses roving tabindex for keyboard navigation.\n * Receives orientation from parent Tabs via React Aria context.\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nfunction TabListComponent({\n  children,\n  className,\n  ...props\n}: TabListProps) {\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          tabListVariants({ orientation: renderProps.orientation }),\n          className\n        )\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n\nTabListComponent.displayName = 'TabList';\n\n/**\n * Tab Component\n *\n * Individual tab button. Can render as button or anchor (when href provided).\n * Supports icons and badges as children.\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-013 (Icon Support)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nfunction TabComponent({\n  children,\n  id,\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  download,\n  className,\n  ...props\n}: TabProps) {\n  // Warn if icon-only tab without aria-label\n  if (process.env.NODE_ENV !== 'production') {\n    const hasTextContent =\n      typeof children === 'string' ||\n      (Array.isArray(children) &&\n        children.some((child) => typeof child === 'string'));\n\n    if (!hasTextContent && !props['aria-label']) {\n      console.warn(\n        'Tabs: Icon-only tabs should have an aria-label for accessibility.'\n      );\n    }\n  }\n\n  return (\n    <AriaTab\n      id={id}\n      isDisabled={isDisabled}\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      className={composeRenderProps(className, (className) =>\n        cn(tabVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n\nTabComponent.displayName = 'Tab';\n\n/**\n * TabPanel Component\n *\n * Content panel associated with a tab. Only the selected panel is visible.\n * Supports preserveState for React Activity state preservation.\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n *\n * @example\n * // Default behavior - content unmounts when hidden\n * <TabPanel id=\"tab1\">Content</TabPanel>\n *\n * @example\n * // Legacy force mount - keeps content in DOM\n * <TabPanel id=\"tab1\" shouldForceMount>Form with state</TabPanel>\n *\n * @example\n * // React Activity - preserves state with proper effect cleanup\n * <TabPanel id=\"tab1\" preserveState>\n *   <FormWithDraft />\n * </TabPanel>\n */\nfunction TabPanelComponent({\n  children,\n  id,\n  shouldForceMount = false,\n  preserveState = false,\n  className,\n  ...props\n}: TabPanelProps) {\n  // preserveState takes precedence - both enable force mounting\n  const forceMount = preserveState || shouldForceMount;\n\n  // If children is a render function (for dynamic content based on selection state),\n  // we need to use the render props pattern\n  if (typeof children === 'function') {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          // React Aria TabPanelRenderProps includes: state, isInert\n          // We derive isSelected from state - if state is undefined, panel is selected\n          const isSelected = !renderProps.isInert;\n          const content = (\n            children as (renderProps: { isSelected: boolean }) => ReactNode\n          )({ isSelected });\n\n          if (preserveState) {\n            return (\n              <Activity mode={isSelected ? 'visible' : 'hidden'}>\n                {content}\n              </Activity>\n            );\n          }\n\n          return content;\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // For static children (not a function), render directly\n  // If preserveState is enabled, wrap in Activity\n  if (preserveState) {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          const isSelected = !renderProps.isInert;\n          return (\n            <Activity mode={isSelected ? 'visible' : 'hidden'}>\n              {children}\n            </Activity>\n          );\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // Default: render static children directly\n  return (\n    <AriaTabPanel\n      id={id}\n      shouldForceMount={forceMount}\n      className={composeRenderProps(className, (className) =>\n        cn(tabPanelVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n\nTabPanelComponent.displayName = 'TabPanel';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Tabs follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components vs Dialog's 9)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Tabs, TabList, Tab, TabPanel } from '...'\n *\n * @see plan.md \"Why Direct Named Exports (Not Object.assign)?\"\n */\nexport const Tabs = TabsRoot;\nexport const TabList = TabListComponent;\nexport const Tab = TabComponent;\nexport const TabPanel = TabPanelComponent;\n\n// Re-export types for convenience\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Tab orientation schema\n *\n * @see PRD.md FR-005 (Orientation Support)\n */\nexport const TabsOrientationSchema = z.enum(['horizontal', 'vertical']);\nexport type TabsOrientation = z.infer<typeof TabsOrientationSchema>;\n\n/**\n * Keyboard activation mode schema\n *\n * @see PRD.md FR-006 (Keyboard Activation Modes)\n */\nexport const TabsKeyboardActivationSchema = z.enum(['automatic', 'manual']);\nexport type TabsKeyboardActivation = z.infer<typeof TabsKeyboardActivationSchema>;\n\n/**\n * Key schema for tab identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Tabs root component props schema\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n */\nexport const TabsPropsSchema = BaseComponentPropsSchema.extend({\n  // Controlled mode: selected tab key\n  selectedKey: KeySchema.optional(),\n\n  // Uncontrolled mode: default selected tab key\n  defaultSelectedKey: KeySchema.optional(),\n\n  // Selection change handler\n  onSelectionChange: z.custom<(key: Key) => void>().optional(),\n\n  // Orientation: horizontal or vertical layout\n  orientation: TabsOrientationSchema.optional().default('horizontal'),\n\n  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)\n  keyboardActivation: TabsKeyboardActivationSchema.optional().default('automatic'),\n\n  // Disable all tabs\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of tabs to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: TabList and TabPanel components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabsProps = z.infer<typeof TabsPropsSchema>;\n\n/**\n * TabList component props schema\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nexport const TabListPropsSchema = BaseComponentPropsSchema.extend({\n  // Accessible label (required for accessibility if no aria-labelledby)\n  'aria-label': z.string().optional(),\n\n  // Reference to labelling element\n  'aria-labelledby': z.string().optional(),\n\n  // Children: Tab components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabListProps = z.infer<typeof TabListPropsSchema>;\n\n/**\n * Tab component props schema\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nexport const TabPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier for the tab (required)\n  id: KeySchema,\n\n  // Disable this specific tab\n  isDisabled: z.boolean().optional().default(false),\n\n  // Link tab: URL for navigation-style tabs\n  href: z.string().optional(),\n\n  // Link tab: target attribute\n  target: z.string().optional(),\n\n  // Link tab: rel attribute\n  rel: z.string().optional(),\n\n  // Link tab: download attribute\n  download: z.union([z.string(), z.boolean()]).optional(),\n\n  // Tab content (text, icons, badges)\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabProps = z.infer<typeof TabPropsSchema>;\n\n/**\n * TabPanel component props schema\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n */\nexport const TabPanelPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier matching a Tab id (required)\n  id: KeySchema,\n\n  // Legacy: Force panel to stay in DOM when hidden\n  // Use preserveState instead for proper effect cleanup\n  shouldForceMount: z.boolean().optional().default(false),\n\n  // React 19.2 Activity: Preserve state with proper effect cleanup\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabPanelProps = z.infer<typeof TabPanelPropsSchema>;\n\n/**\n * Scroll arrow direction for overflow handling\n *\n * @see PRD.md FR-010 (Overflow Handling)\n */\nexport const ScrollArrowDirectionSchema = z.enum(['left', 'right', 'up', 'down']);\nexport type ScrollArrowDirection = z.infer<typeof ScrollArrowDirectionSchema>;\n\n/**\n * Internal props for scroll arrow buttons\n * Used by overflow handling implementation\n */\nexport const ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({\n  // Scroll direction\n  direction: ScrollArrowDirectionSchema,\n\n  // Disable when can't scroll further\n  isDisabled: z.boolean().optional().default(false),\n\n  // Click handler for scrolling\n  onPress: z.custom<() => void>(),\n\n  // Accessible label\n  'aria-label': z.string(),\n});\n\nexport type ScrollArrowProps = z.infer<typeof ScrollArrowPropsSchema>;\n"]}

package/dist/elements/Tabs/index.mjs

@@ -1,5 +1,3 @@
-export { KeySchema, ScrollArrowDirectionSchema, ScrollArrowPropsSchema, Tab, TabList, TabListPropsSchema, TabPanel, TabPanelPropsSchema, TabPropsSchema, Tabs, TabsKeyboardActivationSchema, TabsOrientationSchema, TabsPropsSchema, tabListVariants, tabPanelVariants, tabVariants } from '../../chunk-66WTU4EB.mjs';
-import '../../chunk-E2KQFV3O.mjs';
-import '../../chunk-5SVLJN2C.mjs';
-//# sourceMappingURL=index.mjs.map
+"use client";
+import {Activity}from'react';import {Tabs,TabList,composeRenderProps,Tab,TabPanel}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';import {z as z$1}from'zod';function m(...a){return twMerge(clsx(a))}var v=Activity??function({children:t,mode:i}){return jsx("div",{"data-activity-mode":i,children:t})},x=cva(["inline-flex items-center justify-center rounded-md p-1","bg-[var(--accent-background)] text-[var(--menu-muted)]"],{variants:{orientation:{horizontal:"h-10 flex-row gap-0",vertical:"h-auto flex-col w-full gap-1"}},defaultVariants:{orientation:"horizontal"}}),S=cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm","px-3 py-1.5 text-sm font-medium","ring-offset-[var(--content-background)] transition-all","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]","data-[selected]:shadow-sm","min-h-[44px]"],{variants:{orientation:{horizontal:"",vertical:"w-full justify-start"}},defaultVariants:{orientation:"horizontal"}}),T=cva(["mt-2 ring-offset-[var(--content-background)]","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"],{variants:{},defaultVariants:{}});function g({children:a,selectedKey:t,defaultSelectedKey:i,onSelectionChange:n,orientation:s="horizontal",keyboardActivation:p="automatic",isDisabled:b=false,disabledKeys:o,className:l,...d}){return jsx(Tabs,{selectedKey:t,defaultSelectedKey:i,onSelectionChange:n,orientation:s,keyboardActivation:p,isDisabled:b,disabledKeys:o,className:m(l),...d,children:a})}g.displayName="Tabs";function A({children:a,className:t,...i}){return jsx(TabList,{className:composeRenderProps(t,(n,s)=>m(x({orientation:s.orientation}),n)),...i,children:a})}A.displayName="TabList";function w({children:a,id:t,isDisabled:i=false,href:n,target:s,rel:p,download:b,className:o,...l}){return process.env.NODE_ENV!=="production"&&!(typeof a=="string"||Array.isArray(a)&&a.some(C=>typeof C=="string"))&&!l["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility."),jsx(Tab,{id:t,isDisabled:i,href:n,target:s,rel:p,download:b,className:composeRenderProps(o,d=>m(S(),d)),...l,children:a})}w.displayName="Tab";function K({children:a,id:t,shouldForceMount:i=false,preserveState:n=false,className:s,...p}){let b=n||i;return typeof a=="function"?jsx(TabPanel,{id:t,shouldForceMount:b,className:composeRenderProps(s,o=>m(T(),o)),...p,children:o=>{let l=!o.isInert,d=a({isSelected:l});return n?jsx(v,{mode:l?"visible":"hidden",children:d}):d}}):n?jsx(TabPanel,{id:t,shouldForceMount:b,className:composeRenderProps(s,o=>m(T(),o)),...p,children:o=>{let l=!o.isInert;return jsx(v,{mode:l?"visible":"hidden",children:a})}}):jsx(TabPanel,{id:t,shouldForceMount:b,className:composeRenderProps(s,o=>m(T(),o)),...p,children:a})}K.displayName="TabPanel";var F=g,B=A,E=w,I=K;var f=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var N=z$1.enum(["horizontal","vertical"]),z=z$1.enum(["automatic","manual"]),u=z$1.union([z$1.string(),z$1.number()]),j=f.extend({selectedKey:u.optional(),defaultSelectedKey:u.optional(),onSelectionChange:z$1.custom().optional(),orientation:N.optional().default("horizontal"),keyboardActivation:z.optional().default("automatic"),isDisabled:z$1.boolean().optional().default(false),disabledKeys:z$1.array(u).optional(),children:z$1.custom()}),_=f.extend({"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),children:z$1.custom()}),q=f.extend({id:u,isDisabled:z$1.boolean().optional().default(false),href:z$1.string().optional(),target:z$1.string().optional(),rel:z$1.string().optional(),download:z$1.union([z$1.string(),z$1.boolean()]).optional(),children:z$1.custom()}),G=f.extend({id:u,shouldForceMount:z$1.boolean().optional().default(false),preserveState:z$1.boolean().optional().default(false),children:z$1.custom()}),L=z$1.enum(["left","right","up","down"]),H=f.extend({direction:L,isDisabled:z$1.boolean().optional().default(false),onPress:z$1.custom(),"aria-label":z$1.string()});export{u as KeySchema,L as ScrollArrowDirectionSchema,H as ScrollArrowPropsSchema,E as Tab,B as TabList,_ as TabListPropsSchema,I as TabPanel,G as TabPanelPropsSchema,q as TabPropsSchema,F as Tabs,z as TabsKeyboardActivationSchema,N as TabsOrientationSchema,j as TabsPropsSchema,x as tabListVariants,T as tabPanelVariants,S as tabVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/elements/Tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Tabs/Tabs.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tabs/Tabs.types.ts"],"names":["cn","inputs","twMerge","clsx","Activity","ReactActivity","children","mode","jsx","tabListVariants","cva","tabVariants","tabPanelVariants","TabsRoot","selectedKey","defaultSelectedKey","onSelectionChange","orientation","keyboardActivation","isDisabled","disabledKeys","className","props","AriaTabs","TabListComponent","AriaTabList","composeRenderProps","renderProps","TabComponent","id","href","target","rel","download","child","AriaTab","TabPanelComponent","shouldForceMount","preserveState","forceMount","AriaTabPanel","isSelected","content","Tabs","TabList","Tab","TabPanel","BaseComponentPropsSchema","z","TabsOrientationSchema","TabsKeyboardActivationSchema","KeySchema","TabsPropsSchema","TabListPropsSchema","TabPropsSchema","TabPanelPropsSchema","ScrollArrowDirectionSchema","ScrollArrowPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Tabs Component - Implementation\n *\n * Accessible tabbed interface component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria Tabs for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for orientation styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Dual keyboard activation modes (automatic/manual)\n * - Support for icons, badges, and link-based tabs\n *\n * @see tabs-prd.md (Full requirements)\n * @see Tabs.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  type ReactNode,\n  type Key,\n  type ReactElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\n// Note: ActivityFallback doesn't actually preserve state; it's just a pass-through\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  // When Activity is not available, just render children directly\n  // mode is ignored in the fallback\n  return <div data-activity-mode={mode}>{children}</div>;\n};\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport type {\n  TabsProps,\n  TabListProps,\n  TabProps,\n  TabPanelProps,\n} from './Tabs.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * TabList CVA variants\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md DS-001 (Design System - Layout)\n */\nexport const tabListVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center rounded-md p-1',\n    'bg-[var(--accent-background)] text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: 'h-10 flex-row gap-0',\n        vertical: 'h-auto flex-col w-full gap-1',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Tab CVA variants\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md DS-002 (Design System - Tab Styling)\n * @see PRD.md AR-001 (Accessibility - 44×44px touch targets)\n */\nexport const tabVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm',\n    'px-3 py-1.5 text-sm font-medium',\n    'ring-offset-[var(--content-background)] transition-all',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    // States via data attributes\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    'data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]',\n    'data-[selected]:shadow-sm',\n    // WCAG 2.2 AAA: 44×44px minimum touch target\n    'min-h-[44px]',\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: '',\n        vertical: 'w-full justify-start',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * TabPanel CVA variants\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n */\nexport const tabPanelVariants = cva(\n  [\n    'mt-2 ring-offset-[var(--content-background)]',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Tabs Root Component\n *\n * Container for tabbed interface. Manages selection state and provides\n * context to child components.\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled\n * <Tabs defaultSelectedKey=\"tab1\">\n *   <TabList aria-label=\"Navigation\">\n *     <Tab id=\"tab1\">Tab 1</Tab>\n *     <Tab id=\"tab2\">Tab 2</Tab>\n *   </TabList>\n *   <TabPanel id=\"tab1\">Content 1</TabPanel>\n *   <TabPanel id=\"tab2\">Content 2</TabPanel>\n * </Tabs>\n *\n * @example\n * // Controlled\n * <Tabs selectedKey={selected} onSelectionChange={setSelected}>\n *   ...\n * </Tabs>\n */\nfunction TabsRoot({\n  children,\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  orientation = 'horizontal',\n  keyboardActivation = 'automatic',\n  isDisabled = false,\n  disabledKeys,\n  className,\n  ...props\n}: TabsProps) {\n  return (\n    <AriaTabs\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange as (key: Key) => void}\n      orientation={orientation}\n      keyboardActivation={keyboardActivation}\n      isDisabled={isDisabled}\n      disabledKeys={disabledKeys as Iterable<AriaKey> | undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n\nTabsRoot.displayName = 'Tabs';\n\n/**\n * TabList Component\n *\n * Container for tab buttons. Uses roving tabindex for keyboard navigation.\n * Receives orientation from parent Tabs via React Aria context.\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nfunction TabListComponent({\n  children,\n  className,\n  ...props\n}: TabListProps) {\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          tabListVariants({ orientation: renderProps.orientation }),\n          className\n        )\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n\nTabListComponent.displayName = 'TabList';\n\n/**\n * Tab Component\n *\n * Individual tab button. Can render as button or anchor (when href provided).\n * Supports icons and badges as children.\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-013 (Icon Support)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nfunction TabComponent({\n  children,\n  id,\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  download,\n  className,\n  ...props\n}: TabProps) {\n  // Warn if icon-only tab without aria-label\n  if (process.env.NODE_ENV !== 'production') {\n    const hasTextContent =\n      typeof children === 'string' ||\n      (Array.isArray(children) &&\n        children.some((child) => typeof child === 'string'));\n\n    if (!hasTextContent && !props['aria-label']) {\n      console.warn(\n        'Tabs: Icon-only tabs should have an aria-label for accessibility.'\n      );\n    }\n  }\n\n  return (\n    <AriaTab\n      id={id}\n      isDisabled={isDisabled}\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      className={composeRenderProps(className, (className) =>\n        cn(tabVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n\nTabComponent.displayName = 'Tab';\n\n/**\n * TabPanel Component\n *\n * Content panel associated with a tab. Only the selected panel is visible.\n * Supports preserveState for React Activity state preservation.\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n *\n * @example\n * // Default behavior - content unmounts when hidden\n * <TabPanel id=\"tab1\">Content</TabPanel>\n *\n * @example\n * // Legacy force mount - keeps content in DOM\n * <TabPanel id=\"tab1\" shouldForceMount>Form with state</TabPanel>\n *\n * @example\n * // React Activity - preserves state with proper effect cleanup\n * <TabPanel id=\"tab1\" preserveState>\n *   <FormWithDraft />\n * </TabPanel>\n */\nfunction TabPanelComponent({\n  children,\n  id,\n  shouldForceMount = false,\n  preserveState = false,\n  className,\n  ...props\n}: TabPanelProps) {\n  // preserveState takes precedence - both enable force mounting\n  const forceMount = preserveState || shouldForceMount;\n\n  // If children is a render function (for dynamic content based on selection state),\n  // we need to use the render props pattern\n  if (typeof children === 'function') {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          // React Aria TabPanelRenderProps includes: state, isInert\n          // We derive isSelected from state - if state is undefined, panel is selected\n          const isSelected = !renderProps.isInert;\n          const content = (\n            children as (renderProps: { isSelected: boolean }) => ReactNode\n          )({ isSelected });\n\n          if (preserveState) {\n            return (\n              <Activity mode={isSelected ? 'visible' : 'hidden'}>\n                {content}\n              </Activity>\n            );\n          }\n\n          return content;\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // For static children (not a function), render directly\n  // If preserveState is enabled, wrap in Activity\n  if (preserveState) {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          const isSelected = !renderProps.isInert;\n          return (\n            <Activity mode={isSelected ? 'visible' : 'hidden'}>\n              {children}\n            </Activity>\n          );\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // Default: render static children directly\n  return (\n    <AriaTabPanel\n      id={id}\n      shouldForceMount={forceMount}\n      className={composeRenderProps(className, (className) =>\n        cn(tabPanelVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n\nTabPanelComponent.displayName = 'TabPanel';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Tabs follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components vs Dialog's 9)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Tabs, TabList, Tab, TabPanel } from '...'\n *\n * @see plan.md \"Why Direct Named Exports (Not Object.assign)?\"\n */\nexport const Tabs = TabsRoot;\nexport const TabList = TabListComponent;\nexport const Tab = TabComponent;\nexport const TabPanel = TabPanelComponent;\n\n// Re-export types for convenience\nexport type { TabsProps, TabListProps, TabProps, TabPanelProps };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Tab orientation schema\n *\n * @see PRD.md FR-005 (Orientation Support)\n */\nexport const TabsOrientationSchema = z.enum(['horizontal', 'vertical']);\nexport type TabsOrientation = z.infer<typeof TabsOrientationSchema>;\n\n/**\n * Keyboard activation mode schema\n *\n * @see PRD.md FR-006 (Keyboard Activation Modes)\n */\nexport const TabsKeyboardActivationSchema = z.enum(['automatic', 'manual']);\nexport type TabsKeyboardActivation = z.infer<typeof TabsKeyboardActivationSchema>;\n\n/**\n * Key schema for tab identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Tabs root component props schema\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n */\nexport const TabsPropsSchema = BaseComponentPropsSchema.extend({\n  // Controlled mode: selected tab key\n  selectedKey: KeySchema.optional(),\n\n  // Uncontrolled mode: default selected tab key\n  defaultSelectedKey: KeySchema.optional(),\n\n  // Selection change handler\n  onSelectionChange: z.custom<(key: Key) => void>().optional(),\n\n  // Orientation: horizontal or vertical layout\n  orientation: TabsOrientationSchema.optional().default('horizontal'),\n\n  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)\n  keyboardActivation: TabsKeyboardActivationSchema.optional().default('automatic'),\n\n  // Disable all tabs\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of tabs to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: TabList and TabPanel components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabsProps = z.infer<typeof TabsPropsSchema>;\n\n/**\n * TabList component props schema\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nexport const TabListPropsSchema = BaseComponentPropsSchema.extend({\n  // Accessible label (required for accessibility if no aria-labelledby)\n  'aria-label': z.string().optional(),\n\n  // Reference to labelling element\n  'aria-labelledby': z.string().optional(),\n\n  // Children: Tab components\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabListProps = z.infer<typeof TabListPropsSchema>;\n\n/**\n * Tab component props schema\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nexport const TabPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier for the tab (required)\n  id: KeySchema,\n\n  // Disable this specific tab\n  isDisabled: z.boolean().optional().default(false),\n\n  // Link tab: URL for navigation-style tabs\n  href: z.string().optional(),\n\n  // Link tab: target attribute\n  target: z.string().optional(),\n\n  // Link tab: rel attribute\n  rel: z.string().optional(),\n\n  // Link tab: download attribute\n  download: z.union([z.string(), z.boolean()]).optional(),\n\n  // Tab content (text, icons, badges)\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabProps = z.infer<typeof TabPropsSchema>;\n\n/**\n * TabPanel component props schema\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n */\nexport const TabPanelPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier matching a Tab id (required)\n  id: KeySchema,\n\n  // Legacy: Force panel to stay in DOM when hidden\n  // Use preserveState instead for proper effect cleanup\n  shouldForceMount: z.boolean().optional().default(false),\n\n  // React 19.2 Activity: Preserve state with proper effect cleanup\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport type TabPanelProps = z.infer<typeof TabPanelPropsSchema>;\n\n/**\n * Scroll arrow direction for overflow handling\n *\n * @see PRD.md FR-010 (Overflow Handling)\n */\nexport const ScrollArrowDirectionSchema = z.enum(['left', 'right', 'up', 'down']);\nexport type ScrollArrowDirection = z.infer<typeof ScrollArrowDirectionSchema>;\n\n/**\n * Internal props for scroll arrow buttons\n * Used by overflow handling implementation\n */\nexport const ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({\n  // Scroll direction\n  direction: ScrollArrowDirectionSchema,\n\n  // Disable when can't scroll further\n  isDisabled: z.boolean().optional().default(false),\n\n  // Click handler for scrolling\n  onPress: z.custom<() => void>(),\n\n  // Accessible label\n  'aria-label': z.string(),\n});\n\nexport type ScrollArrowProps = z.infer<typeof ScrollArrowPropsSchema>;\n"]}

package/dist/elements/TextField/TextField.d.ts

@@ -9,33 +9,8 @@
  * @see constitution.md Principle IV (Accessibility First)
  */
 import './TextField.css';
-/**
- * Input variant styles using CVA
- * Adapts ShadCN Input styling with Themis semantic tokens
- */
-export declare const inputVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    state?: "success" | "default" | "readonly" | "error" | "disabled" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Label variant styles using CVA
- * Adapts ShadCN Label styling with Themis semantic tokens
- */
-export declare const labelVariants: (props?: ({
-    state?: "default" | "error" | "disabled" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Description text variant styles
- */
-export declare const descriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-/**
- * Error message variant styles
- */
-export declare const errorMessageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-/**
- * Success message variant styles
- */
-export declare const successMessageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+import { inputVariants, labelVariants, descriptionVariants, errorMessageVariants, successMessageVariants } from './TextField.styles';
+export { inputVariants, labelVariants, descriptionVariants, errorMessageVariants, successMessageVariants, };
 /**
  * TextFieldLabel Sub-component
  * Styled label with optional required indicator
@@ -84,13 +59,6 @@ export declare const TextFieldSuccess: import("react").ForwardRefExoticComponent
  * TextField Component
  * Fully accessible text input with React Aria and themed styling
  *
- * Composition:
- * - TextField (container with React Aria context)
- * - Label (optional, linked to input)
- * - Input (text input element)
- * - Description (optional helper text)
- * - ErrorMessage (optional, shown when invalid)
- *
  * @example
  * <TextField
  *   label="Email"
@@ -98,13 +66,6 @@ export declare const TextFieldSuccess: import("react").ForwardRefExoticComponent
  *   isRequired
  *   type="email"
  * />
- *
- * @example
- * <TextField
- *   label="Username"
- *   errorMessage="Username is required"
- *   isInvalid
- * />
  */
 export declare const TextField: import("react").ForwardRefExoticComponent<Partial<{
     size: "default" | "sm" | "lg";
@@ -114,6 +75,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Partia
     suffixSize: number;
     expandOnFocus: boolean;
     collapsedWidth: string;
+    isIconHidden: boolean;
     className?: string | undefined;
     children?: any;
     id?: string | undefined;
@@ -145,7 +107,9 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Partia
     prefix?: any;
     suffix?: any;
     showPasswordToggle?: boolean | undefined;
-}> & Omit<import("react-aria-components").TextFieldProps, "className" | "children" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-live" | "aria-hidden" | "data-testid" | "pattern" | "type" | "isDisabled" | "value" | "autoFocus" | "name" | "size" | "label" | "autoComplete" | "defaultValue" | "maxLength" | "minLength" | "prefix" | "isReadOnly" | "isInvalid" | "isRequired" | "description" | "errorMessage" | "successMessage" | "isValid" | "placeholder" | "patternDescription" | "disableCopyPaste" | "suffix" | "prefixSize" | "suffixSize" | "expandOnFocus" | "collapsedWidth" | "showPasswordToggle"> & {
+    onSubmit?: ((value: string) => void) | undefined;
+    onClear?: (() => void) | undefined;
+}> & Omit<import("react-aria-components").TextFieldProps, "className" | "children" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-live" | "aria-hidden" | "data-testid" | "pattern" | "type" | "isDisabled" | "value" | "autoFocus" | "name" | "onSubmit" | "size" | "label" | "autoComplete" | "defaultValue" | "maxLength" | "minLength" | "prefix" | "isReadOnly" | "isInvalid" | "isRequired" | "description" | "errorMessage" | "onClear" | "successMessage" | "isValid" | "placeholder" | "patternDescription" | "disableCopyPaste" | "suffix" | "prefixSize" | "suffixSize" | "expandOnFocus" | "collapsedWidth" | "showPasswordToggle" | "isIconHidden"> & {
     onChange?: (value: string) => void;
     validate?: (value: string) => string | undefined | null;
     prefix?: import("react").ReactNode;

package/dist/elements/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,iBAAiB,CAAC;AAsBzB;;;GAGG;AACH,eAAO,MAAM,aAAa;;;8EAyBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;8EAezB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,oFAE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;uJAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;uIAU1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;8HAahC,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;8HAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;8HAa5B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDA2VrB,CAAC;AAIF,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,aAAa,IAAI,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,iBAAiB,CAAC;AAqBzB,OAAO,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,GACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;uJAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;uIAU1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;8HAahC,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;8HAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;8HAa5B,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAmTrB,CAAC;AAIF,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,aAAa,IAAI,sBAAsB,EAAE,CAAC"}

package/dist/elements/TextField/TextField.hooks.d.ts

@@ -0,0 +1,63 @@
+/**
+ * TextField Custom Hooks
+ * Extracted from TextField.tsx for separation of concerns
+ *
+ * These hooks encapsulate the behavioral logic for:
+ * - Expand on focus
+ * - Copy/paste protection
+ * - Password visibility toggle
+ */
+import type { FocusEvent, ClipboardEvent } from 'react';
+/**
+ * Hook: useExpandOnFocus
+ * Manages the expand-on-focus behavior where an input starts narrow
+ * and expands to full width when focused or when it has a value.
+ *
+ * @param expandOnFocus - Whether expand-on-focus is enabled
+ * @param collapsedWidth - CSS width when collapsed (e.g., '200px')
+ * @param value - Controlled value (if any)
+ * @param defaultValue - Default value (if any)
+ * @param userOnFocus - User-provided onFocus handler to call through
+ * @param userOnBlur - User-provided onBlur handler to call through
+ */
+export declare function useExpandOnFocus({ expandOnFocus, collapsedWidth, value, defaultValue, userOnFocus, userOnBlur, }: {
+    expandOnFocus: boolean;
+    collapsedWidth: string;
+    value: string | undefined;
+    defaultValue: string | undefined;
+    userOnFocus: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
+    userOnBlur: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
+}): {
+    handleFocus: (e: FocusEvent<HTMLInputElement>) => void;
+    handleBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    inputWidth: string | undefined;
+};
+/**
+ * Hook: useCopyPasteProtection
+ * Manages copy/paste prevention with shake animation and screen reader announcements.
+ *
+ * @param disableCopyPaste - Whether copy/paste should be disabled
+ */
+export declare function useCopyPasteProtection({ disableCopyPaste, }: {
+    disableCopyPaste: boolean;
+}): {
+    isShaking: boolean;
+    screenReaderMessage: string;
+    handlePaste: (e: ClipboardEvent<HTMLInputElement>) => void;
+};
+/**
+ * Hook: usePasswordToggle
+ * Manages password show/hide toggle state and determines the actual input type.
+ *
+ * @param type - The input type ('text', 'email', 'password', etc.)
+ * @param showPasswordToggle - Whether the toggle button should be shown
+ */
+export declare function usePasswordToggle({ type, showPasswordToggle, }: {
+    type: string;
+    showPasswordToggle: boolean | undefined;
+}): {
+    showPassword: boolean;
+    actualType: string;
+    handlePasswordToggle: () => void;
+};
+//# sourceMappingURL=TextField.hooks.d.ts.map

package/dist/elements/TextField/TextField.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.hooks.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.hooks.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,cAAc,EACd,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,GACX,EAAE;IACD,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACrE;qBAGqC,UAAU,CAAC,gBAAgB,CAAC;oBAO7B,UAAU,CAAC,gBAAgB,CAAC;;EAuBhE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,gBAAgB,GACjB,EAAE;IACD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;;;qBAcqC,cAAc,CAAC,gBAAgB,CAAC;EAmBrE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,kBAAkB,GACnB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC;;;;EAeA"}

package/dist/elements/TextField/TextField.icons.d.ts

@@ -0,0 +1,19 @@
+/**
+ * TextField Icon Components
+ * SVG icons for password toggle functionality
+ *
+ * Extracted from TextField.tsx to keep the main component file focused.
+ * These are module-level components to avoid re-creating on every render.
+ */
+import type { ReactElement } from 'react';
+/**
+ * Eye icon for "show password" state
+ * Rendered when the password is currently hidden
+ */
+export declare const EyeIcon: () => ReactElement;
+/**
+ * Eye-off icon for "hide password" state
+ * Rendered when the password is currently visible
+ */
+export declare const EyeOffIcon: () => ReactElement;
+//# sourceMappingURL=TextField.icons.d.ts.map

package/dist/elements/TextField/TextField.icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.icons.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.icons.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,OAAO,QAAO,YAe1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,QAAO,YAiB7B,CAAC"}

package/dist/elements/TextField/TextField.styles.d.ts

@@ -0,0 +1,37 @@
+/**
+ * TextField CVA Variant Styles
+ * Extracted from TextField.tsx for separation of concerns
+ *
+ * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)
+ * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html
+ * @see ShadCN Input: https://ui.shadcn.com/docs/components/input
+ * @see ShadCN Label: https://ui.shadcn.com/docs/components/label
+ */
+/**
+ * Input variant styles using CVA
+ * Adapts ShadCN Input styling with Themis semantic tokens
+ */
+export declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    state?: "success" | "default" | "readonly" | "error" | "disabled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Label variant styles using CVA
+ * Adapts ShadCN Label styling with Themis semantic tokens
+ */
+export declare const labelVariants: (props?: ({
+    state?: "default" | "error" | "disabled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Description text variant styles
+ */
+export declare const descriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Error message variant styles
+ */
+export declare const errorMessageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Success message variant styles
+ */
+export declare const successMessageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=TextField.styles.d.ts.map

package/dist/elements/TextField/TextField.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH;;;GAGG;AACH,eAAO,MAAM,aAAa;;;8EAyBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;8EAezB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,oFAE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,oFAElC,CAAC"}

package/dist/elements/TextField/TextField.types.d.ts

@@ -184,6 +184,9 @@ export declare const TextFieldPropsSchema: z.ZodObject<{
     expandOnFocus: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     collapsedWidth: z.ZodDefault<z.ZodOptional<z.ZodString>>;
     showPasswordToggle: z.ZodOptional<z.ZodBoolean>;
+    isIconHidden: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    onSubmit: z.ZodOptional<z.ZodCustom<(value: string) => void, (value: string) => void>>;
+    onClear: z.ZodOptional<z.ZodCustom<() => void, () => void>>;
 }, z.core.$strip>;
 export type TextFieldProps = Partial<z.infer<typeof TextFieldPropsSchema>> & Omit<AriaTextFieldProps, keyof z.infer<typeof TextFieldPropsSchema>> & {
     onChange?: (value: string) => void;

package/dist/elements/TextField/TextField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.types.ts"],"names":[],"mappings":"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"}

package/dist/elements/TextField/index.css

@@ -1,23 +1,2 @@
-/* src/elements/TextField/TextField.css */
-@keyframes shake {
-  0%, 100% {
-    transform: translateX(0);
-  }
-  10%, 30%, 50%, 70%, 90% {
-    transform: translateX(-4px);
-  }
-  20%, 40%, 60%, 80% {
-    transform: translateX(4px);
-  }
-}
-.shake {
-  animation: shake 400ms ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .shake {
-    animation: none;
-    border-color: var(--destructive);
-    transition: border-color 100ms;
-  }
-}
+@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .4s ease-in-out}@media(prefers-reduced-motion:reduce){.shake{animation:none;border-color:var(--destructive);transition:border-color .1s}}
 /*# sourceMappingURL=index.css.map */

package/dist/elements/TextField/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TextField/TextField.css"],"sourcesContent":["/**\n * TextField Component Styles\n * Additional CSS for animations and effects\n */\n\n/* Shake animation for paste prevention (Phase 3) */\n@keyframes shake {\n  0%, 100% { transform: translateX(0); }\n  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }\n  20%, 40%, 60%, 80% { transform: translateX(4px); }\n}\n\n.shake {\n  animation: shake 400ms ease-in-out;\n}\n\n/* Respect reduced motion preference (WCAG 2.2) */\n@media (prefers-reduced-motion: reduce) {\n  .shake {\n    animation: none;\n    /* Alternative: brief border color flash */\n    border-color: var(--destructive);\n    transition: border-color 100ms;\n  }\n}\n"],"mappings":";AAMA,WAAW;AACT;AAAW,eAAW,WAAW;AAAI;AACrC;AAA0B,eAAW,WAAW;AAAO;AACvD;AAAqB,eAAW,WAAW;AAAM;AACnD;AAEA,CANW;AAOT,aAAW,MAAM,MAAM;AACzB;AAGA,QAAO,wBAAyB;AAC9B,GAZS;AAaP,eAAW;AAEX,kBAAc,IAAI;AAClB,gBAAY,aAAa;AAC3B;AACF;","names":[]}
+{"version":3,"sources":["../../../src/elements/TextField/TextField.css"],"sourcesContent":["/**\n * TextField Component Styles\n * Additional CSS for animations and effects\n */\n\n/* Shake animation for paste prevention (Phase 3) */\n@keyframes shake {\n  0%, 100% { transform: translateX(0); }\n  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }\n  20%, 40%, 60%, 80% { transform: translateX(4px); }\n}\n\n.shake {\n  animation: shake 400ms ease-in-out;\n}\n\n/* Respect reduced motion preference (WCAG 2.2) */\n@media (prefers-reduced-motion: reduce) {\n  .shake {\n    animation: none;\n    /* Alternative: brief border color flash */\n    border-color: var(--destructive);\n    transition: border-color 100ms;\n  }\n}\n"],"mappings":"AAMA,WAAW,MACT,MAAW,UAAW,UAAW,EAAI,CACrC,oBAA0B,UAAW,UAAW,KAAO,CACvD,gBAAqB,UAAW,UAAW,IAAM,CACnD,CAEA,CANW,MAOT,UAAW,MAAM,IAAM,WACzB,CAGA,OAAO,uBAAyB,QAC9B,CAZS,MAaP,UAAW,KAEX,aAAc,IAAI,eAClB,WAAY,aAAa,GAC3B,CACF","names":[]}