rharuow-ds 1.0.0

package/dist/rharuow-ds.cjs.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");function fe(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const Y=fe(R);var F={exports:{}},k={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var H;function de(){if(H)return k;H=1;var r=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function t(a,s,c){var d=null;if(c!==void 0&&(d=""+c),s.key!==void 0&&(d=""+s.key),"key"in s){c={};for(var m in s)m!=="key"&&(c[m]=s[m])}else c=s;return s=c.ref,{$$typeof:r,type:a,key:d,ref:s!==void 0?s:null,props:c}}return k.Fragment=o,k.jsx=t,k.jsxs=t,k}var h={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Z;function me(){return Z||(Z=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case w:return"Profiler";case I:return"StrictMode";case C:return"Suspense";case O:return"SuspenseList";case ue: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 A:return"Portal";case P:return(e.displayName||"Context")+".Provider";case D:return(e._context.displayName||"Context")+".Consumer";case N:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case se:return n=e.displayName||null,n!==null?n:r(e.type)||"Memo";case z:n=e._payload,e=e._init;try{return r(e(n))}catch{}}return null}function o(e){return""+e}function t(e){try{o(e);var n=!1}catch{n=!0}if(n){n=console;var u=n.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),o(e)}}function a(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===z)return"<...>";try{var n=r(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function s(){var e=W.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function d(e){if(q.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function m(e,n){function u(){J||(J=!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)",n))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function T(){var e=r(this.type);return V[e]||(V[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 f(e,n,u,l,E,b,L,M){return u=b.ref,e={$$typeof:v,type:e,key:n,props:b,_owner:E},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:T}):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:L}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function x(e,n,u,l,E,b,L,M){var i=n.children;if(i!==void 0)if(l)if(le(i)){for(l=0;l<i.length;l++)j(i[l]);Object.freeze&&Object.freeze(i)}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 j(i);if(q.call(n,"key")){i=r(e);var g=Object.keys(n).filter(function(ie){return ie!=="key"});l=0<g.length?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}",X[i+l]||(g=0<g.length?"{"+g.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} />`,l,i,g,i),X[i+l]=!0)}if(i=null,u!==void 0&&(t(u),i=""+u),d(n)&&(t(n.key),i=""+n.key),"key"in n){u={};for(var U in n)U!=="key"&&(u[U]=n[U])}else u=n;return i&&m(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),f(e,i,b,E,s(),u,L,M)}function j(e){typeof e=="object"&&e!==null&&e.$$typeof===v&&e._store&&(e._store.validated=1)}var _=R,v=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),D=Symbol.for("react.consumer"),P=Symbol.for("react.context"),N=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),O=Symbol.for("react.suspense_list"),se=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),W=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,le=Array.isArray,$=console.createTask?console.createTask:function(){return null};_={"react-stack-bottom-frame":function(e){return e()}};var J,V={},G=_["react-stack-bottom-frame"].bind(_,c)(),B=$(a(c)),X={};h.Fragment=y,h.jsx=function(e,n,u,l,E){var b=1e4>W.recentlyCreatedOwnerStacks++;return x(e,n,u,!1,l,E,b?Error("react-stack-top-frame"):G,b?$(a(e)):B)},h.jsxs=function(e,n,u,l,E){var b=1e4>W.recentlyCreatedOwnerStacks++;return x(e,n,u,!0,l,E,b?Error("react-stack-top-frame"):G,b?$(a(e)):B)}}()),h}var Q;function be(){return Q||(Q=1,process.env.NODE_ENV==="production"?F.exports=de():F.exports=me()),F.exports}var p=be();function re(r){var o,t,a="";if(typeof r=="string"||typeof r=="number")a+=r;else if(typeof r=="object")if(Array.isArray(r)){var s=r.length;for(o=0;o<s;o++)r[o]&&(t=re(r[o]))&&(a&&(a+=" "),a+=t)}else for(t in r)r[t]&&(a&&(a+=" "),a+=t);return a}function ve(){for(var r,o,t=0,a="",s=arguments.length;t<s;t++)(r=arguments[t])&&(o=re(r))&&(a&&(a+=" "),a+=o);return a}function S(...r){return ve(...r)}const Ee=({children:r,variant:o="default",className:t="",...a})=>{const s="px-4 py-2 rounded font-medium transition",c={default:"bg-blue-600 text-white hover:bg-blue-700",outline:"border border-blue-600 text-blue-600 bg-white hover:bg-blue-50"};return p.jsx("button",{className:S(s,c[o],t),...a,children:r})};var _e=r=>r instanceof Date,te=r=>r==null;const pe=r=>typeof r=="object";var Re=r=>!te(r)&&!Array.isArray(r)&&pe(r)&&!_e(r),xe=r=>/^\w*$/.test(r),K=r=>r===void 0,ge=r=>Array.isArray(r)?r.filter(Boolean):[],Te=r=>ge(r.replace(/["|']|\]/g,"").split(/\.|\[/)),ee=(r,o,t)=>{if(!o||!Re(r))return t;const a=(xe(o)?[o]:Te(o)).reduce((s,c)=>te(s)?s:s[c],r);return K(a)||a===r?K(r[o])?t:r[o]:a};const ne=R.createContext(null);ne.displayName="HookFormContext";const ae=()=>R.useContext(ne),ye=typeof window<"u"?Y.useLayoutEffect:Y.useEffect;var Oe=r=>typeof r=="string",ke=(r,o,t,a,s)=>Oe(r)?ee(t,r,s):Array.isArray(r)?r.map(c=>ee(t,c)):t;function he(r){const o=ae(),{control:t=o.control,name:a,defaultValue:s,disabled:c,exact:d}=r||{},m=R.useRef(s),[T,f]=R.useState(t._getWatch(a,m.current));return ye(()=>t._subscribe({name:a,formState:{values:!0},exact:d,callback:x=>!c&&f(ke(a,t._names,x.values||t._formValues,!1,m.current))}),[a,t,c,d]),R.useEffect(()=>t._removeUnmounted()),T}const oe=Y.forwardRef(({className:r,type:o="text",label:t,onFocus:a,onBlur:s,Icon:c,iconClassName:d,iconAction:m,containerClassName:T,...f},x)=>{var P,N,C;const[j,_]=Y.useState(!1),v=ae(),A=v==null?void 0:v.control,y=A&&f.name?he({control:A,name:String(f.name)}):void 0,I=f.value??y??"",w=(C=(N=(P=v==null?void 0:v.formState)==null?void 0:P.errors)==null?void 0:N[f.name])==null?void 0:C.message,D=j||!!I;return p.jsxs("div",{className:S("relative",T),children:[p.jsx("input",{id:f.id||f.name,type:o,className:S("peer flex h-12 w-full border border-input rounded-md bg-transparent px-3 pt-6 pb-2 text-sm text-white placeholder-transparent transition focus:outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50",r),onFocus:O=>{_(!0),a&&a(O)},onBlur:O=>{_(!1),s&&s(O)},ref:x,...f}),t&&p.jsx("label",{htmlFor:f.id||f.name,className:S("absolute left-3 top-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",D?"scale-90 -translate-y-3 text-xs text-blue-400":"scale-100 translate-y-0"),children:t}),c&&p.jsx("div",{className:S("absolute top-1/2 right-3 -translate-y-1/2 text-white",d),onClick:m,children:p.jsx(c,{})}),w&&p.jsx("span",{className:"text-red-500 text-xs mt-1 block",children:w})]})});oe.displayName="Input";exports.Button=Ee;exports.Input=oe;

package/dist/rharuow-ds.es.js

@@ -0,0 +1,399 @@
+import * as Y from "react";
+import T from "react";
+var F = { exports: {} }, h = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var H;
+function ie() {
+  if (H) return h;
+  H = 1;
+  var r = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function n(a, o, l) {
+    var d = null;
+    if (l !== void 0 && (d = "" + l), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      l = {};
+      for (var m in o)
+        m !== "key" && (l[m] = o[m]);
+    } else l = o;
+    return o = l.ref, {
+      $$typeof: r,
+      type: a,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: l
+    };
+  }
+  return h.Fragment = s, h.jsx = n, h.jsxs = n, h;
+}
+var A = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Z;
+function fe() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ue ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case y:
+          return "Fragment";
+        case j:
+          return "Profiler";
+        case I:
+          return "StrictMode";
+        case C:
+          return "Suspense";
+        case k:
+          return "SuspenseList";
+        case se:
+          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 S:
+            return "Portal";
+          case P:
+            return (e.displayName || "Context") + ".Provider";
+          case D:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case N:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case oe:
+            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
+          case z:
+            t = e._payload, e = e._init;
+            try {
+              return r(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(e) {
+      return "" + e;
+    }
+    function n(e) {
+      try {
+        s(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var u = t.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return u.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          c
+        ), s(e);
+      }
+    }
+    function a(e) {
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === z)
+        return "<...>";
+      try {
+        var t = r(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = W.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (J.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, t) {
+      function u() {
+        V || (V = !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)",
+          t
+        ));
+      }
+      u.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: u,
+        configurable: !0
+      });
+    }
+    function g() {
+      var e = r(this.type);
+      return q[e] || (q[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 f(e, t, u, c, E, b, L, U) {
+      return u = b.ref, e = {
+        $$typeof: v,
+        type: e,
+        key: t,
+        props: b,
+        _owner: E
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: g
+      }) : 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: L
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function x(e, t, u, c, E, b, L, U) {
+      var i = t.children;
+      if (i !== void 0)
+        if (c)
+          if (le(i)) {
+            for (c = 0; c < i.length; c++)
+              w(i[c]);
+            Object.freeze && Object.freeze(i);
+          } 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 w(i);
+      if (J.call(t, "key")) {
+        i = r(e);
+        var p = Object.keys(t).filter(function(ce) {
+          return ce !== "key";
+        });
+        c = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", B[i + c] || (p = 0 < p.length ? "{" + p.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} />`,
+          c,
+          i,
+          p,
+          i
+        ), B[i + c] = !0);
+      }
+      if (i = null, u !== void 0 && (n(u), i = "" + u), d(t) && (n(t.key), i = "" + t.key), "key" in t) {
+        u = {};
+        for (var M in t)
+          M !== "key" && (u[M] = t[M]);
+      } else u = t;
+      return i && m(
+        u,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), f(
+        e,
+        i,
+        b,
+        E,
+        o(),
+        u,
+        L,
+        U
+      );
+    }
+    function w(e) {
+      typeof e == "object" && e !== null && e.$$typeof === v && e._store && (e._store.validated = 1);
+    }
+    var _ = T, v = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), P = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), W = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, le = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    _ = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var V, q = {}, G = _["react-stack-bottom-frame"].bind(
+      _,
+      l
+    )(), X = $(a(l)), B = {};
+    A.Fragment = y, A.jsx = function(e, t, u, c, E) {
+      var b = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return x(
+        e,
+        t,
+        u,
+        !1,
+        c,
+        E,
+        b ? Error("react-stack-top-frame") : G,
+        b ? $(a(e)) : X
+      );
+    }, A.jsxs = function(e, t, u, c, E) {
+      var b = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return x(
+        e,
+        t,
+        u,
+        !0,
+        c,
+        E,
+        b ? Error("react-stack-top-frame") : G,
+        b ? $(a(e)) : X
+      );
+    };
+  }()), A;
+}
+var Q;
+function de() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? F.exports = ie() : F.exports = fe()), F.exports;
+}
+var R = de();
+function re(r) {
+  var s, n, a = "";
+  if (typeof r == "string" || typeof r == "number") a += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (s = 0; s < o; s++) r[s] && (n = re(r[s])) && (a && (a += " "), a += n);
+  } else for (n in r) r[n] && (a && (a += " "), a += n);
+  return a;
+}
+function me() {
+  for (var r, s, n = 0, a = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (s = re(r)) && (a && (a += " "), a += s);
+  return a;
+}
+function O(...r) {
+  return me(...r);
+}
+const Ae = ({
+  children: r,
+  variant: s = "default",
+  className: n = "",
+  ...a
+}) => {
+  const o = "px-4 py-2 rounded font-medium transition", l = {
+    default: "bg-blue-600 text-white hover:bg-blue-700",
+    outline: "border border-blue-600 text-blue-600 bg-white hover:bg-blue-50"
+  };
+  return /* @__PURE__ */ R.jsx("button", { className: O(o, l[s], n), ...a, children: r });
+};
+var be = (r) => r instanceof Date, te = (r) => r == null;
+const ve = (r) => typeof r == "object";
+var Ee = (r) => !te(r) && !Array.isArray(r) && ve(r) && !be(r), _e = (r) => /^\w*$/.test(r), K = (r) => r === void 0, Re = (r) => Array.isArray(r) ? r.filter(Boolean) : [], xe = (r) => Re(r.replace(/["|']|\]/g, "").split(/\.|\[/)), ee = (r, s, n) => {
+  if (!s || !Ee(r))
+    return n;
+  const a = (_e(s) ? [s] : xe(s)).reduce((o, l) => te(o) ? o : o[l], r);
+  return K(a) || a === r ? K(r[s]) ? n : r[s] : a;
+};
+const ne = T.createContext(null);
+ne.displayName = "HookFormContext";
+const ae = () => T.useContext(ne), pe = typeof window < "u" ? Y.useLayoutEffect : Y.useEffect;
+var Te = (r) => typeof r == "string", ge = (r, s, n, a, o) => Te(r) ? ee(n, r, o) : Array.isArray(r) ? r.map((l) => ee(n, l)) : n;
+function ye(r) {
+  const s = ae(), { control: n = s.control, name: a, defaultValue: o, disabled: l, exact: d } = r || {}, m = T.useRef(o), [g, f] = T.useState(n._getWatch(a, m.current));
+  return pe(() => n._subscribe({
+    name: a,
+    formState: {
+      values: !0
+    },
+    exact: d,
+    callback: (x) => !l && f(ge(a, n._names, x.values || n._formValues, !1, m.current))
+  }), [a, n, l, d]), T.useEffect(() => n._removeUnmounted()), g;
+}
+const ke = Y.forwardRef(
+  ({
+    className: r,
+    type: s = "text",
+    label: n,
+    onFocus: a,
+    onBlur: o,
+    Icon: l,
+    iconClassName: d,
+    iconAction: m,
+    containerClassName: g,
+    ...f
+  }, x) => {
+    var P, N, C;
+    const [w, _] = Y.useState(!1), v = ae(), S = v == null ? void 0 : v.control, y = S && f.name ? ye({ control: S, name: String(f.name) }) : void 0, I = f.value ?? y ?? "", j = (C = (N = (P = v == null ? void 0 : v.formState) == null ? void 0 : P.errors) == null ? void 0 : N[f.name]) == null ? void 0 : C.message, D = w || !!I;
+    return /* @__PURE__ */ R.jsxs("div", { className: O("relative", g), children: [
+      /* @__PURE__ */ R.jsx(
+        "input",
+        {
+          id: f.id || f.name,
+          type: s,
+          className: O(
+            "peer flex h-12 w-full border border-input rounded-md bg-transparent px-3 pt-6 pb-2 text-sm text-white placeholder-transparent transition focus:outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50",
+            r
+          ),
+          onFocus: (k) => {
+            _(!0), a && a(k);
+          },
+          onBlur: (k) => {
+            _(!1), o && o(k);
+          },
+          ref: x,
+          ...f
+        }
+      ),
+      n && /* @__PURE__ */ R.jsx(
+        "label",
+        {
+          htmlFor: f.id || f.name,
+          className: O(
+            "absolute left-3 top-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
+            D ? "scale-90 -translate-y-3 text-xs text-blue-400" : "scale-100 translate-y-0"
+          ),
+          children: n
+        }
+      ),
+      l && /* @__PURE__ */ R.jsx(
+        "div",
+        {
+          className: O(
+            "absolute top-1/2 right-3 -translate-y-1/2 text-white",
+            d
+          ),
+          onClick: m,
+          children: /* @__PURE__ */ R.jsx(l, {})
+        }
+      ),
+      j && /* @__PURE__ */ R.jsx("span", { className: "text-red-500 text-xs mt-1 block", children: j })
+    ] });
+  }
+);
+ke.displayName = "Input";
+export {
+  Ae as Button,
+  ke as Input
+};

package/dist/types/src/components/Button.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "default" | "outline";
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+export interface CustomProps {
+    label?: string;
+    Icon?: React.ElementType;
+    iconClassName?: string;
+    containerClassName?: string;
+    iconAction?: React.MouseEventHandler<HTMLDivElement>;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & CustomProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/types/src/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Button";
+export * from "./Input";

package/dist/types/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/types/src/stories/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "../components/Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Outline: Story;

package/dist/types/src/stories/Input.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Input } from "../components/Input";
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;

package/dist/types/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "rharuow-ds",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build && tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.59.0",
+    "shadcn-ui": "^0.9.5"
+  },
+  "devDependencies": {
+    "@storybook/react-vite": "^9.0.14",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "storybook": "^9.0.14",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.8.3"
+  },
+  "files": [
+    "dist",
+    "src",
+    "package.json",
+    "README.md"
+  ]
+}

package/src/components/Button.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { cn } from "../lib/utils";
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "default" | "outline";
+}
+
+export const Button: React.FC<ButtonProps> = ({
+  children,
+  variant = "default",
+  className = "",
+  ...props
+}) => {
+  const base = "px-4 py-2 rounded font-medium transition";
+  const variants = {
+    default: "bg-blue-600 text-white hover:bg-blue-700",
+    outline: "border border-blue-600 text-blue-600 bg-white hover:bg-blue-50",
+  };
+  return (
+    <button className={cn(base, variants[variant], className)} {...props}>
+      {children}
+    </button>
+  );
+};

