@sakura-ui/sakura-ui 0.1.10 → 0.1.12

package/packages/core/src/components/Table.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { cx } from '../utils/class'
 
-export interface TableProps extends React.ComponentProps<'table'> {}
+export interface TableProps extends React.ComponentPropsWithoutRef<'table'> {}
 
 const styleBorder = `
   border
@@ -9,7 +9,7 @@ const styleBorder = `
   border-sumi-900
 `
 
-export const Table = (props: TableProps) => {
+export const Table: React.ElementType<TableProps> = (props: TableProps) => {
   const { className, children, ...restProps } = props
 
   // If there is no break-all setting, the table will protrude when using a smartphone
@@ -26,9 +26,12 @@ export const Table = (props: TableProps) => {
   )
 }
 
-export interface CaptionProps extends React.ComponentProps<'caption'> {}
+export interface CaptionProps
+  extends React.ComponentPropsWithoutRef<'caption'> {}
 
-export const Caption = (props: CaptionProps) => {
+export const Caption: React.ElementType<CaptionProps> = (
+  props: CaptionProps
+) => {
   const { className, children, ...restProps } = props
 
   const style = `text-left`
@@ -39,9 +42,9 @@ export const Caption = (props: CaptionProps) => {
   )
 }
 
-export interface TheadProps extends React.ComponentProps<'thead'> {}
+export interface TheadProps extends React.ComponentPropsWithoutRef<'thead'> {}
 
-export const Thead = (props: TheadProps) => {
+export const Thead: React.ElementType<TheadProps> = (props: TheadProps) => {
   const { className, children, ...restProps } = props
 
   return (
@@ -51,9 +54,9 @@ export const Thead = (props: TheadProps) => {
   )
 }
 
-export interface TbodyProps extends React.ComponentProps<'tbody'> {}
+export interface TbodyProps extends React.ComponentPropsWithoutRef<'tbody'> {}
 
-export const Tbody = (props: TbodyProps) => {
+export const Tbody: React.ElementType<TbodyProps> = (props: TbodyProps) => {
   const { className, children, ...restProps } = props
 
   return (
@@ -63,9 +66,9 @@ export const Tbody = (props: TbodyProps) => {
   )
 }
 
-export interface ThProps extends React.ComponentProps<'th'> {}
+export interface ThProps extends React.ComponentPropsWithoutRef<'th'> {}
 
-export const Th = (props: ThProps) => {
+export const Th: React.ElementType<ThProps> = (props: ThProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
@@ -80,9 +83,9 @@ export const Th = (props: ThProps) => {
   )
 }
 
-export interface TrProps extends React.ComponentProps<'tr'> {}
+export interface TrProps extends React.ComponentPropsWithoutRef<'tr'> {}
 
-export const Tr = (props: TrProps) => {
+export const Tr: React.ElementType<TrProps> = (props: TrProps) => {
   const { className, children, ...restProps } = props
 
   const style = ``
@@ -94,9 +97,9 @@ export const Tr = (props: TrProps) => {
   )
 }
 
-export interface TdProps extends React.ComponentProps<'td'> {}
+export interface TdProps extends React.ComponentPropsWithoutRef<'td'> {}
 
-export const Td = (props: TdProps) => {
+export const Td: React.ElementType<TdProps> = (props: TdProps) => {
   const { className, children, ...restProps } = props
 
   const style = `

package/packages/core/tsconfig.node.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "node",
     "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]

package/packages/core/vite.config.ts

