@sakura-ui/sakura-ui 0.1.6 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/sakura-ui",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "keywords": [],
   "author": "glassonion1",
   "homepage": "https://github.com/glassonion1/sakura-ui",
@@ -13,9 +13,9 @@
     "packages"
   ],
   "dependencies": {
-    "@sakura-ui/config": "0.0.12",
-    "@sakura-ui/core": "0.0.5",
-    "@sakura-ui/forms": "0.0.7"
+    "@sakura-ui/config": "0.1.1",
+    "@sakura-ui/forms": "0.1.0",
+    "@sakura-ui/core": "0.1.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/packages/config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/config",
-  "version": "0.0.12",
+  "version": "0.1.1",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
   "exports": {

package/packages/config/src/index.ts

@@ -14,16 +14,171 @@ const sakuraPlugin = plugin(
     theme: {
       extend: {
         fontSize: {
-          h1: ['42px', '42px'],
-          h2: ['32px', '32px'],
-          h3: ['26px', '26px'],
-          h4: ['22px', '22px'],
-          h5: ['20px', '20px'],
-          h6: ['18px', '18px'],
-          base: ['16px', '28px'],
-          code: ['16px', '24px'],
-          sm: ['14px', '24px'],
-          xs: ['12px', '20px']
+          '6xl': [
+            '57px',
+            {
+              lineHeight: '1.4',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          '5xl': [
+            '45px',
+            {
+              lineHeight: '1.4',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          // h1
+          '4xl': [
+            '36px',
+            {
+              lineHeight: '1.4',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          '4xlm': [
+            '32px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          // h2
+          '3xl': [
+            '32px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          '3xlm': [
+            '28px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          // h3
+          '2xl': [
+            '28px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          '2xlm': [
+            '24px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          // h4
+          xl: [
+            '24px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          xlm: [
+            '20px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          // h5 h6
+          lg: [
+            '20px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          lgm: [
+            '16px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          base: [
+            '16px',
+            {
+              lineHeight: '1.7',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          small: [
+            '14px',
+            {
+              lineHeight: '1.7',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          label: [
+            '14px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          labelSmall: [
+            '12px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '500'
+            }
+          ],
+          xs: [
+            '12px',
+            {
+              lineHeight: '1.7',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          xxs: [
+            '10px',
+            {
+              lineHeight: '1.7',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ],
+          button: [
+            '16px',
+            {
+              lineHeight: '1.5',
+              letterSpacing: '0.04em',
+              fontWeight: '700'
+            }
+          ],
+          code: [
+            '16px',
+            {
+              lineHeight: '1.7',
+              letterSpacing: '0.04em',
+              fontWeight: '400'
+            }
+          ]
         },
         colors: {
           white: {

package/packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",

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

@@ -16,10 +16,9 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     const style = `
       inline-block
       p-4
-      text-base
-      font-bold
-      rounded-lg
+      text-button
       text-${align}
+      rounded-lg
       cursor-pointer
       whitespace-nowrap
       border

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

@@ -3,21 +3,18 @@ import { cx } from '../utils/class'
 
 export interface HeadingProps extends React.ComponentProps<'h1'> {}
 
-const common = `
-    font-bold
-`
-
 export const H1 = (props: HeadingProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
-    text-h1
+    text-4xlm
+    sm:text-4xl
     mt-16
     mb-6
   `
 
   return (
-    <h1 className={cx(common, style, className)} {...restProps}>
+    <h1 className={cx(style, className)} {...restProps}>
       {children}
     </h1>
   )
@@ -28,13 +25,14 @@ export const H2 = (props: HeadingProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
-    text-h2
+    text-3xlm
+    sm:text-3xl
     mt-16
     mb-6
   `
 
   return (
-    <h2 className={cx(common, style, className)} {...restProps}>
+    <h2 className={cx(style, className)} {...restProps}>
       {children}
     </h2>
   )
@@ -45,13 +43,14 @@ export const H3 = (props: HeadingProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
-    text-h3
+    text-2xlm
+    sm:text-2xl
     mt-10
     mb-6
   `
 
   return (
-    <h3 className={cx(common, style, className)} {...restProps}>
+    <h3 className={cx(style, className)} {...restProps}>
       {children}
     </h3>
   )
@@ -62,13 +61,14 @@ export const H4 = (props: HeadingProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
-    text-h4
+    text-xlm
+    sm:text-xl
     mt-10
     mb-4
   `
 
   return (
-    <h4 className={cx(common, style, className)} {...restProps}>
+    <h4 className={cx(style, className)} {...restProps}>
       {children}
     </h4>
   )
@@ -79,13 +79,14 @@ export const H5 = (props: HeadingProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
-    text-h5
+    text-lgm
+    sm:text-lg
     mt-10
     mb-4
   `
 
   return (
-    <h5 className={cx(common, style, className)} {...restProps}>
+    <h5 className={cx(style, className)} {...restProps}>
       {children}
     </h5>
   )
@@ -96,13 +97,14 @@ export const H6 = (props: HeadingProps) => {
   const { className, children, ...restProps } = props
 
   const style = `
-    text-h6
+    text-lgm
+    sm:text-lg
     mt-6
     mb-4
   `
 
   return (
-    <h6 className={cx(common, style, className)} {...restProps}>
+    <h6 className={cx(style, className)} {...restProps}>
       {children}
     </h6>
   )

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

@@ -19,10 +19,9 @@ export const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
     const style = `
       inline-block
       p-4
-      text-base
-      font-bold
-      rounded-lg
+      text-button
       text-${align}
+      rounded-lg
       cursor-pointer
       whitespace-nowrap
       border

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,oBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;IAClD,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,kGAuD1B,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,wBAAwB,CAAC,UAAU,CAAC;IAClD,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,kGAyD1B,CAAA"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface InputProps extends React.ComponentPropsWithoutRef<'input'> {
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +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,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAE9E,eAAO,MAAM,KAAK,qFAoCjB,CAAA"}

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,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,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;CACrB;AAED,eAAO,MAAM,YAAY,4FAsDvB,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,wBAAwB,CAAC,OAAO,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;CACrB;AAED,eAAO,MAAM,YAAY,4FAqDvB,CAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface InputControlProps extends React.ComponentPropsWithoutRef<'input'> {
+    labelText: string;
+    helperText?: string;
+    errorMessage?: string;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+}
+export declare const InputControl: React.ForwardRefExoticComponent<InputControlProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=InputControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputControl.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/InputControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,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;CACrB;AAED,eAAO,MAAM,YAAY,4FA0BvB,CAAA"}

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

@@ -1,6 +1,6 @@
 export { CheckboxGroup } from './CheckboxGroup';
 export { RadioGroup } from './RadioGroup';
 export { SelectControl } from './SelectControl';
-export { TextControl } from './TextControl';
+export { InputControl } from './InputControl';
 export { TextareaControl } from './TextareaControl';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

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

@@ -1,7 +1,7 @@
 export { Checkbox } from './Checkbox';
 export { Radio } from './Radio';
 export { Select } from './Select';
-export { Text } from './Text';
+export { Input } from './Input';
 export { Textarea } from './Textarea';
 export { LabelControl } from './LabelControl';
 export { FieldsetControl } from './FieldsetControl';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/packages/forms/dist/index.cjs.js

@@ -14,19 +14,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Se;function hr(){return Se||(Se=1,process.env.NODE_ENV!=="production"&&function(){var f=x,m=Symbol.for("react.element"),v=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),c=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),F=Symbol.iterator,De="@@iterator";function Me(e){if(e===null||typeof e!="object")return null;var r=F&&e[F]||e[De];return typeof r=="function"?r:null}var D=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Ae("error",e,t)}}function Ae(e,r,t){{var n=D.ReactDebugCurrentFrame,p=n.getStackAddendum();p!==""&&(r+="%s",t=t.concat([p]));var h=t.map(function(u){return String(u)});h.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,h)}}var $e=!1,qe=!1,We=!1,Ye=!1,Le=!1,ne;ne=Symbol.for("react.module.reference");function Ve(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===a||Le||e===s||e===j||e===g||Ye||e===w||$e||qe||We||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===R||e.$$typeof===b||e.$$typeof===c||e.$$typeof===o||e.$$typeof===ne||e.getModuleId!==void 0))}function Ue(e,r,t){var n=e.displayName;if(n)return n;var p=r.displayName||r.name||"";return p!==""?t+"("+p+")":t}function se(e){return e.displayName||"Context"}function I(e){if(e==null)return null;if(typeof e.tag=="number"&&T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case v:return"Portal";case a:return"Profiler";case s:return"StrictMode";case j:return"Suspense";case g:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case c:var r=e;return se(r)+".Consumer";case b:var t=e;return se(t._context)+".Provider";case o:return Ue(e,e.render,"ForwardRef");case R:var n=e.displayName||null;return n!==null?n:I(e.type)||"Memo";case C:{var p=e,h=p._payload,u=p._init;try{return I(u(h))}catch{return null}}}return null}var N=Object.assign,$=0,ie,oe,le,ue,ce,de,fe;function pe(){}pe.__reactDisabledLog=!0;function Be(){{if($===0){ie=console.log,oe=console.info,le=console.warn,ue=console.error,ce=console.group,de=console.groupCollapsed,fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$++}}function Ge(){{if($--,$===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:ie}),info:N({},e,{value:oe}),warn:N({},e,{value:le}),error:N({},e,{value:ue}),group:N({},e,{value:ce}),groupCollapsed:N({},e,{value:de}),groupEnd:N({},e,{value:fe})})}$<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var z=D.ReactCurrentDispatcher,K;function L(e,r,t){{if(K===void 0)try{throw Error()}catch(p){var n=p.stack.trim().match(/\n( *(at )?)/);K=n&&n[1]||""}return`
+ */var Ie;function hr(){return Ie||(Ie=1,process.env.NODE_ENV!=="production"&&function(){var f=x,m=Symbol.for("react.element"),v=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),c=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),F=Symbol.iterator,De="@@iterator";function Me(e){if(e===null||typeof e!="object")return null;var r=F&&e[F]||e[De];return typeof r=="function"?r:null}var D=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Ae("error",e,t)}}function Ae(e,r,t){{var n=D.ReactDebugCurrentFrame,p=n.getStackAddendum();p!==""&&(r+="%s",t=t.concat([p]));var h=t.map(function(u){return String(u)});h.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,h)}}var $e=!1,qe=!1,We=!1,Ye=!1,Le=!1,ne;ne=Symbol.for("react.module.reference");function Ve(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===a||Le||e===s||e===j||e===g||Ye||e===w||$e||qe||We||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===R||e.$$typeof===b||e.$$typeof===c||e.$$typeof===o||e.$$typeof===ne||e.getModuleId!==void 0))}function Ue(e,r,t){var n=e.displayName;if(n)return n;var p=r.displayName||r.name||"";return p!==""?t+"("+p+")":t}function se(e){return e.displayName||"Context"}function S(e){if(e==null)return null;if(typeof e.tag=="number"&&_("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case v:return"Portal";case a:return"Profiler";case s:return"StrictMode";case j:return"Suspense";case g:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case c:var r=e;return se(r)+".Consumer";case b:var t=e;return se(t._context)+".Provider";case o:return Ue(e,e.render,"ForwardRef");case R:var n=e.displayName||null;return n!==null?n:S(e.type)||"Memo";case C:{var p=e,h=p._payload,u=p._init;try{return S(u(h))}catch{return null}}}return null}var N=Object.assign,$=0,ie,oe,le,ue,ce,de,fe;function pe(){}pe.__reactDisabledLog=!0;function Be(){{if($===0){ie=console.log,oe=console.info,le=console.warn,ue=console.error,ce=console.group,de=console.groupCollapsed,fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$++}}function Ge(){{if($--,$===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:ie}),info:N({},e,{value:oe}),warn:N({},e,{value:le}),error:N({},e,{value:ue}),group:N({},e,{value:ce}),groupCollapsed:N({},e,{value:de}),groupEnd:N({},e,{value:fe})})}$<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var z=D.ReactCurrentDispatcher,K;function L(e,r,t){{if(K===void 0)try{throw Error()}catch(p){var n=p.stack.trim().match(/\n( *(at )?)/);K=n&&n[1]||""}return`
 `+K+e}}var H=!1,V;{var Je=typeof WeakMap=="function"?WeakMap:Map;V=new Je}function ve(e,r){if(!e||H)return"";{var t=V.get(e);if(t!==void 0)return t}var n;H=!0;var p=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var h;h=z.current,z.current=null,Be();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(O){n=O}Reflect.construct(e,[],u)}else{try{u.call()}catch(O){n=O}e.call(u.prototype)}}else{try{throw Error()}catch(O){n=O}e()}}catch(O){if(O&&n&&typeof O.stack=="string"){for(var l=O.stack.split(`
-`),_=n.stack.split(`
-`),y=l.length-1,E=_.length-1;y>=1&&E>=0&&l[y]!==_[E];)E--;for(;y>=1&&E>=0;y--,E--)if(l[y]!==_[E]){if(y!==1||E!==1)do if(y--,E--,E<0||l[y]!==_[E]){var P=`
-`+l[y].replace(" at new "," at ");return e.displayName&&P.includes("<anonymous>")&&(P=P.replace("<anonymous>",e.displayName)),typeof e=="function"&&V.set(e,P),P}while(y>=1&&E>=0);break}}}finally{H=!1,z.current=h,Ge(),Error.prepareStackTrace=p}var A=e?e.displayName||e.name:"",Ce=A?L(A):"";return typeof e=="function"&&V.set(e,Ce),Ce}function ze(e,r,t){return ve(e,!1)}function Ke(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,t){if(e==null)return"";if(typeof e=="function")return ve(e,Ke(e));if(typeof e=="string")return L(e);switch(e){case j:return L("Suspense");case g:return L("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case o:return ze(e.render);case R:return U(e.type,r,t);case C:{var n=e,p=n._payload,h=n._init;try{return U(h(p),r,t)}catch{}}}return""}var B=Object.prototype.hasOwnProperty,me={},be=D.ReactDebugCurrentFrame;function G(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);be.setExtraStackFrame(t)}else be.setExtraStackFrame(null)}function He(e,r,t,n,p){{var h=Function.call.bind(B);for(var u in e)if(h(e,u)){var l=void 0;try{if(typeof e[u]!="function"){var _=Error((n||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw _.name="Invariant Violation",_}l=e[u](r,u,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(y){l=y}l&&!(l instanceof Error)&&(G(p),T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,u,typeof l),G(null)),l instanceof Error&&!(l.message in me)&&(me[l.message]=!0,G(p),T("Failed %s type: %s",t,l.message),G(null))}}}var Xe=Array.isArray;function X(e){return Xe(e)}function Ze(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Qe(e){try{return he(e),!1}catch{return!0}}function he(e){return""+e}function xe(e){if(Qe(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ze(e)),he(e)}var q=D.ReactCurrentOwner,er={key:!0,ref:!0,__self:!0,__source:!0},ge,Re,Z;Z={};function rr(e){if(B.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function tr(e){if(B.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function ar(e,r){if(typeof e.ref=="string"&&q.current&&r&&q.current.stateNode!==r){var t=I(q.current.type);Z[t]||(T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',I(q.current.type),e.ref),Z[t]=!0)}}function nr(e,r){{var t=function(){ge||(ge=!0,T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function sr(e,r){{var t=function(){Re||(Re=!0,T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var ir=function(e,r,t,n,p,h,u){var l={$$typeof:m,type:e,key:r,ref:t,props:u,_owner:h};return l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(l,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(l,"_source",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l};function or(e,r,t,n,p){{var h,u={},l=null,_=null;t!==void 0&&(xe(t),l=""+t),tr(r)&&(xe(r.key),l=""+r.key),rr(r)&&(_=r.ref,ar(r,p));for(h in r)B.call(r,h)&&!er.hasOwnProperty(h)&&(u[h]=r[h]);if(e&&e.defaultProps){var y=e.defaultProps;for(h in y)u[h]===void 0&&(u[h]=y[h])}if(l||_){var E=typeof e=="function"?e.displayName||e.name||"Unknown":e;l&&nr(u,E),_&&sr(u,E)}return ir(e,l,_,p,n,q.current,u)}}var Q=D.ReactCurrentOwner,ye=D.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);ye.setExtraStackFrame(t)}else ye.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function Ee(){{if(Q.current){var e=I(Q.current.type);if(e)return`
+`),T=n.stack.split(`
+`),y=l.length-1,E=T.length-1;y>=1&&E>=0&&l[y]!==T[E];)E--;for(;y>=1&&E>=0;y--,E--)if(l[y]!==T[E]){if(y!==1||E!==1)do if(y--,E--,E<0||l[y]!==T[E]){var P=`
+`+l[y].replace(" at new "," at ");return e.displayName&&P.includes("<anonymous>")&&(P=P.replace("<anonymous>",e.displayName)),typeof e=="function"&&V.set(e,P),P}while(y>=1&&E>=0);break}}}finally{H=!1,z.current=h,Ge(),Error.prepareStackTrace=p}var A=e?e.displayName||e.name:"",Ce=A?L(A):"";return typeof e=="function"&&V.set(e,Ce),Ce}function ze(e,r,t){return ve(e,!1)}function Ke(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,t){if(e==null)return"";if(typeof e=="function")return ve(e,Ke(e));if(typeof e=="string")return L(e);switch(e){case j:return L("Suspense");case g:return L("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case o:return ze(e.render);case R:return U(e.type,r,t);case C:{var n=e,p=n._payload,h=n._init;try{return U(h(p),r,t)}catch{}}}return""}var B=Object.prototype.hasOwnProperty,me={},be=D.ReactDebugCurrentFrame;function G(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);be.setExtraStackFrame(t)}else be.setExtraStackFrame(null)}function He(e,r,t,n,p){{var h=Function.call.bind(B);for(var u in e)if(h(e,u)){var l=void 0;try{if(typeof e[u]!="function"){var T=Error((n||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw T.name="Invariant Violation",T}l=e[u](r,u,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(y){l=y}l&&!(l instanceof Error)&&(G(p),_("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,u,typeof l),G(null)),l instanceof Error&&!(l.message in me)&&(me[l.message]=!0,G(p),_("Failed %s type: %s",t,l.message),G(null))}}}var Xe=Array.isArray;function X(e){return Xe(e)}function Ze(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Qe(e){try{return he(e),!1}catch{return!0}}function he(e){return""+e}function xe(e){if(Qe(e))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ze(e)),he(e)}var q=D.ReactCurrentOwner,er={key:!0,ref:!0,__self:!0,__source:!0},ge,Re,Z;Z={};function rr(e){if(B.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function tr(e){if(B.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function ar(e,r){if(typeof e.ref=="string"&&q.current&&r&&q.current.stateNode!==r){var t=S(q.current.type);Z[t]||(_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',S(q.current.type),e.ref),Z[t]=!0)}}function nr(e,r){{var t=function(){ge||(ge=!0,_("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function sr(e,r){{var t=function(){Re||(Re=!0,_("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var ir=function(e,r,t,n,p,h,u){var l={$$typeof:m,type:e,key:r,ref:t,props:u,_owner:h};return l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(l,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(l,"_source",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l};function or(e,r,t,n,p){{var h,u={},l=null,T=null;t!==void 0&&(xe(t),l=""+t),tr(r)&&(xe(r.key),l=""+r.key),rr(r)&&(T=r.ref,ar(r,p));for(h in r)B.call(r,h)&&!er.hasOwnProperty(h)&&(u[h]=r[h]);if(e&&e.defaultProps){var y=e.defaultProps;for(h in y)u[h]===void 0&&(u[h]=y[h])}if(l||T){var E=typeof e=="function"?e.displayName||e.name||"Unknown":e;l&&nr(u,E),T&&sr(u,E)}return ir(e,l,T,p,n,q.current,u)}}var Q=D.ReactCurrentOwner,ye=D.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);ye.setExtraStackFrame(t)}else ye.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function Ee(){{if(Q.current){var e=S(Q.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function lr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
 
-Check your code at `+r+":"+t+"."}return""}}var Te={};function ur(e){{var r=Ee();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var _e={};function ur(e){{var r=Ee();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function _e(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ur(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==Q.current&&(n=" It was passed a child from "+I(e._owner.type)+"."),M(e),T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),M(null)}}function je(e,r){{if(typeof e!="object")return;if(X(e))for(var t=0;t<e.length;t++){var n=e[t];re(n)&&_e(n,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var p=Me(e);if(typeof p=="function"&&p!==e.entries)for(var h=p.call(e),u;!(u=h.next()).done;)re(u.value)&&_e(u.value,r)}}}function cr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===o||r.$$typeof===R))t=r.propTypes;else return;if(t){var n=I(r);He(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var p=I(r);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",p||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function dr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){M(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),M(null);break}}e.ref!==null&&(M(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),M(null))}}function we(e,r,t,n,p,h){{var u=Ve(e);if(!u){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var _=lr(p);_?l+=_:l+=Ee();var y;e===null?y="null":X(e)?y="array":e!==void 0&&e.$$typeof===m?(y="<"+(I(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):y=typeof e,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",y,l)}var E=or(e,r,t,p,h);if(E==null)return E;if(u){var P=r.children;if(P!==void 0)if(n)if(X(P)){for(var A=0;A<P.length;A++)je(P[A],e);Object.freeze&&Object.freeze(P)}else T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else je(P,e)}return e===d?dr(E):cr(E),E}}function fr(e,r,t){return we(e,r,t,!0)}function pr(e,r,t){return we(e,r,t,!1)}var vr=pr,mr=fr;Y.Fragment=d,Y.jsx=vr,Y.jsxs=mr}()),Y}process.env.NODE_ENV==="production"?te.exports=br():te.exports=hr();var i=te.exports;const S=(...f)=>f.filter(Boolean).join(" "),k=x.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),Ie=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0),a.groupName&&(s.name=a.groupName);const b=`
+Check the top-level render call using <`+t+">.")}return r}}function Te(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ur(r);if(_e[t])return;_e[t]=!0;var n="";e&&e._owner&&e._owner!==Q.current&&(n=" It was passed a child from "+S(e._owner.type)+"."),M(e),_('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),M(null)}}function je(e,r){{if(typeof e!="object")return;if(X(e))for(var t=0;t<e.length;t++){var n=e[t];re(n)&&Te(n,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var p=Me(e);if(typeof p=="function"&&p!==e.entries)for(var h=p.call(e),u;!(u=h.next()).done;)re(u.value)&&Te(u.value,r)}}}function cr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===o||r.$$typeof===R))t=r.propTypes;else return;if(t){var n=S(r);He(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var p=S(r);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",p||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function dr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){M(e),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),M(null);break}}e.ref!==null&&(M(e),_("Invalid attribute `ref` supplied to `React.Fragment`."),M(null))}}function we(e,r,t,n,p,h){{var u=Ve(e);if(!u){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var T=lr(p);T?l+=T:l+=Ee();var y;e===null?y="null":X(e)?y="array":e!==void 0&&e.$$typeof===m?(y="<"+(S(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):y=typeof e,_("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",y,l)}var E=or(e,r,t,p,h);if(E==null)return E;if(u){var P=r.children;if(P!==void 0)if(n)if(X(P)){for(var A=0;A<P.length;A++)je(P[A],e);Object.freeze&&Object.freeze(P)}else _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else je(P,e)}return e===d?dr(E):cr(E),E}}function fr(e,r,t){return we(e,r,t,!0)}function pr(e,r,t){return we(e,r,t,!1)}var vr=pr,mr=fr;Y.Fragment=d,Y.jsx=vr,Y.jsxs=mr}()),Y}process.env.NODE_ENV==="production"?te.exports=br():te.exports=hr();var i=te.exports;const I=(...f)=>f.filter(Boolean).join(" "),k=x.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),Se=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0),a.groupName&&(s.name=a.groupName);const b=`
       inline-block
-      text-sm
+      text-base
       cursor-pointer
       py-2
       mr-4
@@ -47,9 +47,9 @@ Check the top-level render call using <`+t+">.")}return r}}function _e(e,r){{if(
       peer-checked:bg-sea-600
       peer-checked:border-none
       peer-disabled:border-sumi-500
-    `;return i.jsx("label",{htmlFor:s.id,className:S(b,v),children:i.jsxs("span",{className:"flex items-center",children:[i.jsx("input",{className:c,type:"checkbox","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m}),i.jsx("span",{className:o,children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",children:i.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"})})}),i.jsx("span",{className:"peer-disabled:text-sumi-500",children:d})]})})}),Oe=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0),a.groupName&&(s.name=a.groupName);const b=`
+    `;return i.jsx("label",{htmlFor:s.id,className:I(b,v),children:i.jsxs("span",{className:"flex items-center",children:[i.jsx("input",{className:c,type:"checkbox","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m}),i.jsx("span",{className:o,children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",children:i.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"})})}),i.jsx("span",{className:"peer-disabled:text-sumi-500",children:d})]})})}),Oe=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0),a.groupName&&(s.name=a.groupName);const b=`
     inline-block
-    text-sm
+    text-base
     cursor-pointer
     py-2
     mr-4
@@ -70,7 +70,7 @@ Check the top-level render call using <`+t+">.")}return r}}function _e(e,r){{if(
     peer-checked:bg-sea-600
     peer-checked:border-sea-600
     peer-disabled:border-sumi-500
-  `;return i.jsx("label",{htmlFor:s.id,className:S(b,v),children:i.jsxs("span",{className:"flex items-center",children:[i.jsx("input",{className:c,type:"radio","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m}),i.jsx("span",{className:o}),i.jsx("span",{className:"peer-disabled:text-sumi-500",children:d})]})})}),Ne=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0);const b=a.isInvalid?"border-sun-800":"border-sumi-900",c=`
+  `;return i.jsx("label",{htmlFor:s.id,className:I(b,v),children:i.jsxs("span",{className:"flex items-center",children:[i.jsx("input",{className:c,type:"radio","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m}),i.jsx("span",{className:o}),i.jsx("span",{className:"peer-disabled:text-sumi-500",children:d})]})})}),Ne=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0);const b=a.isInvalid?"border-sun-800":"border-sumi-900",c=`
       peer
       cursor-pointer
       appearance-none
@@ -93,7 +93,7 @@ Check the top-level render call using <`+t+">.")}return r}}function _e(e,r){{if(
       px-2
       pointer-events-none
       peer-disabled:fill-sumi-500
-    `;return i.jsxs("label",{className:"inline-block relative",children:[i.jsx("select",{id:s.id??a.id,className:S(c,b,f.className),"aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m,children:d}),i.jsx("span",{className:o,children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",children:i.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"})})})]})}),ke=x.forwardRef((f,m)=>{const{className:v,...d}=f,s=x.useContext(k);s.isRequired&&(d.required=!0);const a=s.isInvalid?"border-sun-800":"border-sumi-900",b=`
+    `;return i.jsxs("label",{className:"inline-block relative",children:[i.jsx("select",{id:s.id??a.id,className:I(c,b,f.className),"aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m,children:d}),i.jsx("span",{className:o,children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",children:i.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"})})})]})}),ke=x.forwardRef((f,m)=>{const{className:v,...d}=f,s=x.useContext(k);s.isRequired&&(d.required=!0);const a=s.isInvalid?"border-sun-800":"border-sumi-900",b=`
       p-4
       rounded-lg
       border
@@ -104,7 +104,7 @@ Check the top-level render call using <`+t+">.")}return r}}function _e(e,r){{if(
       disabled:bg-transparent
       disabled:text-sumi-500
       disabled:border-sumi-500
-    `;return i.jsx("input",{type:"text",id:d.id??s.id,className:S(b,a,v),"aria-describedby":s.helperTextId,"aria-errormessage":s.errorMessageId,"aria-invalid":s.isInvalid??!1,...d,ref:m})}),Fe=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0);const b=a.isInvalid?"border-sun-800":"border-sumi-900",c=`
+    `;return i.jsx("input",{type:"text",id:d.id??s.id,className:I(b,a,v),"aria-describedby":s.helperTextId,"aria-errormessage":s.errorMessageId,"aria-invalid":s.isInvalid??!1,...d,ref:m})}),Fe=x.forwardRef((f,m)=>{const{className:v,children:d,...s}=f,a=x.useContext(k);a.isRequired&&(s.required=!0);const b=a.isInvalid?"border-sun-800":"border-sumi-900",c=`
       p-4
       rounded-lg
       border
@@ -115,5 +115,5 @@ Check the top-level render call using <`+t+">.")}return r}}function _e(e,r){{if(
       disabled:bg-transparent
       disabled:text-sumi-500
       disabled:border-sumi-500
-    `;return i.jsx("textarea",{id:s.id??a.id,className:S(c,b,v),"aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m,children:d})}),J=x.forwardRef((f,m)=>{const v=x.useId(),{labelText:d,className:s,helperText:a,errorMessage:b,isInvalid:c,isRequired:o,children:j,...g}=f,R={id:f.htmlFor??`input-${v}`,helperTextId:`helper-text-${v}`,errorMessageId:`error-message-${v}`,isInvalid:c??!1,isRequired:o??!1};return i.jsx(k.Provider,{value:R,children:i.jsxs("div",{className:S("mb-4",s),children:[i.jsxs("label",{className:S("block mb-2",c&&"text-sun-800"),htmlFor:R.id,ref:m,...g,children:[d,o&&i.jsx("span",{className:"text-sun-800",children:" *"})]}),j,a&&i.jsx("p",{id:R.helperTextId,className:"text-sm text-sumi-700 mt-2",children:a}),c&&i.jsx("p",{id:R.errorMessageId,className:S("text-sm text-sun-800",a?"mt-1":"mt-2"),children:b})]})})}),ae=x.forwardRef((f,m)=>{const v=x.useId(),{labelText:d,className:s,helperText:a,errorMessage:b,isInvalid:c,isRequired:o,direction:j,children:g,...R}=f,w={groupName:R.name??`group-${v}`,helperTextId:`helper-text-${v}`,errorMessageId:`error-message-${v}`,isInvalid:c??!1,isRequired:o??!1},F=j??"flex-col";return i.jsx(k.Provider,{value:w,children:i.jsxs("fieldset",{className:S("mb-4",s),ref:m,...R,children:[i.jsx("legend",{children:i.jsxs("p",{className:S("block mb-2",c&&"text-sun-800"),children:[d,o&&i.jsx("span",{className:"text-sun-800",children:" *"})]})}),i.jsx("div",{className:S("inline-flex",F),children:g}),a&&i.jsx("p",{id:w.helperTextId,className:"text-sm text-sumi-700 mt-2",children:a}),c&&i.jsx("p",{id:w.errorMessageId,className:S("text-sm text-sun-800",a?"mt-1":"mt-2"),children:b})]})})}),xr=x.forwardRef((f,m)=>{const{items:v,onChange:d,className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,...g}=f;return i.jsx(ae,{className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,ref:m,...g,children:v.map(({label:R,value:C},w)=>i.jsx(Ie,{value:C,onChange:d,children:R},w))})}),gr=x.forwardRef((f,m)=>{const{items:v,onChange:d,className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,defaultValue:g,...R}=f;return i.jsx(ae,{className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,ref:m,...R,children:v.map(({label:C,value:w},F)=>i.jsx(Oe,{value:w,onChange:d,defaultChecked:g===w,children:C},F))})}),Rr=x.forwardRef((f,m)=>{const{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,...o}=f;return i.jsx(J,{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,children:i.jsx(Ne,{ref:m,...o})})}),yr=x.forwardRef((f,m)=>{const{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,...o}=f;return i.jsx(J,{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,children:i.jsx(ke,{ref:m,...o})})}),Er=x.forwardRef((f,m)=>{const{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,...o}=f;return i.jsx(J,{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,children:i.jsx(Fe,{ref:m,...o})})});exports.Checkbox=Ie;exports.CheckboxGroup=xr;exports.FieldsetControl=ae;exports.LabelControl=J;exports.Radio=Oe;exports.RadioGroup=gr;exports.Select=Ne;exports.SelectControl=Rr;exports.Text=ke;exports.TextControl=yr;exports.Textarea=Fe;exports.TextareaControl=Er;
+    `;return i.jsx("textarea",{id:s.id??a.id,className:I(c,b,v),"aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...s,ref:m,children:d})}),J=x.forwardRef((f,m)=>{const v=x.useId(),{labelText:d,className:s,helperText:a,errorMessage:b,isInvalid:c,isRequired:o,children:j,...g}=f,R={id:f.htmlFor??`input-${v}`,helperTextId:`helper-text-${v}`,errorMessageId:`error-message-${v}`,isInvalid:c??!1,isRequired:o??!1};return i.jsx(k.Provider,{value:R,children:i.jsxs("div",{className:I("mb-4",s),children:[i.jsxs("label",{className:I("block mb-2 text-label",c&&"text-sun-800"),htmlFor:R.id,ref:m,...g,children:[d,o&&i.jsx("span",{className:"text-sun-800",children:" *"})]}),a&&i.jsx("p",{id:R.helperTextId,className:"text-xs text-sumi-700 mb-2",children:a}),j,c&&i.jsx("p",{id:R.errorMessageId,className:I("text-xs text-sun-800",a?"mt-1":"mt-2"),children:b})]})})}),ae=x.forwardRef((f,m)=>{const v=x.useId(),{labelText:d,className:s,helperText:a,errorMessage:b,isInvalid:c,isRequired:o,direction:j,children:g,...R}=f,w={groupName:R.name??`group-${v}`,helperTextId:`helper-text-${v}`,errorMessageId:`error-message-${v}`,isInvalid:c??!1,isRequired:o??!1},F=j??"flex-col";return i.jsx(k.Provider,{value:w,children:i.jsxs("fieldset",{className:I("mb-4",s),ref:m,...R,children:[i.jsx("legend",{children:i.jsxs("p",{className:I("block mb-2 text-label",c&&"text-sun-800"),children:[d,o&&i.jsx("span",{className:"text-sun-800",children:" *"})]})}),i.jsx("div",{className:I("inline-flex",F),children:g}),a&&i.jsx("p",{id:w.helperTextId,className:"text-xs text-sumi-700 mt-2",children:a}),c&&i.jsx("p",{id:w.errorMessageId,className:I("text-xs text-sun-800",a?"mt-1":"mt-2"),children:b})]})})}),xr=x.forwardRef((f,m)=>{const{items:v,onChange:d,className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,...g}=f;return i.jsx(ae,{className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,ref:m,...g,children:v.map(({label:R,value:C},w)=>i.jsx(Se,{value:C,onChange:d,children:R},w))})}),gr=x.forwardRef((f,m)=>{const{items:v,onChange:d,className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,defaultValue:g,...R}=f;return i.jsx(ae,{className:s,labelText:a,helperText:b,errorMessage:c,isInvalid:o,isRequired:j,ref:m,...R,children:v.map(({label:C,value:w},F)=>i.jsx(Oe,{value:w,onChange:d,defaultChecked:g===w,children:C},F))})}),Rr=x.forwardRef((f,m)=>{const{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,...o}=f;return i.jsx(J,{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,children:i.jsx(Ne,{ref:m,...o})})}),yr=x.forwardRef((f,m)=>{const{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,...o}=f;return i.jsx(J,{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,children:i.jsx(ke,{ref:m,...o})})}),Er=x.forwardRef((f,m)=>{const{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,...o}=f;return i.jsx(J,{className:v,labelText:d,helperText:s,errorMessage:a,isInvalid:b,isRequired:c,children:i.jsx(Fe,{ref:m,...o})})});exports.Checkbox=Se;exports.CheckboxGroup=xr;exports.FieldsetControl=ae;exports.Input=ke;exports.InputControl=yr;exports.LabelControl=J;exports.Radio=Oe;exports.RadioGroup=gr;exports.Select=Ne;exports.SelectControl=Rr;exports.Textarea=Fe;exports.TextareaControl=Er;
 //# sourceMappingURL=index.cjs.js.map