@sakura-ui/forms 0.4.0 → 0.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Taisuke Fujita
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var k={exports:{}},E={};var U;function ve(){if(U)return E;U=1;var r=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function c(n,a,t){var o=null;if(t!==void 0&&(o=""+t),a.key!==void 0&&(o=""+a.key),"key"in a){t={};for(var u in a)u!=="key"&&(t[u]=a[u])}else t=a;return a=t.ref,{$$typeof:r,type:n,key:o,ref:a!==void 0?a:null,props:t}}return E.Fragment=i,E.jsx=c,E.jsxs=c,E}var _={};var G;function ye(){return G||(G=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===me?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case ne:return"Profiler";case ie:return"StrictMode";case fe:return"Suspense";case pe:return"SuspenseList";case xe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case oe:return"Portal";case ce:return e.displayName||"Context";case de:return(e._context.displayName||"Context")+".Consumer";case ue:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case be:return l=e.displayName||null,l!==null?l:r(e.type)||"Memo";case P:l=e._payload,e=e._init;try{return r(e(l))}catch{}}return null}function i(e){return""+e}function c(e){try{i(e);var l=!1}catch{l=!0}if(l){l=console;var p=l.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return p.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),i(e)}}function n(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var l=r(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function o(e){if(Y.call(e,"key")){var l=Object.getOwnPropertyDescriptor(e,"key").get;if(l&&l.isReactWarning)return!1}return e.key!==void 0}function u(e,l){function p(){z||(z=!0,console.error("%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://react.dev/link/special-props)",l))}p.isReactWarning=!0,Object.defineProperty(e,"key",{get:p,configurable:!0})}function d(){var e=r(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,l,p,b,I,A){var x=p.ref;return e={$$typeof:F,type:e,key:l,props:p,_owner:b},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,l,p,b,I,A){var x=l.children;if(x!==void 0)if(b)if(ge(x)){for(b=0;b<x.length;b++)g(x[b]);Object.freeze&&Object.freeze(x)}else console.error("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 g(x);if(Y.call(l,"key")){x=r(e);var j=Object.keys(l).filter(function(he){return he!=="key"});b=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",B[x+b]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var k={exports:{}},E={};var U;function ve(){if(U)return E;U=1;var r=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function c(n,a,t){var o=null;if(t!==void 0&&(o=""+t),a.key!==void 0&&(o=""+a.key),"key"in a){t={};for(var u in a)u!=="key"&&(t[u]=a[u])}else t=a;return a=t.ref,{$$typeof:r,type:n,key:o,ref:a!==void 0?a:null,props:t}}return E.Fragment=i,E.jsx=c,E.jsxs=c,E}var _={};var G;function ye(){return G||(G=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===me?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case ne:return"Profiler";case ie:return"StrictMode";case fe:return"Suspense";case pe:return"SuspenseList";case xe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case oe:return"Portal";case ce:return e.displayName||"Context";case de:return(e._context.displayName||"Context")+".Consumer";case ue:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case be:return l=e.displayName||null,l!==null?l:r(e.type)||"Memo";case P:l=e._payload,e=e._init;try{return r(e(l))}catch{}}return null}function i(e){return""+e}function c(e){try{i(e);var l=!1}catch{l=!0}if(l){l=console;var p=l.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return p.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),i(e)}}function n(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var l=r(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function o(e){if(Y.call(e,"key")){var l=Object.getOwnPropertyDescriptor(e,"key").get;if(l&&l.isReactWarning)return!1}return e.key!==void 0}function u(e,l){function p(){z||(z=!0,console.error("%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://react.dev/link/special-props)",l))}p.isReactWarning=!0,Object.defineProperty(e,"key",{get:p,configurable:!0})}function d(){var e=r(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,l,p,b,I,A){var x=p.ref;return e={$$typeof:F,type:e,key:l,props:p,_owner:b},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,l,p,b,I,A){var x=l.children;if(x!==void 0)if(b)if(ge(x)){for(b=0;b<x.length;b++)g(x[b]);Object.freeze&&Object.freeze(x)}else console.error("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 g(x);if(Y.call(l,"key")){x=r(e);var j=Object.keys(l).filter(function(he){return he!=="key"});b=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",B[x+b]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,b,x,j,x),B[x+b]=!0)}if(x=null,p!==void 0&&(c(p),x=""+p),o(l)&&(c(l.key),x=""+l.key),"key"in l){p={};for(var $ in l)$!=="key"&&(p[$]=l[$])}else p=l;return x&&u(p,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,x,p,a(),I,A)}function g(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var v=R,F=Symbol.for("react.transitional.element"),oe=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),ie=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),de=Symbol.for("react.consumer"),ce=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),pe=Symbol.for("react.suspense_list"),be=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),xe=Symbol.for("react.activity"),me=Symbol.for("react.client.reference"),S=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ge=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var z,L={},D=v.react_stack_bottom_frame.bind(v,t)(),W=O(n(t)),B={};_.Fragment=C,_.jsx=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!1,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)},_.jsxs=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!0,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)}}()),_}var V;function Re(){return V||(V=1,process.env.NODE_ENV==="production"?k.exports=ve():k.exports=ye()),k.exports}var s=Re();const y=(...r)=>r.filter(Boolean).join(" ");var N;(r=>{r.clickable=`
+  <%s key={someKey} {...props} />`,b,x,j,x),B[x+b]=!0)}if(x=null,p!==void 0&&(c(p),x=""+p),o(l)&&(c(l.key),x=""+l.key),"key"in l){p={};for(var $ in l)$!=="key"&&(p[$]=l[$])}else p=l;return x&&u(p,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,x,p,a(),I,A)}function g(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var v=R,F=Symbol.for("react.transitional.element"),oe=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),ie=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),de=Symbol.for("react.consumer"),ce=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),pe=Symbol.for("react.suspense_list"),be=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),xe=Symbol.for("react.activity"),me=Symbol.for("react.client.reference"),S=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ge=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var z,L={},D=v.react_stack_bottom_frame.bind(v,t)(),W=O(n(t)),B={};_.Fragment=C,_.jsx=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!1,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)},_.jsxs=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!0,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)}})()),_}var V;function Re(){return V||(V=1,process.env.NODE_ENV==="production"?k.exports=ve():k.exports=ye()),k.exports}var s=Re();const y=(...r)=>r.filter(Boolean).join(" ");var N;(r=>{r.clickable=`
     px-2
     min-h-[calc(44/16*1rem)]
     border
@@ -14,7 +14,6 @@ React keys must be passed directly to JSX without using spread:
     rounded-full
     bg-yellow-50
   `;const i=`
-    focus-visible:outline
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
@@ -32,7 +31,7 @@ React keys must be passed directly to JSX without using spread:
     focus-visible:ring-[calc(2/16*1rem)]
   `,r.focusRounded=`
     ${r.focusRect}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `,r.focusCard=`
     ${r.focusRect}
     focus-visible:rounded-2xl
@@ -42,7 +41,7 @@ React keys must be passed directly to JSX without using spread:
     focus-visible:bg-yellow-300
   `,r.focusRoundedWithBg=`
     ${r.focusRectWithBg}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `,r.hoverUnderline=`
     hover:underline
     hover:underline-offset-[calc(3/16*1rem)]
@@ -72,7 +71,6 @@ React keys must be passed directly to JSX without using spread:
     top-11
     left-0
   `,(c=>{c.focus=`
-      peer-focus-visible:outline
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300

package/dist/index.es.js

@@ -4,7 +4,7 @@ var W;
 function fe() {
   if (W) return E;
   W = 1;
-  var r = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
   function c(n, a, s) {
     var o = null;
     if (s !== void 0 && (o = "" + s), a.key !== void 0 && (o = "" + a.key), "key" in a) {
@@ -25,7 +25,7 @@ function fe() {
 var _ = {};
 var B;
 function pe() {
-  return B || (B = 1, process.env.NODE_ENV !== "production" && function() {
+  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function h(e) {
       return typeof e == "object" && e !== null && e.$$typeof === q;
     }
-    var v = R, q = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), te = Symbol.for("react.context"), le = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), ie = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), de = Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var v = R, q = /* @__PURE__ */ Symbol.for("react.transitional.element"), K = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), ee = /* @__PURE__ */ Symbol.for("react.strict_mode"), re = /* @__PURE__ */ Symbol.for("react.profiler"), se = /* @__PURE__ */ Symbol.for("react.consumer"), te = /* @__PURE__ */ Symbol.for("react.context"), le = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), oe = /* @__PURE__ */ Symbol.for("react.suspense_list"), ie = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -252,7 +252,7 @@ React keys must be passed directly to JSX without using spread:
         b ? S(n(e)) : D
       );
     };
-  }()), _;
+  })()), _;
 }
 var U;
 function be() {
@@ -274,7 +274,6 @@ var N;
     bg-yellow-50
   `;
   const i = `
-    focus-visible:outline
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
@@ -293,7 +292,7 @@ var N;
     focus-visible:ring-[calc(2/16*1rem)]
   `, r.focusRounded = `
     ${r.focusRect}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `, r.focusCard = `
     ${r.focusRect}
     focus-visible:rounded-2xl
@@ -303,7 +302,7 @@ var N;
     focus-visible:bg-yellow-300
   `, r.focusRoundedWithBg = `
     ${r.focusRectWithBg}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `, r.hoverUnderline = `
     hover:underline
     hover:underline-offset-[calc(3/16*1rem)]
@@ -334,7 +333,6 @@ var N;
     left-0
   `, ((c) => {
     c.focus = `
-      peer-focus-visible:outline
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
@@ -656,20 +654,24 @@ const xe = (r) => {
       file:leading-snug
     `
   };
-  return /* @__PURE__ */ t.jsx(
-    "input",
-    {
-      type: "file",
-      id: i || s.id,
-      className: y(o, u, x[n], d, c),
-      "aria-describedby": s.helperTextId,
-      "aria-errormessage": s.errorMessageId,
-      "aria-invalid": s.isInvalid ?? !1,
-      "aria-required": s.isRequired ?? !1,
-      role: "button",
-      "aria-label": "File Upload",
-      ...a
-    }
+  return (
+    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: see the TODO above
+    // biome-ignore lint/a11y/useSemanticElements: see the TODO above
+    /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        type: "file",
+        id: i || s.id,
+        className: y(o, u, x[n], d, c),
+        "aria-describedby": s.helperTextId,
+        "aria-errormessage": s.errorMessageId,
+        "aria-invalid": s.isInvalid ?? !1,
+        "aria-required": s.isRequired ?? !1,
+        role: "button",
+        "aria-label": "File Upload",
+        ...a
+      }
+    )
   );
 };
 xe.displayName = "FileInput";

package/dist/types/components/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 import { type InputSize } from './inputStyle';
 export declare namespace Checkbox {
     interface Props extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
@@ -6,7 +6,7 @@ export declare namespace Checkbox {
     }
 }
 export declare const Checkbox: {
-    (props: Checkbox.Props): import("react/jsx-runtime").JSX.Element;
+    (props: Checkbox.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/components/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CA0E7C,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CA0E7C,CAAA"}

package/dist/types/components/FieldsetControl.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 export declare namespace FieldsetControl {
     interface Props extends ComponentPropsWithRef<'fieldset'> {
         labelText: string;
@@ -10,7 +10,7 @@ export declare namespace FieldsetControl {
     }
 }
 export declare const FieldsetControl: {
-    (props: FieldsetControl.Props): import("react/jsx-runtime").JSX.Element;
+    (props: FieldsetControl.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=FieldsetControl.d.ts.map

package/dist/types/components/FieldsetControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldsetControl.d.ts","sourceRoot":"","sources":["../../../src/components/FieldsetControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,UAAU,CAAC;QAC9D,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,SAAS,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;KACpC;CACF;AAED,eAAO,MAAM,eAAe;YAAW,eAAe,CAAC,KAAK;;CAoD3D,CAAA"}
+{"version":3,"file":"FieldsetControl.d.ts","sourceRoot":"","sources":["../../../src/components/FieldsetControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,UAAU,CAAC;QAC9D,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,SAAS,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;KACpC;CACF;AAED,eAAO,MAAM,eAAe;YAAW,eAAe,CAAC,KAAK;;CAoD3D,CAAA"}

package/dist/types/components/FileInput.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 import type { InputSize } from './inputStyle';
 export declare namespace FileInput {
     interface Props extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
@@ -6,7 +6,7 @@ export declare namespace FileInput {
     }
 }
 export declare const FileInput: {
-    (props: FileInput.Props): import("react/jsx-runtime").JSX.Element;
+    (props: FileInput.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=FileInput.d.ts.map

package/dist/types/components/FileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,yBAAiB,SAAS,CAAC;IACzB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,SAAS;YAAW,SAAS,CAAC,KAAK;;CAsF/C,CAAA"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,yBAAiB,SAAS,CAAC;IACzB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,SAAS;YAAW,SAAS,CAAC,KAAK;;CA2F/C,CAAA"}

package/dist/types/components/Input.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 import { type InputSize } from './inputStyle';
 export declare namespace Input {
     interface Props extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
@@ -6,7 +6,7 @@ export declare namespace Input {
     }
 }
 export declare const Input: {
-    (props: Input.Props): import("react/jsx-runtime").JSX.Element;
+    (props: Input.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Input.d.ts.map

package/dist/types/components/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CAuBvC,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CAuBvC,CAAA"}

package/dist/types/components/LabelControl.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 export declare namespace LabelControl {
     interface Props extends ComponentPropsWithRef<'label'> {
         labelText: string;
@@ -9,7 +9,7 @@ export declare namespace LabelControl {
     }
 }
 export declare const LabelControl: {
-    (props: LabelControl.Props): import("react/jsx-runtime").JSX.Element;
+    (props: LabelControl.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=LabelControl.d.ts.map

package/dist/types/components/LabelControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelControl.d.ts","sourceRoot":"","sources":["../../../src/components/LabelControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,YAAY,CAAC;IAC5B,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,OAAO,CAAC;QAC3D,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,UAAU,CAAC,EAAE,OAAO,CAAA;KACrB;CACF;AAED,eAAO,MAAM,YAAY;YAAW,YAAY,CAAC,KAAK;;CAwDrD,CAAA"}
+{"version":3,"file":"LabelControl.d.ts","sourceRoot":"","sources":["../../../src/components/LabelControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,YAAY,CAAC;IAC5B,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,OAAO,CAAC;QAC3D,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,UAAU,CAAC,EAAE,OAAO,CAAA;KACrB;CACF;AAED,eAAO,MAAM,YAAY;YAAW,YAAY,CAAC,KAAK;;CAwDrD,CAAA"}

package/dist/types/components/Radio.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 import { type InputSize } from './inputStyle';
 export declare namespace Radio {
     interface Props extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
@@ -6,7 +6,7 @@ export declare namespace Radio {
     }
 }
 export declare const Radio: {
-    (props: Radio.Props): import("react/jsx-runtime").JSX.Element;
+    (props: Radio.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Radio.d.ts.map

package/dist/types/components/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CA+DvC,CAAA"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CAiEvC,CAAA"}

package/dist/types/components/Select.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 import { type InputSize } from './inputStyle';
 export declare namespace Select {
     interface Props extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
@@ -6,7 +6,7 @@ export declare namespace Select {
     }
 }
 export declare const Select: {
-    (props: Select.Props): import("react/jsx-runtime").JSX.Element;
+    (props: Select.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Select.d.ts.map

package/dist/types/components/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAC1E,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,MAAM;YAAW,MAAM,CAAC,KAAK;;CA2DzC,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAC1E,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,MAAM;YAAW,MAAM,CAAC,KAAK;;CA2DzC,CAAA"}

package/dist/types/components/Textarea.d.ts

@@ -1,10 +1,10 @@
-import { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef } from 'react';
 export declare namespace Textarea {
     interface Props extends ComponentPropsWithRef<'textarea'> {
     }
 }
 export declare const Textarea: {
-    (props: Textarea.Props): import("react/jsx-runtime").JSX.Element;
+    (props: Textarea.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/types/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,UAAU,CAAC;KAAG;CACpE;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CAyD7C,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,UAAU,CAAC;KAAG;CACpE;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CAyD7C,CAAA"}

package/dist/types/components/controlled/CheckboxGroup.d.ts

@@ -14,7 +14,7 @@ export declare namespace CheckboxGroup {
     }
 }
 export declare const CheckboxGroup: {
-    (props: CheckboxGroup.Props): import("react/jsx-runtime").JSX.Element;
+    (props: CheckboxGroup.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/types/components/controlled/RadioGroup.d.ts

@@ -15,7 +15,7 @@ export declare namespace RadioGroup {
     }
 }
 export declare const RadioGroup: {
-    (props: RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
+    (props: RadioGroup.Props): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/types/components/inputStyle.d.ts

@@ -1,5 +1,5 @@
 export type InputSize = 'lg' | 'md' | 'sm';
-export declare const borderedInputBaseStyles = "\n  bg-white\n  border\n  border-solid\n  border-solid-gray-900\n  disabled:bg-transparent\n  disabled:text-solid-gray-500\n  disabled:border-solid-gray-500\n  aria-invalid:border-red-800\n  \n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  \n";
+export declare const borderedInputBaseStyles = "\n  bg-white\n  border\n  border-solid\n  border-solid-gray-900\n  disabled:bg-transparent\n  disabled:text-solid-gray-500\n  disabled:border-solid-gray-500\n  aria-invalid:border-red-800\n  \n    \n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  \n";
 export declare const borderedInputSizeStyles: {
     [key in InputSize]: string;
 };

package/dist/types/components/inputStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputStyle.d.ts","sourceRoot":"","sources":["../../../src/components/inputStyle.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,eAAO,MAAM,uBAAuB,8aAUnC,CAAA;AAGD,eAAO,MAAM,uBAAuB,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAwBjE,CAAA;AAED,eAAO,MAAM,yBAAyB,yFAMrC,CAAA;AAGD,eAAO,MAAM,yBAAyB,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAsBnE,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAIpD,CAAA"}
+{"version":3,"file":"inputStyle.d.ts","sourceRoot":"","sources":["../../../src/components/inputStyle.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,eAAO,MAAM,uBAAuB,mZAUnC,CAAA;AAGD,eAAO,MAAM,uBAAuB,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAwBjE,CAAA;AAED,eAAO,MAAM,yBAAyB,yFAMrC,CAAA;AAGD,eAAO,MAAM,yBAAyB,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAsBnE,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAIpD,CAAA"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sakura-ui/forms",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "",
   "keywords": [],
   "author": "glassonion1",
   "homepage": "https://github.com/glassonion1/sakura-ui",
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com:glassonion1/sakura-ui.git",
+    "url": "git+https://github.com/glassonion1/sakura-ui.git",
     "directory": "packages/forms"
   },
   "license": "MIT",
@@ -28,35 +28,36 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "lint": "run-s lint:*",
-    "lint:lint": "biome lint ./",
-    "lint:prettier": "prettier --write --ignore-path .gitignore './src/*.ts'",
-    "prebuild": "rimraf dist",
-    "build": "run-p build:*",
-    "build:scripts": "vite build",
-    "build:types": "tsc && tsc-alias",
-    "test": "vitest"
-  },
   "peerDependencies": {
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "tailwindcss": "^4.1.17"
   },
   "dependencies": {
-    "@sakura-ui/helper": "0.0.6"
+    "@sakura-ui/helper": "0.0.9"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "catalog:",
-    "@testing-library/react": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "@tailwindcss/vite": "catalog:",
-    "autoprefixer": "catalog:",
-    "happy-dom": "catalog:",
-    "postcss": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "tailwindcss": "catalog:"
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@tailwindcss/vite": "^4.3.3",
+    "autoprefixer": "^10.5.4",
+    "happy-dom": "^20.11.6",
+    "postcss": "^8.5.26",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tailwindcss": "4.3.3"
+  },
+  "scripts": {
+    "lint": "run-s lint:*",
+    "lint:lint": "biome lint ./",
+    "lint:prettier": "prettier --write --ignore-path .gitignore './src/*.ts'",
+    "prebuild": "rimraf dist",
+    "build": "run-p build:*",
+    "build:scripts": "vite build",
+    "build:types": "tsc && tsc-alias",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
-}
+}