@foi/design-system 0.0.14 → 0.0.16

package/dist/{ThemeProvider-Q2Hjezbt.js.map → ThemeProvider-C47pyWG6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider-Q2Hjezbt.js","names":[],"sources":["../src/hocs/ThemeProvider/fonts/loadFonts.ts","../src/hocs/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["const mulishRegular = new URL('../../../assets/fonts/Mulish/Mulish-Regular.ttf', import.meta.url).href;\nconst mulishMedium = new URL('../../../assets/fonts/Mulish/Mulish-Medium.ttf', import.meta.url).href;\nconst mulishSemiBold = new URL('../../../assets/fonts/Mulish/Mulish-SemiBold.ttf', import.meta.url).href;\nconst mulishBold = new URL('../../../assets/fonts/Mulish/Mulish-Bold.ttf', import.meta.url).href;\n\nconst leagueSpartanRegular = new URL('../../../assets/fonts/LeagueSpartan/LeagueSpartan-Regular.ttf', import.meta.url)\n  .href;\nconst leagueSpartanBold = new URL('../../../assets/fonts/LeagueSpartan/LeagueSpartan-Bold.ttf', import.meta.url).href;\n\nconst googleSansCodeLight = new URL('../../../assets/fonts/GoogleSansCode/Light.ttf', import.meta.url).href;\nconst googleSansCodeLightItalic = new URL('../../../assets/fonts/GoogleSansCode/LightItalic.ttf', import.meta.url).href;\nconst googleSansCodeRegular = new URL('../../../assets/fonts/GoogleSansCode/Regular.ttf', import.meta.url).href;\nconst googleSansCodeItalic = new URL('../../../assets/fonts/GoogleSansCode/Italic.ttf', import.meta.url).href;\nconst googleSansCodeMedium = new URL('../../../assets/fonts/GoogleSansCode/Medium.ttf', import.meta.url).href;\nconst googleSansCodeMediumItalic = new URL('../../../assets/fonts/GoogleSansCode/MediumItalic.ttf', import.meta.url)\n  .href;\nconst googleSansCodeSemiBold = new URL('../../../assets/fonts/GoogleSansCode/SemiBold.ttf', import.meta.url).href;\nconst googleSansCodeSemiBoldItalic = new URL('../../../assets/fonts/GoogleSansCode/SemiBoldItalic.ttf', import.meta.url)\n  .href;\nconst googleSansCodeBold = new URL('../../../assets/fonts/GoogleSansCode/Bold.ttf', import.meta.url).href;\nconst googleSansCodeBoldItalic = new URL('../../../assets/fonts/GoogleSansCode/BoldItalic.ttf', import.meta.url).href;\n\nconst materialSymbolsRounded = new URL(\n  '../../../assets/fonts/MaterialSymbolsRounded/MaterialSymbolsRounded.woff2',\n  import.meta.url,\n).href;\n\nconst fontFaceCSS = `\n@font-face { font-family: 'Mulish'; src: url('${mulishRegular}') format('truetype'); }\n@font-face { font-family: 'Mulish'; src: url('${mulishMedium}') format('truetype'); font-weight: 500; }\n@font-face { font-family: 'Mulish'; src: url('${mulishSemiBold}') format('truetype'); font-weight: 600; }\n@font-face { font-family: 'Mulish'; src: url('${mulishBold}') format('truetype'); font-weight: 700; }\n\n@font-face { font-family: 'League Spartan'; src: url('${leagueSpartanRegular}') format('truetype'); }\n@font-face { font-family: 'League Spartan'; src: url('${leagueSpartanBold}') format('truetype'); font-weight: bold; }\n\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeLight}') format('truetype'); font-weight: 300; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeLightItalic}') format('truetype'); font-weight: 300; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeRegular}') format('truetype'); font-weight: 400; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeItalic}') format('truetype'); font-weight: 400; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeMedium}') format('truetype'); font-weight: 500; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeMediumItalic}') format('truetype'); font-weight: 500; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeSemiBold}') format('truetype'); font-weight: 600; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeSemiBoldItalic}') format('truetype'); font-weight: 600; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeBold}') format('truetype'); font-weight: 700; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeBoldItalic}') format('truetype'); font-weight: 700; font-style: italic; }\n\n@font-face { font-family: 'Material Symbols Rounded'; src: url('${materialSymbolsRounded}') format('woff2'); font-weight: 100 900; font-style: normal; font-display: block; }\n`;\n\nlet injected = false;\n\nexport const loadFonts = () => {\n  console.log('loadFonts called, injected:', injected);\n  if (typeof document === 'undefined' || injected) return;\n  injected = true;\n  const style = document.createElement('style');\n  style.textContent = fontFaceCSS;\n  document.head.appendChild(style);\n  console.log('font style injected');\n};\n","import { useLayoutEffect } from 'react';\nimport { ThemeProviderComponent } from './ThemeProvider.interface';\nimport type { Theme } from './ThemeProvider.interface';\nimport { useCreateThemeStyles } from './useThemeProvider.hook';\nimport { loadFonts } from './fonts/loadFonts';\n\nconst ThemeProvider = <T extends readonly Theme[]>(props: ThemeProviderComponent<T>) => {\n  const { themes, theme: selectedTheme, children } = props;\n  useCreateThemeStyles(themes, selectedTheme);\n  useLayoutEffect(() => {\n    loadFonts();\n  }, []);\n\n  return <>{children}</>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;AA2BA,IAAM,IAAc;gDA3BE,IAAA,IAAA,iv1IAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA4BpC;gDA3BzC,IAAA,IAAA,qy1IAAA,KAAA,OAAA,KAAA,IAA0E,CAAC,KA4BnC;gDA3BtC,IAAA,IAAA,qt1IAAA,KAAA,OAAA,KAAA,IAA4E,CAAC,KA4BrC;gDA3B5C,IAAA,IAAA,iz1IAAA,KAAA,OAAA,KAAA,IAAwE,CAAC,KA4BjC;;wDA1B9B,IAAA,IAAA,im0EAAA,KAAA,OAAA,KAAA,IAAyF,CACnH,KA2B0E;wDA1BnD,IAAA,IAAA,yv0EAAA,KAAA,OAAA,KAAA,IAAsF,CAAC,KA2BvC;;0DAzB9C,IAAA,IAAA,qgvEAAA,KAAA,OAAA,KAAA,IAA0E,CAAC,KA2BzB;0DA1B5C,IAAA,IAAA,q30EAAA,KAAA,OAAA,KAAA,IAAgF,CAAC,KA2B/B;0DA1BtD,IAAA,IAAA,yqvEAAA,KAAA,OAAA,KAAA,IAA4E,CAAC,KA2B3B;0DA1BnD,IAAA,IAAA,y80EAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA2B1B;0DA1BlD,IAAA,IAAA,ykvEAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA2B1B;0DA1B5C,IAAA,IAAA,qj1EAAA,KAAA,OAAA,KAAA,IAAiF,CACjH,KA0BkF;0DAzBtD,IAAA,IAAA,ihwEAAA,KAAA,OAAA,KAAA,IAA6E,CAAC,KA0B5B;0DAzB5C,IAAA,IAAA,y/1EAAA,KAAA,OAAA,KAAA,IAAmF,CACrH,KAyBoF;0DAxB5D,IAAA,IAAA,qxwEAAA,KAAA,OAAA,KAAA,IAAyE,CAAC,KAyBxB;0DAxB5C,IAAA,IAAA,qo2EAAA,KAAA,OAAA,KAAA,IAA+E,CAAC,KAyB9B;;kEAvBpD,IAAA,IAAA,m7pxNAAA,KAAA,OAAA,KAAA,IAG9B,CAAC,KAsBuF;GAGrF,IAAW,IAEF,UAAkB;CAE7B,IADA,QAAQ,IAAI,+BAA+B,EAAS,EAChD,OAAO,WAAa,OAAe,GAAU;CACjD,IAAW;CACX,IAAM,IAAQ,SAAS,cAAc,QAAQ;CAG7C,AAFA,EAAM,cAAc,GACpB,SAAS,KAAK,YAAY,EAAM,EAChC,QAAQ,IAAI,sBAAsB;GCrD9B,KAA6C,MAAqC;CACtF,IAAM,EAAE,WAAQ,OAAO,GAAe,gBAAa;CAMnD,OALA,EAAqB,GAAQ,EAAc,EAC3C,QAAsB;EACpB,GAAW;IACV,EAAE,CAAC,EAEC,kBAAA,GAAA,EAAG,aAAY,CAAA"}
+{"version":3,"file":"ThemeProvider-C47pyWG6.js","names":[],"sources":["../src/hocs/ThemeProvider/fonts/loadFonts.ts","../src/hocs/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["const mulishRegular = new URL('../../../assets/fonts/Mulish/Mulish-Regular.ttf', import.meta.url).href;\nconst mulishMedium = new URL('../../../assets/fonts/Mulish/Mulish-Medium.ttf', import.meta.url).href;\nconst mulishSemiBold = new URL('../../../assets/fonts/Mulish/Mulish-SemiBold.ttf', import.meta.url).href;\nconst mulishBold = new URL('../../../assets/fonts/Mulish/Mulish-Bold.ttf', import.meta.url).href;\n\nconst leagueSpartanRegular = new URL('../../../assets/fonts/LeagueSpartan/LeagueSpartan-Regular.ttf', import.meta.url)\n  .href;\nconst leagueSpartanBold = new URL('../../../assets/fonts/LeagueSpartan/LeagueSpartan-Bold.ttf', import.meta.url).href;\n\nconst googleSansCodeLight = new URL('../../../assets/fonts/GoogleSansCode/Light.ttf', import.meta.url).href;\nconst googleSansCodeLightItalic = new URL('../../../assets/fonts/GoogleSansCode/LightItalic.ttf', import.meta.url).href;\nconst googleSansCodeRegular = new URL('../../../assets/fonts/GoogleSansCode/Regular.ttf', import.meta.url).href;\nconst googleSansCodeItalic = new URL('../../../assets/fonts/GoogleSansCode/Italic.ttf', import.meta.url).href;\nconst googleSansCodeMedium = new URL('../../../assets/fonts/GoogleSansCode/Medium.ttf', import.meta.url).href;\nconst googleSansCodeMediumItalic = new URL('../../../assets/fonts/GoogleSansCode/MediumItalic.ttf', import.meta.url)\n  .href;\nconst googleSansCodeSemiBold = new URL('../../../assets/fonts/GoogleSansCode/SemiBold.ttf', import.meta.url).href;\nconst googleSansCodeSemiBoldItalic = new URL('../../../assets/fonts/GoogleSansCode/SemiBoldItalic.ttf', import.meta.url)\n  .href;\nconst googleSansCodeBold = new URL('../../../assets/fonts/GoogleSansCode/Bold.ttf', import.meta.url).href;\nconst googleSansCodeBoldItalic = new URL('../../../assets/fonts/GoogleSansCode/BoldItalic.ttf', import.meta.url).href;\n\nconst materialSymbolsRounded = new URL(\n  '../../../assets/fonts/MaterialSymbolsRounded/MaterialSymbolsRounded.woff2',\n  import.meta.url,\n).href;\n\nconst fontFaceCSS = `\n@font-face { font-family: 'Mulish'; src: url('${mulishRegular}') format('truetype'); }\n@font-face { font-family: 'Mulish'; src: url('${mulishMedium}') format('truetype'); font-weight: 500; }\n@font-face { font-family: 'Mulish'; src: url('${mulishSemiBold}') format('truetype'); font-weight: 600; }\n@font-face { font-family: 'Mulish'; src: url('${mulishBold}') format('truetype'); font-weight: 700; }\n\n@font-face { font-family: 'League Spartan'; src: url('${leagueSpartanRegular}') format('truetype'); }\n@font-face { font-family: 'League Spartan'; src: url('${leagueSpartanBold}') format('truetype'); font-weight: bold; }\n\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeLight}') format('truetype'); font-weight: 300; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeLightItalic}') format('truetype'); font-weight: 300; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeRegular}') format('truetype'); font-weight: 400; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeItalic}') format('truetype'); font-weight: 400; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeMedium}') format('truetype'); font-weight: 500; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeMediumItalic}') format('truetype'); font-weight: 500; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeSemiBold}') format('truetype'); font-weight: 600; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeSemiBoldItalic}') format('truetype'); font-weight: 600; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeBold}') format('truetype'); font-weight: 700; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeBoldItalic}') format('truetype'); font-weight: 700; font-style: italic; }\n\n@font-face { font-family: 'Material Symbols Rounded'; src: url('${materialSymbolsRounded}') format('woff2'); font-weight: 100 900; font-style: normal; font-display: block; }\n`;\n\nlet injected = false;\n\nexport const loadFonts = () => {\n  console.log('loadFonts called, injected:', injected);\n  if (typeof document === 'undefined' || injected) return;\n  injected = true;\n  const style = document.createElement('style');\n  style.textContent = fontFaceCSS;\n  document.head.appendChild(style);\n  console.log('font style injected');\n};\n","import { useLayoutEffect } from 'react';\nimport { ThemeProviderComponent } from './ThemeProvider.interface';\nimport type { Theme } from './ThemeProvider.interface';\nimport { useCreateThemeStyles } from './useThemeProvider.hook';\nimport { loadFonts } from './fonts/loadFonts';\n\nconst ThemeProvider = <T extends readonly Theme[]>(props: ThemeProviderComponent<T>) => {\n  const { themes, theme: selectedTheme, children } = props;\n  useCreateThemeStyles(themes, selectedTheme);\n  useLayoutEffect(() => {\n    loadFonts();\n  }, []);\n\n  return <>{children}</>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;AA2BA,IAAM,IAAc;gDA3BE,IAAA,IAAA,iv1IAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA4BpC;gDA3BzC,IAAA,IAAA,qy1IAAA,KAAA,OAAA,KAAA,IAA0E,CAAC,KA4BnC;gDA3BtC,IAAA,IAAA,qt1IAAA,KAAA,OAAA,KAAA,IAA4E,CAAC,KA4BrC;gDA3B5C,IAAA,IAAA,iz1IAAA,KAAA,OAAA,KAAA,IAAwE,CAAC,KA4BjC;;wDA1B9B,IAAA,IAAA,im0EAAA,KAAA,OAAA,KAAA,IAAyF,CACnH,KA2B0E;wDA1BnD,IAAA,IAAA,yv0EAAA,KAAA,OAAA,KAAA,IAAsF,CAAC,KA2BvC;;0DAzB9C,IAAA,IAAA,qgvEAAA,KAAA,OAAA,KAAA,IAA0E,CAAC,KA2BzB;0DA1B5C,IAAA,IAAA,q30EAAA,KAAA,OAAA,KAAA,IAAgF,CAAC,KA2B/B;0DA1BtD,IAAA,IAAA,yqvEAAA,KAAA,OAAA,KAAA,IAA4E,CAAC,KA2B3B;0DA1BnD,IAAA,IAAA,y80EAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA2B1B;0DA1BlD,IAAA,IAAA,ykvEAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA2B1B;0DA1B5C,IAAA,IAAA,qj1EAAA,KAAA,OAAA,KAAA,IAAiF,CACjH,KA0BkF;0DAzBtD,IAAA,IAAA,ihwEAAA,KAAA,OAAA,KAAA,IAA6E,CAAC,KA0B5B;0DAzB5C,IAAA,IAAA,y/1EAAA,KAAA,OAAA,KAAA,IAAmF,CACrH,KAyBoF;0DAxB5D,IAAA,IAAA,qxwEAAA,KAAA,OAAA,KAAA,IAAyE,CAAC,KAyBxB;0DAxB5C,IAAA,IAAA,qo2EAAA,KAAA,OAAA,KAAA,IAA+E,CAAC,KAyB9B;;kEAvBpD,IAAA,IAAA,m7pxNAAA,KAAA,OAAA,KAAA,IAG9B,CAAC,KAsBuF;GAGrF,IAAW,IAEF,UAAkB;CAE7B,IADA,QAAQ,IAAI,+BAA+B,EAAS,EAChD,OAAO,WAAa,OAAe,GAAU;CACjD,IAAW;CACX,IAAM,IAAQ,SAAS,cAAc,QAAQ;CAG7C,AAFA,EAAM,cAAc,GACpB,SAAS,KAAK,YAAY,EAAM,EAChC,QAAQ,IAAI,sBAAsB;GCrD9B,KAA6C,MAAqC;CACtF,IAAM,EAAE,WAAQ,OAAO,GAAe,gBAAa;CAMnD,OALA,EAAqB,GAAQ,EAAc,EAC3C,QAAsB;EACpB,GAAW;IACV,EAAE,CAAC,EAEC,kBAAA,GAAA,EAAG,aAAY,CAAA"}

package/dist/atoms.d.ts

@@ -3,7 +3,8 @@ export { default as Icon } from './components/atoms/Icon';
 export { default as Checkbox } from './components/atoms/Checkbox';
 export { default as DatePicker } from './components/atoms/DatePicker';
 export { default as IconButton } from './components/atoms/IconButton';
-export { default as Input } from './components/atoms/Input';
+export { default as TextField } from './components/atoms/TextField';
+export { default as NumberField } from './components/atoms/NumberField';
 export { default as Radio } from './components/atoms/Radio';
 export { default as Select } from './components/atoms/Select';
 export { default as Slider } from './components/atoms/Slider';
@@ -12,7 +13,8 @@ export type { ButtonStyleProps } from './components/atoms/Button/Button.interfac
 export type { CheckboxStyleProps } from './components/atoms/Checkbox/Checkbox.interface';
 export type { DatePickerStyleProps } from './components/atoms/DatePicker/DatePicker.interface';
 export type { IconButtonStyleProps } from './components/atoms/IconButton/IconButton.interface';
-export type { InputStyleProps } from './components/atoms/Input/Input.interface';
+export type { TextFieldStyleProps } from './components/atoms/TextField/TextField.interface';
+export type { NumberFieldStyleProps } from './components/atoms/NumberField/NumberField.interface';
 export type { RadioStyleProps } from './components/atoms/Radio/Radio.interface';
 export type { SelectStyleProps } from './components/atoms/Select/Select.interface';
 export type { SliderStyleProps } from './components/atoms/Slider/Slider.interface';

package/dist/atoms.mjs

@@ -1,3 +1,3 @@
-import { a as e, n as t } from "./RadioGroup.context-QNk2hW_4.js";
-import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./Switch-JF9P9VJf.js";
-export { r as Button, t as Checkbox, o as DatePicker, e as Icon, c as IconButton, n as Input, i as Radio, s as Select, a as Slider, l as Switch };
+import { a as e, n as t } from "./RadioGroup.context-BBa8PDLt.js";
+import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u } from "./Switch-BNFdKefE.js";
+export { a as Button, t as Checkbox, l as DatePicker, e as Icon, r as IconButton, n as NumberField, i as Radio, c as Select, o as Slider, u as Switch, s as TextField };

package/dist/components/atoms/NumberField/NumberField.d.ts

@@ -0,0 +1,5 @@
+import { type FieldValues } from 'react-hook-form';
+import type { NumberFieldBaseProps, NumberFieldProps } from './NumberField.interface';
+export declare const NumberFieldBase: ({ label, value, onChange, error, style, width, disabled, regex, hasPadding, format, startAdornment, helperText, showErrorText, className, onBlur, min, max, step, display, ...rest }: NumberFieldBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const NumberField: <TFieldValues extends FieldValues = FieldValues>(props: NumberFieldProps<TFieldValues>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NumberField;

package/dist/components/atoms/NumberField/NumberField.interface.d.ts

@@ -0,0 +1,57 @@
+import React, { type JSX } from 'react';
+import type { EVENTS } from '@hocs/ThemeProvider/components/NumberField';
+import type { Control, FieldValues } from 'react-hook-form';
+/** Internal props used by NumberFieldBase — the headless presentational layer. */
+export interface NumberFieldBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'style' | 'value' | 'type'> {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    error?: {
+        message?: string;
+    };
+    style?: Record<string, string>;
+    width?: 'small' | 'medium' | 'large' | 'full';
+    regex?: RegExp;
+    showErrorText?: boolean;
+    hasPadding?: boolean;
+    format?: (value: string) => string;
+    startAdornment?: JSX.Element;
+    helperText?: string;
+    className?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    /** @default 1 */
+    step?: number;
+    /** @default 'standard' */
+    display?: 'standard' | 'spinner';
+}
+export interface NumberFieldStyleProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'style' | 'onChange' | 'value' | 'type'> {
+    name: string;
+    label: string;
+    control?: Control<TFieldValues>;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    width?: 'small' | 'medium' | 'large' | 'full';
+    regex?: RegExp;
+    showErrorText?: boolean;
+    hasPadding?: boolean;
+    format?: (value: string) => string;
+    startAdornment?: JSX.Element;
+    helperText?: string;
+    className?: string;
+    theme?: EVENTS;
+    variant?: string;
+    min?: number;
+    max?: number;
+    /** @default 1 */
+    step?: number;
+    /** @default 'standard' */
+    display?: 'standard' | 'spinner';
+}
+export interface NumberFieldProps<TFieldValues extends FieldValues = FieldValues> extends NumberFieldStyleProps<TFieldValues> {
+    style: Record<string, string>;
+}

package/dist/components/atoms/NumberField/index.d.ts

@@ -0,0 +1,4 @@
+import type { NumberFieldStyleProps } from './NumberField.interface';
+import type { FieldValues } from 'react-hook-form';
+declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({ theme, variant, ...rest }: NumberFieldStyleProps<TFieldValues>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NumberField;

package/dist/components/atoms/TextField/TextField.d.ts

@@ -0,0 +1,5 @@
+import type { TextFieldBaseProps, TextFieldProps } from './TextField.interface';
+import { type FieldValues } from 'react-hook-form';
+export declare const TextFieldBase: ({ label, value, onChange, error, style, width, disabled, type, regex, hasPadding, format, startAdornment, endAdornment, helperText, showErrorText, className, onBlur, ...rest }: TextFieldBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const TextField: <TFieldValues extends FieldValues = FieldValues>(props: TextFieldProps<TFieldValues>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TextField;

package/dist/components/atoms/TextField/TextField.emotion.d.ts

@@ -0,0 +1,2 @@
+declare const Style: (theme: Record<string, string>) => import("@emotion/utils").SerializedStyles;
+export default Style;

package/dist/components/atoms/TextField/TextField.interface.d.ts

@@ -0,0 +1,51 @@
+import React, { type JSX } from 'react';
+import type { EVENTS } from '@hocs/ThemeProvider/components/TextField';
+import type { Control, FieldValues } from 'react-hook-form';
+/** Internal props used by TextFieldBase — the headless presentational layer. */
+export interface TextFieldBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'style' | 'value'> {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    error?: {
+        message?: string;
+    };
+    style?: Record<string, string>;
+    width?: 'small' | 'medium' | 'large' | 'full';
+    /** HTML input type. @default 'text' */
+    type?: 'text' | 'password' | 'email';
+    regex?: RegExp;
+    showErrorText?: boolean;
+    hasPadding?: boolean;
+    format?: (value: string) => string;
+    startAdornment?: JSX.Element;
+    endAdornment?: JSX.Element;
+    helperText?: string;
+    className?: string;
+    disabled?: boolean;
+    placeholder?: string;
+}
+export interface TextFieldStyleProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'style' | 'onChange' | 'value'> {
+    name: string;
+    label: string;
+    control?: Control<TFieldValues>;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    width?: 'small' | 'medium' | 'large' | 'full';
+    /** HTML input type. @default 'text' */
+    type?: 'text' | 'password' | 'email';
+    regex?: RegExp;
+    showErrorText?: boolean;
+    hasPadding?: boolean;
+    format?: (value: string) => string;
+    startAdornment?: JSX.Element;
+    endAdornment?: JSX.Element;
+    helperText?: string;
+    className?: string;
+    theme?: EVENTS;
+    variant?: string;
+}
+export interface TextFieldProps<TFieldValues extends FieldValues = FieldValues> extends TextFieldStyleProps<TFieldValues> {
+    style: Record<string, string>;
+}

package/dist/components/atoms/TextField/index.d.ts

@@ -0,0 +1,4 @@
+import type { TextFieldStyleProps } from './TextField.interface';
+import type { FieldValues } from 'react-hook-form';
+declare const TextField: <TFieldValues extends FieldValues = FieldValues>({ theme, variant, ...rest }: TextFieldStyleProps<TFieldValues>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TextField;

package/dist/{emotion-react-jsx-runtime.browser.esm-C4rLUMui.js → emotion-react-jsx-runtime.browser.esm-Ch-DwUYg.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./theme-Cxg9jdmX.js";
+import { n as e } from "./theme-D01EcUA9.js";
 import * as t from "react";
 import n, { forwardRef as r, useContext as i, useLayoutEffect as a, useMemo as o } from "react";
 import * as s from "react/jsx-runtime";
@@ -992,4 +992,4 @@ var gt = s.Fragment, _t = function(e, t, n) {
 //#endregion
 export { b as a, y as i, _t as n, vt as r, gt as t };
 
-//# sourceMappingURL=emotion-react-jsx-runtime.browser.esm-C4rLUMui.js.map
+//# sourceMappingURL=emotion-react-jsx-runtime.browser.esm-Ch-DwUYg.js.map