@tpc-mare/mare-ui-components-react 0.1.2 → 0.1.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tpc-mare/mare-ui-components-react",
   "description": "Mare components for React (headless base, MIT). Framework-agnostic design system, React adapter.",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "type": "module",
   "license": "MIT",
   "author": "The Palace Company",
@@ -35,12 +35,6 @@
       "import": "./dist/*/index.js"
     }
   },
-  "scripts": {
-    "build": "vite build",
-    "build-storybook": "storybook build",
-    "dev": "vite build --watch",
-    "storybook": "storybook dev -p 6100"
-  },
   "peerDependencies": {
     "@ark-ui/react": "^5.0.0",
     "react": ">=18.0.0",
@@ -53,10 +47,6 @@
     "@ark-ui/react": "^5.37.2",
     "@storybook/react-vite": "^10.5.3",
     "@tailwindcss/vite": "^4.1.17",
-    "@tpc-development/mare-ui-components-core": "workspace:^",
-    "@tpc-development/mare-ui-core-styles": "workspace:^",
-    "@tpc-development/mare-ui-storybook-addon": "workspace:^",
-    "@tpc-development/mare-ui-tokens": "workspace:^",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react-swc": "^4.3.1",
@@ -64,10 +54,20 @@
     "react-dom": "^18.3.1",
     "typescript": "^5.9.3",
     "vite": "^7.2.4",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "@tpc-development/mare-ui-components-core": "^0.0.1",
+    "@tpc-development/mare-ui-core-styles": "^4.0.0-beta.4",
+    "@tpc-development/mare-ui-storybook-addon": "^3.228.155-beta.0",
+    "@tpc-development/mare-ui-tokens": "^4.0.0-beta.4"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build-storybook": "storybook build",
+    "dev": "vite build --watch",
+    "storybook": "storybook dev -p 6100"
   }
-}
+}

package/dist/shared/HelperText-D656H0Lf.js

@@ -1,103 +0,0 @@
-import { jsx as r, jsxs as c, Fragment as v } from "react/jsx-runtime";
-import { useFieldContext as s, FieldInput as L, FieldRoot as u, FieldLabel as N, FieldErrorText as w, FieldHelperText as C } from "@ark-ui/react/field";
-import { u as h, d as S, x as I, g as T, F as f, p, f as H, h as P } from "./field-layout-BXKpp5E_.js";
-function $({
-  value: e = "",
-  onValueChange: a,
-  size: t = "medium",
-  rounded: l = !1,
-  invalid: n = !1,
-  disabled: d = !1,
-  placeholder: o,
-  ...g
-}) {
-  const i = h(), F = !s(), y = S({
-    size: t,
-    rounded: l,
-    hasFloatLabel: i?.hasFloatLabel ?? !1,
-    iconSide: i?.iconSide ?? null
-  }), x = i?.hasFloatLabel ? " " : o, m = /* @__PURE__ */ r(
-    L,
-    {
-      ...g,
-      className: y,
-      placeholder: x,
-      value: e,
-      onChange: (b) => a?.(b.target.value)
-    }
-  );
-  return F ? /* @__PURE__ */ r(
-    u,
-    {
-      invalid: n,
-      disabled: d,
-      className: "mare:w-full",
-      children: m
-    }
-  ) : m;
-}
-function k({ value: e, max: a }) {
-  const l = s()?.disabled ?? !1;
-  return /* @__PURE__ */ c("span", { className: I(l), children: [
-    e.length,
-    "/",
-    a
-  ] });
-}
-function B({
-  invalid: e = !1,
-  disabled: a = !1,
-  required: t = !1,
-  children: l
-}) {
-  return /* @__PURE__ */ r(
-    u,
-    {
-      invalid: e,
-      disabled: a,
-      required: t,
-      className: T,
-      children: l
-    }
-  );
-}
-const j = "mare:pointer-events-none mare:absolute mare:left-3 mare:origin-[0] mare:transition-all mare:duration-150 mare:tpc-typography-body-m mare:text-weak mare:top-1/2 mare:-translate-y-1/2 mare:group-focus-within:top-2 mare:group-focus-within:translate-y-0 mare:group-focus-within:tpc-typography-body-xs mare:group-has-[:is(input,textarea):not(:placeholder-shown)]:top-2 mare:group-has-[:is(input,textarea):not(:placeholder-shown)]:translate-y-0 mare:group-has-[:is(input,textarea):not(:placeholder-shown)]:tpc-typography-body-xs";
-function R({ label: e, children: a }) {
-  const t = { hasFloatLabel: !0, iconSide: null }, l = `${j} mare:group-has-[.mare-icon-left_svg]:left-10 mare:group-has-[textarea]:top-2 mare:group-has-[textarea]:translate-y-0`, n = /* @__PURE__ */ c(v, { children: [
-    a,
-    /* @__PURE__ */ r(N, { className: l, children: e })
-  ] }), o = !s() ? /* @__PURE__ */ r(u, { className: p, children: n }) : /* @__PURE__ */ r("div", { className: p, children: n });
-  return /* @__PURE__ */ r(f.Provider, { value: t, children: o });
-}
-function q({
-  icon: e,
-  position: a = "left",
-  children: t
-}) {
-  const n = {
-    hasFloatLabel: h()?.hasFloatLabel ?? !1,
-    iconSide: a
-  };
-  return /* @__PURE__ */ r(f.Provider, { value: n, children: /* @__PURE__ */ c(
-    "div",
-    {
-      className: `mare:relative mare:w-full mare:group ${a === "left" ? "mare-icon-left" : "mare-icon-right"}`,
-      children: [
-        t,
-        /* @__PURE__ */ r("span", { className: H(a), children: e })
-      ]
-    }
-  ) });
-}
-function z({ children: e }) {
-  const t = s()?.invalid ?? !1, l = P(t);
-  return t ? /* @__PURE__ */ r(w, { className: l, children: e }) : /* @__PURE__ */ r(C, { className: l, children: e });
-}
-export {
-  k as C,
-  R as F,
-  z as H,
-  q as I,
-  B as a,
-  $ as b
-};