package/src/components/Input.tsx

@@ -0,0 +1,104 @@
+"use client";
+import * as React from "react";
+
+import { cn } from "../lib/utils";
+import { useFormContext, useWatch } from "react-hook-form";
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+export interface CustomProps {
+  label?: string;
+  Icon?: React.ElementType;
+  iconClassName?: string;
+  containerClassName?: string;
+  iconAction?: React.MouseEventHandler<HTMLDivElement>;
+}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps & CustomProps>(
+  (
+    {
+      className,
+      type = "text",
+      label,
+      onFocus,
+      onBlur,
+      Icon,
+      iconClassName,
+      iconAction,
+      containerClassName,
+      ...props
+    },
+    ref
+  ) => {
+    const [focused, setFocused] = React.useState(false);
+
+    const form = useFormContext();
+    const control = form?.control;
+    const valueWatch =
+      control && props.name
+        ? useWatch({ control, name: String(props.name) })
+        : undefined;
+
+    const value = props.value ?? valueWatch ?? "";
+    const error = form?.formState?.errors?.[props.name as string]?.message;
+
+    // Floating label: label sobe se input está focado ou tem valor
+    const isFloating = focused || !!value;
+
+    return (
+      <div className={cn("relative", containerClassName)}>
+        <input
+          id={props.id || props.name}
+          type={type}
+          className={cn(
+            "peer flex h-12 w-full border border-input rounded-md bg-transparent px-3 pt-6 pb-2 text-sm text-white placeholder-transparent transition focus:outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          )}
+          onFocus={(event) => {
+            setFocused(true);
+            onFocus && onFocus(event);
+          }}
+          onBlur={(event) => {
+            setFocused(false);
+            onBlur && onBlur(event);
+          }}
+          ref={ref}
+          {...props}
+        />
+        {label && (
+          <label
+            htmlFor={props.id || props.name}
+            className={cn(
+              "absolute left-3 top-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
+              isFloating
+                ? "scale-90 -translate-y-3 text-xs text-blue-400"
+                : "scale-100 translate-y-0"
+            )}
+          >
+            {label}
+          </label>
+        )}
+        {Icon && (
+          <div
+            className={cn(
+              "absolute top-1/2 right-3 -translate-y-1/2 text-white",
+              iconClassName
+            )}
+            onClick={iconAction}
+          >
+            <Icon />
+          </div>
+        )}
+        {error && (
+          <span className="text-red-500 text-xs mt-1 block">
+            {error as string}
+          </span>
+        )}
+      </div>
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input };

package/src/components/index.ts

@@ -0,0 +1,2 @@
+export * from "./Button";
+export * from "./Input";

package/src/lib/utils.ts

@@ -0,0 +1,5 @@
+import clsx, { ClassValue } from "clsx";
+
+export function cn(...inputs: ClassValue[]) {
+  return clsx(...inputs);
+}

package/src/stories/Button.stories.tsx

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "../components/Button";
+
+const meta: Meta<typeof Button> = {
+  title: "Components/Button",
+  component: Button,
+  tags: ["autodocs"],
+};
+export default meta;
+
+type Story = StoryObj<typeof Button>;
+
+export const Default: Story = {
+  args: {
+    children: "Botão padrão",
+    variant: "default",
+  },
+};
+
+export const Outline: Story = {
+  args: {
+    children: "Botão outline",
+    variant: "outline",
+  },
+};

package/src/stories/Input.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Input } from "../components/Input";
+import { FormProvider, useForm } from "react-hook-form";
+
+const meta: Meta<typeof Input> = {
+  title: "Components/Input",
+  component: Input,
+  tags: ["autodocs"],
+};
+export default meta;
+
+type Story = StoryObj<typeof Input>;
+
+const Template = (args: any) => {
+  const methods = useForm();
+  return (
+    <FormProvider {...methods}>
+      <Input {...args} name="email" />
+    </FormProvider>
+  );
+};
+
+export const Default: Story = {
+  render: Template,
+  args: {
+    label: "E-mail",
+    placeholder: "Digite seu e-mail",
+  },
+};

package/src/styles/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;