@tribepad/themis 1.0.1 → 1.0.2

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":[]}