@@ -15,7 +15,7 @@ export default defineConfig({
     lib: {
       entry: resolve(__dirname, 'src', 'index.ts'),
       formats: ['es', 'cjs'],
-      fileName: (ext) => `index.${ext}.js`
+      fileName: (ext: string) => `index.${ext}.js`
     },
     rollupOptions: {
       external: [...Object.keys(peerDependencies)]

package/packages/forms/dist/components/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface CheckboxProps extends React.ComponentProps<'input'> {
+export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
 }
-export declare const Checkbox: React.ElementType<any>;
+export declare const Checkbox: React.ElementType<CheckboxProps>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/packages/forms/dist/components/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAEvE,eAAO,MAAM,QAAQ,wBA8DC,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;CAAG;AAE9E,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,aAAa,CA+DpD,CAAA"}

package/packages/forms/dist/components/Checkbox.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const Checkbox = React.forwardRef((props, ref) => {
+    const { className, children, ...restProps } = props;
+    const ctx = React.useContext(ControllerContext);
+    if (ctx.isRequired) {
+        restProps.required = true;
+    }
+    if (ctx.groupName) {
+        restProps.name = ctx.groupName;
+    }
+    const style = `
+    inline-block
+    text-base
+    cursor-pointer
+    py-2
+    mr-4
+  `;
+    const styleInput = `
+    peer
+    hidden
+  `;
+    const styleCheck = `
+    bg-clip-content
+    w-6 h-6
+    ml-1
+    mr-2
+    rounded
+    border
+    border-solid
+    border-sumi-900
+    fill-transparent
+    peer-checked:fill-white-1000
+    peer-checked:bg-sea-600
+    peer-checked:border-none
+    peer-disabled:border-sumi-500
+  `;
+    return (_jsx("label", { htmlFor: restProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "checkbox", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ...restProps, ref: ref }), _jsx("span", { className: styleCheck, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", children: _jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) }) }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
+});
+Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=Checkbox.js.map

package/packages/forms/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,QAAQ,GAAqC,KAAK,CAAC,UAAU,CAGxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,SAAS,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC/B;IAED,MAAM,KAAK,GAAG;;;;;;GAMb,CAAA;IAED,MAAM,UAAU,GAAG;;;GAGlB,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;;;;;;;;;GAclB,CAAA;IAED,OAAO,CACL,gBAAO,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC3D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,UAAU,sBACG,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,KAChC,SAAS,EACb,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wEAAwE,GAAG,GAC/E,GACD,EACP,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/packages/forms/dist/components/FieldsetControl.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface FieldsetControlProps extends React.ComponentProps<'fieldset'> {
+export interface FieldsetControlProps extends React.ComponentPropsWithRef<'fieldset'> {
     labelText: string;
     helperText?: string;
     errorMessage?: string;
@@ -7,5 +7,5 @@ export interface FieldsetControlProps extends React.ComponentProps<'fieldset'> {
     isRequired?: boolean;
     direction?: 'flex-col' | 'flex-row';
 }
-export declare const FieldsetControl: React.ElementType<any>;
+export declare const FieldsetControl: React.ElementType<FieldsetControlProps>;
 //# sourceMappingURL=FieldsetControl.d.ts.map

package/packages/forms/dist/components/FieldsetControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldsetControl.d.ts","sourceRoot":"","sources":["../../src/components/FieldsetControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CACpC;AAED,eAAO,MAAM,eAAe,wBAyDL,CAAA"}
+{"version":3,"file":"FieldsetControl.d.ts","sourceRoot":"","sources":["../../src/components/FieldsetControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CACpC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,oBAAoB,CA6DhE,CAAA"}

package/packages/forms/dist/components/FieldsetControl.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const FieldsetControl = React.forwardRef((props, ref) => {
+    const id = React.useId();
+    const { labelText, className, helperText, errorMessage, isInvalid, isRequired, direction, children, ...restProps } = props;
+    const groupName = restProps.name ?? `group-${id}`;
+    const context = {
+        groupName: groupName,
+        helperTextId: `helper-text-${id}`,
+        errorMessageId: `error-message-${id}`,
+        isInvalid: isInvalid ?? false,
+        isRequired: isRequired ?? false
+    };
+    const styleDirection = direction ?? 'flex-col';
+    return (_jsx(ControllerContext.Provider, { value: context, children: _jsxs("fieldset", { className: cx('mb-4', className), ref: ref, ...restProps, children: [_jsx("legend", { children: _jsxs("p", { className: cx('block mb-2 text-label', isInvalid && 'text-sun-800'), children: [labelText, isRequired && _jsx("span", { className: "text-sun-800", children: "\u00A0*" })] }) }), _jsx("div", { className: cx('inline-flex', styleDirection), children: children }), helperText && (_jsx("p", { id: context.helperTextId, className: "text-xs text-sumi-700 mt-2", children: helperText })), isInvalid && (_jsx("p", { id: context.errorMessageId, className: cx('text-xs text-sun-800', helperText ? 'mt-1' : 'mt-2'), children: errorMessage }))] }) }));
+});
+FieldsetControl.displayName = 'FieldsetControl';
+//# sourceMappingURL=FieldsetControl.js.map

package/packages/forms/dist/components/FieldsetControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetControl.js","sourceRoot":"","sources":["../../src/components/FieldsetControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAY7C,MAAM,CAAC,MAAM,eAAe,GAC1B,KAAK,CAAC,UAAU,CAA4C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,EAAE,EAAE,CAAA;IAEjD,MAAM,OAAO,GAAG;QACd,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,eAAe,EAAE,EAAE;QACjC,cAAc,EAAE,iBAAiB,EAAE,EAAE;QACrC,SAAS,EAAE,SAAS,IAAI,KAAK;QAC7B,UAAU,EAAE,UAAU,IAAI,KAAK;KAChC,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,IAAI,UAAU,CAAA;IAE9C,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,oBAAU,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,SAAS,aACjE,2BACE,aACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,SAAS,IAAI,cAAc,CAC5B,aAEA,SAAS,EACT,UAAU,IAAI,eAAM,SAAS,EAAC,cAAc,wBAAe,IAC1D,GACG,EACT,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,YAAG,QAAQ,GAAO,EAClE,UAAU,IAAI,CACb,YAAG,EAAE,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,EAAC,4BAA4B,YAChE,UAAU,GACT,CACL,EACA,SAAS,IAAI,CACZ,YACE,EAAE,EAAE,OAAO,CAAC,cAAc,EAC1B,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC7B,YAEA,YAAY,GACX,CACL,IACQ,GACgB,CAC9B,CAAA;AACH,CAAC,CAAC,CAAA;AAEJ,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}

package/packages/forms/dist/components/Input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface InputProps extends React.ComponentProps<'input'> {
+export interface InputProps extends React.ComponentPropsWithRef<'input'> {
 }
-export declare const Input: React.ElementType<any>;
+export declare const Input: React.ElementType<InputProps>;
 //# sourceMappingURL=Input.d.ts.map

package/packages/forms/dist/components/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAEpE,eAAO,MAAM,KAAK,wBAoCI,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;CAAG;AAE3E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAqC9C,CAAA"}

package/packages/forms/dist/components/Input.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const Input = React.forwardRef((props, ref) => {
+    const { className, ...restProps } = props;
+    const ctx = React.useContext(ControllerContext);
+    if (ctx.isRequired) {
+        restProps.required = true;
+    }
+    const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900';
+    const style = `
+    p-4
+    rounded-lg
+    border
+    border-solid
+    focus:outline
+    focus:outline-2
+    focus:outline-wood-500
+    disabled:bg-transparent
+    disabled:text-sumi-500
+    disabled:border-sumi-500
+  `;
+    return (_jsx("input", { type: "text", id: restProps.id ?? ctx.id, className: cx(style, invalidStyle, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ref: ref, ...restProps }));
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

package/packages/forms/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAkC,KAAK,CAAC,UAAU,CAGlE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAEzE,MAAM,KAAK,GAAG;;;;;;;;;;;GAWb,CAAA;IAED,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,sBAC3B,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,EACpC,GAAG,EAAE,GAAG,KACJ,SAAS,GACb,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/packages/forms/dist/components/LabelControl.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export interface LabelControlProps extends React.ComponentProps<'label'> {
+export interface LabelControlProps extends React.ComponentPropsWithRef<'label'> {
     labelText: string;
     helperText?: string;
     errorMessage?: string;
     isInvalid?: boolean;
     isRequired?: boolean;
 }
-export declare const LabelControl: React.ElementType<any>;
+export declare const LabelControl: React.ElementType<LabelControlProps>;
 //# sourceMappingURL=LabelControl.d.ts.map

package/packages/forms/dist/components/LabelControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelControl.d.ts","sourceRoot":"","sources":["../../src/components/LabelControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IACtE,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,wBAqDF,CAAA"}
+{"version":3,"file":"LabelControl.d.ts","sourceRoot":"","sources":["../../src/components/LabelControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;IAC5C,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAsD1D,CAAA"}

package/packages/forms/dist/components/LabelControl.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const LabelControl = React.forwardRef((props, ref) => {
+    const id = React.useId();
+    const { labelText, className, helperText, errorMessage, isInvalid, isRequired, children, ...restProps } = props;
+    const context = {
+        id: props.htmlFor ?? `input-${id}`,
+        helperTextId: `helper-text-${id}`,
+        errorMessageId: `error-message-${id}`,
+        isInvalid: isInvalid ?? false,
+        isRequired: isRequired ?? false
+    };
+    return (_jsx(ControllerContext.Provider, { value: context, children: _jsxs("div", { className: cx('mb-4', className), children: [_jsxs("label", { className: cx('block mb-2 text-label', isInvalid && 'text-sun-800'), htmlFor: context.id, ref: ref, ...restProps, children: [labelText, isRequired && _jsx("span", { className: "text-sun-800", children: "\u00A0*" })] }), helperText && (_jsx("p", { id: context.helperTextId, className: "text-xs text-sumi-700 mb-2", children: helperText })), children, isInvalid && (_jsx("p", { id: context.errorMessageId, className: cx('text-xs text-sun-800', helperText ? 'mt-1' : 'mt-2'), children: errorMessage }))] }) }));
+});
+LabelControl.displayName = 'LabelControl';
+//# sourceMappingURL=LabelControl.js.map

package/packages/forms/dist/components/LabelControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../src/components/LabelControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAW7C,MAAM,CAAC,MAAM,YAAY,GACvB,KAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG;QACd,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,EAAE;QAClC,YAAY,EAAE,eAAe,EAAE,EAAE;QACjC,cAAc,EAAE,iBAAiB,EAAE,EAAE;QACrC,SAAS,EAAE,SAAS,IAAI,KAAK;QAC7B,UAAU,EAAE,UAAU,IAAI,KAAK;KAChC,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,iBACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,IAAI,cAAc,CAAC,EACnE,OAAO,EAAE,OAAO,CAAC,EAAE,EACnB,GAAG,EAAE,GAAG,KACJ,SAAS,aAEZ,SAAS,EACT,UAAU,IAAI,eAAM,SAAS,EAAC,cAAc,wBAAe,IACtD,EACP,UAAU,IAAI,CACb,YAAG,EAAE,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,EAAC,4BAA4B,YAChE,UAAU,GACT,CACL,EACA,QAAQ,EACR,SAAS,IAAI,CACZ,YACE,EAAE,EAAE,OAAO,CAAC,cAAc,EAC1B,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC7B,YAEA,YAAY,GACX,CACL,IACG,GACqB,CAC9B,CAAA;AACH,CAAC,CAAC,CAAA;AAEJ,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/packages/forms/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface Props extends React.ComponentProps<'input'> {
+export interface RadioProps extends React.ComponentPropsWithRef<'input'> {
 }
-export declare const Radio: React.ElementType<any>;
+export declare const Radio: React.ElementType<RadioProps>;
 //# sourceMappingURL=Radio.d.ts.map

package/packages/forms/dist/components/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAE/D,eAAO,MAAM,KAAK,wBAsDK,CAAA"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;CAAG;AAE3E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAyD9C,CAAA"}

package/packages/forms/dist/components/Radio.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const Radio = React.forwardRef((props, ref) => {
+    const { className, children, ...newProps } = props;
+    const ctx = React.useContext(ControllerContext);
+    if (ctx.isRequired) {
+        newProps.required = true;
+    }
+    if (ctx.groupName) {
+        newProps.name = ctx.groupName;
+    }
+    const style = `
+    inline-block
+    text-base
+    cursor-pointer
+    py-2
+    mr-4
+    
+  `;
+    const styleInput = `
+    peer
+    hidden
+  `;
+    const styleRadio = `
+    bg-clip-content
+    w-6 h-6
+    ml-1
+    mr-2
+    p-1
+    rounded-full
+    border
+    border-solid
+    border-sumi-900
+    peer-checked:bg-sea-600
+    peer-checked:border-sea-600
+    peer-disabled:border-sumi-500
+  `;
+    return (_jsx("label", { htmlFor: newProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "radio", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ...newProps, ref: ref }), _jsx("span", { className: styleRadio }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
+});
+Radio.displayName = 'Radio';
+//# sourceMappingURL=Radio.js.map

package/packages/forms/dist/components/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAkC,KAAK,CAAC,UAAU,CAGlE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAA;KACzB;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC9B;IAED,MAAM,KAAK,GAAG;;;;;;;GAOb,CAAA;IACD,MAAM,UAAU,GAAG;;;GAGlB,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;;;;;;;;GAalB,CAAA;IACD,OAAO,CACL,gBAAO,OAAO,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC1D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,OAAO,sBACM,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,KAChC,QAAQ,EACZ,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,GAAS,EACpC,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/packages/forms/dist/components/Select.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface SelectProps extends React.ComponentProps<'select'> {
+export interface SelectProps extends React.ComponentPropsWithRef<'select'> {
 }
-export declare const Select: React.ElementType<any>;
+export declare const Select: React.ElementType<SelectProps>;
 //# sourceMappingURL=Select.d.ts.map

package/packages/forms/dist/components/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;CAAG;AAEtE,eAAO,MAAM,MAAM,wBA0DG,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;CAAG;AAE7E,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CA2DhD,CAAA"}

package/packages/forms/dist/components/Select.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const Select = React.forwardRef((props, ref) => {
+    const { className, children, ...restProps } = props;
+    const ctx = React.useContext(ControllerContext);
+    if (ctx.isRequired) {
+        restProps.required = true;
+    }
+    const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900';
+    const style = `
+    peer
+    cursor-pointer
+    appearance-none
+    text-base
+    w-full
+    bg-white-100
+    border
+    border-solid
+    py-4 px-4 pr-8
+    rounded-[8px]
+    focus:outline
+    focus:outline-2
+    focus:outline-wood-500
+    disabled:bg-transparent
+    disabled:text-sumi-500
+    disabled:border-sumi-500
+  `;
+    const styleArrow = `
+    flex items-center
+    absolute inset-y-0 right-0
+    px-2
+    pointer-events-none
+    peer-disabled:fill-sumi-500
+  `;
+    return (_jsxs("label", { className: "inline-block relative", children: [_jsx("select", { id: restProps.id ?? ctx.id, className: cx(style, invalidStyle, props.className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ...restProps, ref: ref, children: children }), _jsx("span", { className: styleArrow, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: _jsx("path", { d: "M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z" }) }) })] }));
+});
+//# sourceMappingURL=Select.js.map

package/packages/forms/dist/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,MAAM,GAAmC,KAAK,CAAC,UAAU,CAGpE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAEzE,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;GAiBb,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;GAMlB,CAAA;IAED,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,iBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,sBACjC,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,KAChC,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACF,EACT,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wDAAwD,GAAG,GAC/D,GACD,IACD,CACT,CAAA;AACH,CAAC,CAAC,CAAA"}

package/packages/forms/dist/components/Textarea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface TextareaProps extends React.ComponentProps<'textarea'> {
+export interface TextareaProps extends React.ComponentPropsWithRef<'textarea'> {
 }
-export declare const Textarea: React.ElementType<any>;
+export declare const Textarea: React.ElementType<TextareaProps>;
 //# sourceMappingURL=Textarea.d.ts.map

package/packages/forms/dist/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;CAAG;AAE1E,eAAO,MAAM,QAAQ,wBAsCC,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC;CAAG;AAEpD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,aAAa,CA4DpD,CAAA"}

package/packages/forms/dist/components/Textarea.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { cx } from '../utils/class';
+import { ControllerContext } from './context';
+export const Textarea = React.forwardRef((props, ref) => {
+    const { className, children, onChange, maxLength, ...restProps } = props;
+    const [count, setCount] = React.useState(0);
+    const onChangeHandler = (e) => {
+        if (onChange)
+            onChange(e);
+        setCount(e.target.value.length);
+    };
+    const ctx = React.useContext(ControllerContext);
+    if (ctx.isRequired) {
+        restProps.required = true;
+    }
+    const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900';
+    const overtextStyle = count > (maxLength || 0) ? 'text-sun-800' : 'text-sumi-700';
+    const style = `
+    p-4
+    rounded-lg
+    border
+    border-solid
+    focus:outline
+    focus:outline-2
+    focus:outline-wood-500
+    disabled:bg-transparent
+    disabled:text-sumi-500
+    disabled:border-sumi-500
+  `;
+    return (_jsxs(_Fragment, { children: [_jsx("textarea", { id: restProps.id ?? ctx.id, className: cx(style, invalidStyle, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, onChange: onChangeHandler, ...restProps, ref: ref, children: children }), maxLength ? (_jsxs("p", { className: "text-xs text-sumi-700", children: [_jsx("span", { className: overtextStyle, children: count }), "/", _jsx("span", { children: maxLength })] })) : ('')] }));
+});
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=Textarea.js.map

package/packages/forms/dist/components/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C,MAAM,CAAC,MAAM,QAAQ,GAAqC,KAAK,CAAC,UAAU,CAGxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,MAAM,eAAe,GAAG,CAAC,CAAyC,EAAE,EAAE;QACpE,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IACzE,MAAM,aAAa,GACjB,KAAK,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7D,MAAM,KAAK,GAAG;;;;;;;;;;;GAWb,CAAA;IAED,OAAO,CACL,8BACE,mBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,sBAC3B,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,EACpC,QAAQ,EAAE,eAAe,KACrB,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACA,EACV,SAAS,CAAC,CAAC,CAAC,CACX,aAAG,SAAS,EAAC,uBAAuB,aAClC,eAAM,SAAS,EAAE,aAAa,YAAG,KAAK,GAAQ,OAC9C,yBAAO,SAAS,GAAQ,IACtB,CACL,CAAC,CAAC,CAAC,CACF,EAAE,CACH,IACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/packages/forms/dist/components/context.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const ControllerContext = React.createContext({
+    helperTextId: '',
+    errorMessageId: '',
+    isInvalid: false,
+    isRequired: false
+});
+//# sourceMappingURL=context.js.map

package/packages/forms/dist/components/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/components/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAwB;IAC1E,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAA"}

package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputItem } from './InputItem';
-export interface CheckboxGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'onChange'> {
+export interface CheckboxGroupProps extends Omit<React.ComponentPropsWithRef<'fieldset'>, 'onChange'> {
     items: InputItem[];
     onChange: React.ChangeEventHandler<HTMLInputElement>;
     labelText: string;
@@ -9,5 +9,5 @@ export interface CheckboxGroupProps extends Omit<React.ComponentProps<'fieldset'
     isInvalid?: boolean;
     isRequired?: boolean;
 }
-export declare const CheckboxGroup: React.ElementType<any>;
+export declare const CheckboxGroup: React.ElementType<CheckboxGroupProps>;
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAC1D,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,aAAa,wBAoCH,CAAA"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,WAAW,CAAC,kBAAkB,CAkC5D,CAAA"}

package/packages/forms/dist/components/controlled/CheckboxGroup.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Checkbox } from '../Checkbox';
+import { FieldsetControl } from '../FieldsetControl';
+export const CheckboxGroup = React.forwardRef((props, ref) => {
+    const { items, onChange, className, labelText, helperText, errorMessage, isInvalid, isRequired, ...restProps } = props;
+    return (_jsx(FieldsetControl, { className: className, labelText: labelText, helperText: helperText, errorMessage: errorMessage, isInvalid: isInvalid, isRequired: isRequired, ref: ref, ...restProps, children: items.map(({ label, value }, index) => {
+            return (_jsx(Checkbox, { value: value, onChange: onChange, children: label }, index));
+        }) }));
+});
+CheckboxGroup.displayName = 'CheckboxGroup';
+//# sourceMappingURL=CheckboxGroup.js.map

package/packages/forms/dist/components/controlled/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/controlled/CheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,CAAC,MAAM,aAAa,GACxB,KAAK,CAAC,UAAU,CAA0C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACL,KAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACnD,KAAK,IADO,KAAK,CAET,CACZ,CAAA;QACH,CAAC,CAAC,GACc,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEJ,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/packages/forms/dist/components/controlled/InputItem.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InputItem.js.map

package/packages/forms/dist/components/controlled/InputItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputItem.js","sourceRoot":"","sources":["../../../src/components/controlled/InputItem.ts"],"names":[],"mappings":""}

package/packages/forms/dist/components/controlled/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputItem } from './InputItem';
-export interface RadioGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'onChange'> {
+export interface RadioGroupProps extends Omit<React.ComponentPropsWithRef<'fieldset'>, 'onChange'> {
     items: InputItem[];
     onChange: React.ChangeEventHandler<HTMLInputElement>;
     labelText: string;
@@ -10,5 +10,5 @@ export interface RadioGroupProps extends Omit<React.ComponentProps<'fieldset'>,
     isRequired?: boolean;
     defaultValue?: string;
 }
-export declare const RadioGroup: React.ElementType<any>;
+export declare const RadioGroup: React.ElementType<RadioGroupProps>;
 //# sourceMappingURL=RadioGroup.d.ts.map

package/packages/forms/dist/components/controlled/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAC1D,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,wBA0CA,CAAA"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe,CA0CxD,CAAA"}

package/packages/forms/dist/components/controlled/RadioGroup.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Radio } from '../Radio';
+import { FieldsetControl } from '../FieldsetControl';
+export const RadioGroup = React.forwardRef((props, ref) => {
+    const { items, onChange, className, labelText, helperText, errorMessage, isInvalid, isRequired, defaultValue, ...restProps } = props;
+    return (_jsx(FieldsetControl, { className: className, labelText: labelText, helperText: helperText, errorMessage: errorMessage, isInvalid: isInvalid, isRequired: isRequired, ref: ref, ...restProps, children: items.map(({ label, value }, index) => {
+            return (_jsx(Radio, { value: value, onChange: onChange, defaultChecked: defaultValue === value, children: label }, index));
+        }) }));
+});
+RadioGroup.displayName = 'RadioGroup';
+//# sourceMappingURL=RadioGroup.js.map

package/packages/forms/dist/components/controlled/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/controlled/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAepD,MAAM,CAAC,MAAM,UAAU,GAAuC,KAAK,CAAC,UAAU,CAG5E,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,YAAY,EACZ,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACL,KAAC,KAAK,IAEJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,YAAY,KAAK,KAAK,YAErC,KAAK,IALD,KAAK,CAMJ,CACT,CAAA;QACH,CAAC,CAAC,GACc,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/packages/forms/dist/components/controlled/SelectControl.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export interface SelectControlProps extends React.ComponentProps<'select'> {
+export interface SelectControlProps extends React.ComponentPropsWithRef<'select'> {
     labelText: string;
     helperText?: string;
     errorMessage?: string;
     isInvalid?: boolean;
     isRequired?: boolean;
 }
-export declare const SelectControl: React.ElementType<any>;
+export declare const SelectControl: React.ElementType<SelectControlProps>;
 //# sourceMappingURL=SelectControl.d.ts.map