@a4banana/react-layout-primitives 1.0.0 → 1.2.0

package/dist/Column-BQyZsRY7.cjs

@@ -0,0 +1,6 @@
+"use strict";const M=require("react"),z={Start:"start",End:"end",Center:"center",SpaceBetween:"space-between",SpaceAround:"space-around",SpaceEvenly:"space-evenly"},W={Top:"top",Bottom:"bottom",Center:"center",SpaceBetween:"space-between",SpaceAround:"space-around",SpaceEvenly:"space-evenly"},U={Start:"start",Center:"center",End:"end",Stretch:"stretch"},q={Top:"top",Center:"center",Bottom:"bottom",Stretch:"stretch"},F={start:"flex-start",end:"flex-end",top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch","space-between":"space-between","space-around":"space-around","space-evenly":"space-evenly"};var S={exports:{}},_={};var D;function ce(){if(D)return _;D=1;var l=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function i(f,o,s){var c=null;if(s!==void 0&&(c=""+s),o.key!==void 0&&(c=""+o.key),"key"in o){s={};for(var u in o)u!=="key"&&(s[u]=o[u])}else s=o;return o=s.ref,{$$typeof:l,type:f,key:c,ref:o!==void 0?o:null,props:s}}return _.Fragment=d,_.jsx=i,_.jsxs=i,_}var b={};var L;function ue(){return L||(L=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case Z:return"Profiler";case X:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case ae: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 H:return"Portal";case K:return e.displayName||"Context";case Q:return(e._context.displayName||"Context")+".Consumer";case ee:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function d(e){return""+e}function i(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),d(e)}}function f(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=x.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function c(e){if(j.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function u(e,r){function t(){C||(C=!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)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function y(){var e=l(this.type);return N[e]||(N[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 k(e,r,t,n,A,h){var a=t.ref;return e={$$typeof:T,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:y}):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:A}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:h}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,r,t,n,A,h){var a=r.children;if(a!==void 0)if(n)if(se(a)){for(n=0;n<a.length;n++)v(a[n]);Object.freeze&&Object.freeze(a)}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 v(a);if(j.call(r,"key")){a=l(e);var p=Object.keys(r).filter(function(le){return le!=="key"});n=0<p.length?"{key: someKey, "+p.join(": ..., ")+": ...}":"{key: someKey}",I[a+n]||(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} />`,n,a,p,a),I[a+n]=!0)}if(a=null,t!==void 0&&(i(t),a=""+t),c(r)&&(i(r.key),a=""+r.key),"key"in r){t={};for(var P in r)P!=="key"&&(t[P]=r[P])}else t=r;return a&&u(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),k(e,a,t,o(),A,h)}function v(e){R(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?R(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function R(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}var m=M,T=Symbol.for("react.transitional.element"),H=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),X=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),K=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),x=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,j=Object.prototype.hasOwnProperty,se=Array.isArray,O=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var C,N={},Y=m.react_stack_bottom_frame.bind(m,s)(),$=O(f(s)),I={};b.Fragment=w,b.jsx=function(e,r,t){var n=1e4>x.recentlyCreatedOwnerStacks++;return E(e,r,t,!1,n?Error("react-stack-top-frame"):Y,n?O(f(e)):$)},b.jsxs=function(e,r,t){var n=1e4>x.recentlyCreatedOwnerStacks++;return E(e,r,t,!0,n?Error("react-stack-top-frame"):Y,n?O(f(e)):$)}})()),b}var V;function ie(){return V||(V=1,process.env.NODE_ENV==="production"?S.exports=ce():S.exports=ue()),S.exports}var fe=ie();function J(l){const{direction:d,defaultArrangement:i,defaultAlignment:f}=l;return({children:s=null,arrangement:c=i,alignment:u=f,style:y={},className:k="",gap:E=0,as:v="div",ref:R,...m})=>{const T=M.useMemo(()=>({display:"flex",flexDirection:d,gap:`${E}px`,justifyContent:F[c]??c,alignItems:F[u]??u}),[E,c,u]);return fe.jsx(v,{ref:R,style:{...T,...y},className:k,...m,children:s})}}const B=J({direction:"row",defaultArrangement:z.Start,defaultAlignment:q.Stretch});B.displayName="Row";const G=J({direction:"column",defaultArrangement:W.Top,defaultAlignment:U.Stretch});G.displayName="Column";exports.Column=G;exports.HorizontalAlignment=U;exports.HorizontalArrangement=z;exports.Row=B;exports.VerticalAlignment=q;exports.VerticalArrangement=W;

package/dist/Column-CQXZX7F9.js

@@ -0,0 +1,348 @@
+import re, { useMemo as te } from "react";
+const ne = {
+  Start: "start",
+  End: "end",
+  Center: "center",
+  SpaceBetween: "space-between",
+  SpaceAround: "space-around",
+  SpaceEvenly: "space-evenly"
+}, ae = {
+  Top: "top",
+  Bottom: "bottom",
+  Center: "center",
+  SpaceBetween: "space-between",
+  SpaceAround: "space-around",
+  SpaceEvenly: "space-evenly"
+}, oe = {
+  Start: "start",
+  Center: "center",
+  End: "end",
+  Stretch: "stretch"
+}, se = {
+  Top: "top",
+  Center: "center",
+  Bottom: "bottom",
+  Stretch: "stretch"
+}, F = {
+  start: "flex-start",
+  end: "flex-end",
+  top: "flex-start",
+  bottom: "flex-end",
+  center: "center",
+  stretch: "stretch",
+  "space-between": "space-between",
+  "space-around": "space-around",
+  "space-evenly": "space-evenly"
+};
+var A = { exports: {} }, _ = {};
+var D;
+function le() {
+  if (D) return _;
+  D = 1;
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
+  function i(f, o, s) {
+    var c = null;
+    if (s !== void 0 && (c = "" + s), o.key !== void 0 && (c = "" + o.key), "key" in o) {
+      s = {};
+      for (var u in o)
+        u !== "key" && (s[u] = o[u]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: l,
+      type: f,
+      key: c,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return _.Fragment = d, _.jsx = i, _.jsxs = i, _;
+}
+var b = {};
+var L;
+function ce() {
+  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case w:
+          return "Fragment";
+        case z:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case Z:
+          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 W:
+            return "Portal";
+          case J:
+            return e.displayName || "Context";
+          case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case B:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case x:
+            r = e._payload, e = e._init;
+            try {
+              return l(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function d(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        d(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), d(e);
+      }
+    }
+    function f(e) {
+      if (e === w) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
+        return "<...>";
+      try {
+        var r = l(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = O.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function c(e) {
+      if (j.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function u(e, r) {
+      function t() {
+        C || (C = !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)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function y() {
+      var e = l(this.type);
+      return N[e] || (N[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 k(e, r, t, n, S, h) {
+      var a = t.ref;
+      return e = {
+        $$typeof: T,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: y
+      }) : 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: S
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: h
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function E(e, r, t, n, S, h) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (K(a)) {
+            for (n = 0; n < a.length; n++)
+              v(a[n]);
+            Object.freeze && Object.freeze(a);
+          } 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 v(a);
+      if (j.call(r, "key")) {
+        a = l(e);
+        var p = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        n = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (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} />`,
+          n,
+          a,
+          p,
+          a
+        ), I[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (i(t), a = "" + t), c(r) && (i(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var P in r)
+          P !== "key" && (t[P] = r[P]);
+      } else t = r;
+      return a && u(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), k(
+        e,
+        a,
+        t,
+        o(),
+        S,
+        h
+      );
+    }
+    function v(e) {
+      R(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? R(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function R(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === T;
+    }
+    var m = re, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), w = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), z = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), J = /* @__PURE__ */ Symbol.for("react.context"), B = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), x = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), O = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, K = Array.isArray, g = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    m = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var C, N = {}, Y = m.react_stack_bottom_frame.bind(
+      m,
+      s
+    )(), $ = g(f(s)), I = {};
+    b.Fragment = w, b.jsx = function(e, r, t) {
+      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : Y,
+        n ? g(f(e)) : $
+      );
+    }, b.jsxs = function(e, r, t) {
+      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : Y,
+        n ? g(f(e)) : $
+      );
+    };
+  })()), b;
+}
+var M;
+function ue() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? A.exports = le() : A.exports = ce()), A.exports;
+}
+var ie = ue();
+function V(l) {
+  const { direction: d, defaultArrangement: i, defaultAlignment: f } = l;
+  return ({
+    children: s = null,
+    arrangement: c = i,
+    alignment: u = f,
+    style: y = {},
+    className: k = "",
+    gap: E = 0,
+    as: v = "div",
+    ref: R,
+    ...m
+  }) => {
+    const T = te(() => ({
+      display: "flex",
+      flexDirection: d,
+      gap: `${E}px`,
+      justifyContent: F[c] ?? c,
+      alignItems: F[u] ?? u
+    }), [E, c, u]);
+    return /* @__PURE__ */ ie.jsx(
+      v,
+      {
+        ref: R,
+        style: { ...T, ...y },
+        className: k,
+        ...m,
+        children: s
+      }
+    );
+  };
+}
+const fe = V({
+  direction: "row",
+  defaultArrangement: ne.Start,
+  defaultAlignment: se.Stretch
+});
+fe.displayName = "Row";
+const de = V({
+  direction: "column",
+  defaultArrangement: ae.Top,
+  defaultAlignment: oe.Stretch
+});
+de.displayName = "Column";
+export {
+  de as C,
+  oe as H,
+  fe as R,
+  se as V,
+  ne as a,
+  ae as b
+};

package/dist/index.cjs

@@ -1,31 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),s={EQUAL_WEIGHT:"Equal Weight",SPACE_BETWEEN:"Space Between",SPACE_AROUND:"Space Around",SPACE_EVENLY:"Space Evenly",CENTER:"Center",START:"Start",END:"End",TOP:"Top",BOTTOM:"Bottom"},be={[s.EQUAL_WEIGHT]:"stretch",[s.SPACE_BETWEEN]:"space-between",[s.SPACE_AROUND]:"space-around",[s.SPACE_EVENLY]:"space-evenly",[s.CENTER]:"center",[s.START]:"flex-start",[s.END]:"flex-end",[s.TOP]:"flex-start",[s.BOTTOM]:"flex-end"};var P={exports:{}},O={};/**
- * @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 ge;function je(){if(ge)return O;ge=1;var f=Symbol.for("react.transitional.element"),A=Symbol.for("react.fragment");function g(R,i,c){var E=null;if(c!==void 0&&(E=""+c),i.key!==void 0&&(E=""+i.key),"key"in i){c={};for(var d in i)d!=="key"&&(c[d]=i[d])}else c=i;return i=c.ref,{$$typeof:f,type:R,key:E,ref:i!==void 0?i:null,props:c}}return O.Fragment=A,O.jsx=g,O.jsxs=g,O}var N={};/**
- * @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 Te;function he(){return Te||(Te=1,process.env.NODE_ENV!=="production"&&function(){function f(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===we?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case q:return"Fragment";case xe:return"Portal";case D:return"Profiler";case K:return"StrictMode";case V:return"Suspense";case G:return"SuspenseList"}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 re:return(e.displayName||"Context")+".Provider";case ee:return(e._context.displayName||"Context")+".Consumer";case B:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case J:return r=e.displayName||null,r!==null?r:f(e.type)||"Memo";case L:r=e._payload,e=e._init;try{return f(e(r))}catch{}}return null}function A(e){return""+e}function g(e){try{A(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),A(e)}}function R(){}function i(){if(p===0){oe=console.log,ae=console.info,ue=console.warn,le=console.error,se=console.group,fe=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:R,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}p++}function c(){if(p--,p===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:_({},e,{value:oe}),info:_({},e,{value:ae}),warn:_({},e,{value:ue}),error:_({},e,{value:le}),group:_({},e,{value:se}),groupCollapsed:_({},e,{value:fe}),groupEnd:_({},e,{value:ie})})}0>p&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function E(e){if(H===void 0)try{throw Error()}catch(t){var r=t.stack.trim().match(/\n( *(at )?)/);H=r&&r[1]||"",ce=-1<t.stack.indexOf(`
-    at`)?" (<anonymous>)":-1<t.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+H+e+ce}function d(e,r){if(!e||X)return"";var t=F.get(e);if(t!==void 0)return t;X=!0,t=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var o=null;o=T.H,T.H=null,i();try{var u={DetermineComponentFrameRoot:function(){try{if(r){var b=function(){throw Error()};if(Object.defineProperty(b.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(b,[])}catch(m){var k=m}Reflect.construct(e,[],b)}else{try{b.call()}catch(m){k=m}e.call(b.prototype)}}else{try{throw Error()}catch(m){k=m}(b=e())&&typeof b.catch=="function"&&b.catch(function(){})}}catch(m){if(m&&k&&typeof m.stack=="string")return[m.stack,k.stack]}return[null,null]}};u.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var a=Object.getOwnPropertyDescriptor(u.DetermineComponentFrameRoot,"name");a&&a.configurable&&Object.defineProperty(u.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var n=u.DetermineComponentFrameRoot(),v=n[0],C=n[1];if(v&&C){var l=v.split(`
-`),y=C.split(`
-`);for(n=a=0;a<l.length&&!l[a].includes("DetermineComponentFrameRoot");)a++;for(;n<y.length&&!y[n].includes("DetermineComponentFrameRoot");)n++;if(a===l.length||n===y.length)for(a=l.length-1,n=y.length-1;1<=a&&0<=n&&l[a]!==y[n];)n--;for(;1<=a&&0<=n;a--,n--)if(l[a]!==y[n]){if(a!==1||n!==1)do if(a--,n--,0>n||l[a]!==y[n]){var w=`
-`+l[a].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&F.set(e,w),w}while(1<=a&&0<=n);break}}}finally{X=!1,T.H=o,c(),Error.prepareStackTrace=t}return l=(l=e?e.displayName||e.name:"")?E(l):"",typeof e=="function"&&F.set(e,l),l}function S(e){if(e==null)return"";if(typeof e=="function"){var r=e.prototype;return d(e,!(!r||!r.isReactComponent))}if(typeof e=="string")return E(e);switch(e){case V:return E("Suspense");case G:return E("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case B:return e=d(e.render,!1),e;case J:return S(e.type);case L:r=e._payload,e=e._init;try{return S(e(r))}catch{}}return""}function x(){var e=T.A;return e===null?null:e.getOwner()}function j(e){if(ne.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Y(e,r){function t(){Ee||(Ee=!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)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function M(){var e=f(this.type);return de[e]||(de[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 W(e,r,t,o,u,a){return t=a.ref,e={$$typeof:U,type:e,key:r,props:a,_owner:u},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:M}):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.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,r,t,o,u,a){if(typeof e=="string"||typeof e=="function"||e===q||e===D||e===K||e===V||e===G||e===pe||typeof e=="object"&&e!==null&&(e.$$typeof===L||e.$$typeof===J||e.$$typeof===re||e.$$typeof===ee||e.$$typeof===B||e.$$typeof===Oe||e.getModuleId!==void 0)){var n=r.children;if(n!==void 0)if(o)if(z(n)){for(o=0;o<n.length;o++)Q(n[o],e);Object.freeze&&Object.freeze(n)}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 Q(n,e)}else n="",(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),e===null?o="null":z(e)?o="array":e!==void 0&&e.$$typeof===U?(o="<"+(f(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):o=typeof e,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",o,n);if(ne.call(r,"key")){n=f(e);var v=Object.keys(r).filter(function(l){return l!=="key"});o=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",ve[n+o]||(v=0<v.length?"{"+v.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} />`,o,n,v,n),ve[n+o]=!0)}if(n=null,t!==void 0&&(g(t),n=""+t),j(r)&&(g(r.key),n=""+r.key),"key"in r){t={};for(var C in r)C!=="key"&&(t[C]=r[C])}else t=r;return n&&Y(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,n,a,u,x(),t)}function Q(e,r){if(typeof e=="object"&&e&&e.$$typeof!==Ne){if(z(e))for(var t=0;t<e.length;t++){var o=e[t];$(o)&&Z(o,r)}else if($(e))e._store&&(e._store.validated=1);else if(e===null||typeof e!="object"?t=null:(t=te&&e[te]||e["@@iterator"],t=typeof t=="function"?t:null),typeof t=="function"&&t!==e.entries&&(t=t.call(e),t!==e))for(;!(e=t.next()).done;)$(e.value)&&Z(e.value,r)}}function $(e){return typeof e=="object"&&e!==null&&e.$$typeof===U}function Z(e,r){if(e._store&&!e._store.validated&&e.key==null&&(e._store.validated=1,r=Ce(r),!me[r])){me[r]=!0;var t="";e&&e._owner!=null&&e._owner!==x()&&(t=null,typeof e._owner.tag=="number"?t=f(e._owner.type):typeof e._owner.name=="string"&&(t=e._owner.name),t=" It was passed a child from "+t+".");var o=T.getCurrentStack;T.getCurrentStack=function(){var u=S(e.type);return o&&(u+=o()||""),u},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',r,t),T.getCurrentStack=o}}function Ce(e){var r="",t=x();return t&&(t=f(t.type))&&(r=`
-
-Check the render method of \``+t+"`."),r||(e=f(e))&&(r=`
-
-Check the top-level render call using <`+e+">."),r}var Se=I,U=Symbol.for("react.transitional.element"),xe=Symbol.for("react.portal"),q=Symbol.for("react.fragment"),K=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),ee=Symbol.for("react.consumer"),re=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),V=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),J=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),pe=Symbol.for("react.offscreen"),te=Symbol.iterator,we=Symbol.for("react.client.reference"),T=Se.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ne=Object.prototype.hasOwnProperty,_=Object.assign,Oe=Symbol.for("react.client.reference"),z=Array.isArray,p=0,oe,ae,ue,le,se,fe,ie;R.__reactDisabledLog=!0;var H,ce,X=!1,F=new(typeof WeakMap=="function"?WeakMap:Map),Ne=Symbol.for("react.client.reference"),Ee,de={},ve={},me={};N.Fragment=q,N.jsx=function(e,r,t,o,u){return h(e,r,t,!1,o,u)},N.jsxs=function(e,r,t,o,u){return h(e,r,t,!0,o,u)}}()),N}var _e;function ke(){return _e||(_e=1,process.env.NODE_ENV==="production"?P.exports=je():P.exports=he()),P.exports}var Pe=ke();function ye(f){const{direction:A,defaultArrangement:g,defaultAlignment:R}=f;return I.forwardRef(({children:c=null,arrangement:E=g,alignment:d=R,style:S={},className:x="",gap:j=0,as:Y="div",...M},W)=>{const h=I.useMemo(()=>({display:"flex",flexDirection:A,gap:`${j}px`,justifyContent:be[E],alignItems:be[d]}),[j,E,d]);return Pe.jsx(Y,{ref:W,style:{...h,...S},className:x,...M,children:c})})}const Ae=ye({direction:"row",defaultArrangement:s.START,defaultAlignment:s.TOP});Ae.displayName="Row";const Re=ye({direction:"column",defaultArrangement:s.TOP,defaultAlignment:s.START});Re.displayName="Column";exports.Column=Re;exports.Row=Ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Column-BQyZsRY7.cjs");exports.Column=n.Column;exports.HorizontalAlignment=n.HorizontalAlignment;exports.HorizontalArrangement=n.HorizontalArrangement;exports.Row=n.Row;exports.VerticalAlignment=n.VerticalAlignment;exports.VerticalArrangement=n.VerticalArrangement;

package/dist/index.d.ts

@@ -1,88 +1,123 @@
 import { ComponentPropsWithRef } from 'react';
 import { CSSProperties } from 'react';
 import { ElementType } from 'react';
-import { ForwardRefExoticComponent } from 'react';
 import { ReactNode } from 'react';
+import { Ref } from 'react';
 
-/** Configuration options for element alignment in both horizontal and vertical directions */
-declare type Alignment = Readonly<{
-    /** Alignment configuration for horizontal positioning */
-    Horizontal: HorizontalAlignment;
-    /** Alignment configuration for vertical positioning */
-    Vertical: VerticalAlignment;
-}>;
+export declare const Column: {
+    (props: ColumnProps): React.JSX.Element;
+    displayName?: string;
+};
 
-/** Configuration options for element arrangement in both horizontal and vertical directions */
-declare type Arrangement = Readonly<{
-    /** Arrangement configuration for horizontal layouts */
-    Horizontal: HorizontalArrangement;
-    /** Arrangement configuration for vertical layouts */
-    Vertical: VerticalArrangement;
-}>;
+/**
+ * Props for the Column component.
+ * @example
+ * ```tsx
+ * <Column arrangement={VerticalArrangement.SpaceBetween} alignment={HorizontalAlignment.Center}>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Column>
+ * ```
+ */
+export declare interface ColumnProps extends LayoutPrimitivesProps {
+    /** Controls vertical distribution of children (main axis) */
+    readonly arrangement?: VerticalArrangement;
+    /** Controls horizontal alignment of children (cross axis) */
+    readonly alignment?: HorizontalAlignment;
+}
 
 /**
- * Common arrangement values used across the layout primitives.
- * These values are used to define the alignment and distribution of child elements.
+ * Namespace for horizontal alignment options.
+ * Used for Column's cross axis alignment.
  */
-declare const ArrangementValues: {
-    readonly EQUAL_WEIGHT: "Equal Weight";
-    readonly SPACE_BETWEEN: "Space Between";
-    readonly SPACE_AROUND: "Space Around";
-    readonly SPACE_EVENLY: "Space Evenly";
-    readonly CENTER: "Center";
-    readonly START: "Start";
-    readonly END: "End";
-    readonly TOP: "Top";
-    readonly BOTTOM: "Bottom";
+export declare const HorizontalAlignment: {
+    readonly Start: "start";
+    readonly Center: "center";
+    readonly End: "end";
+    readonly Stretch: "stretch";
 };
 
-export declare const Column: ForwardRefExoticComponent<ColumnProps>;
+export declare type HorizontalAlignment = typeof HorizontalAlignment[keyof typeof HorizontalAlignment];
 
 /**
- * Props interface for the Column component
- * Extends LayoutPrimitivesProps with column-specific arrangement options
+ * Namespace for horizontal arrangement options.
+ * Used for Row's main axis distribution.
  */
-export declare interface ColumnProps extends LayoutPrimitivesProps {
-    readonly arrangement?: Arrangement['Vertical'];
-    readonly alignment?: Alignment['Horizontal'];
-}
-
-/** Common arrangement options that can be applied to both horizontal and vertical layouts */
-declare type CommonArrangement = typeof ArrangementValues.EQUAL_WEIGHT | typeof ArrangementValues.SPACE_BETWEEN | typeof ArrangementValues.SPACE_AROUND | typeof ArrangementValues.SPACE_EVENLY | typeof ArrangementValues.CENTER;
-
-/** Alignment options for horizontal positioning */
-declare type HorizontalAlignment = typeof ArrangementValues.START | typeof ArrangementValues.CENTER | typeof ArrangementValues.END;
+export declare const HorizontalArrangement: {
+    readonly Start: "start";
+    readonly End: "end";
+    readonly Center: "center";
+    readonly SpaceBetween: "space-between";
+    readonly SpaceAround: "space-around";
+    readonly SpaceEvenly: "space-evenly";
+};
 
-/** Arrangement options specific to horizontal layouts */
-declare type HorizontalArrangement = typeof ArrangementValues.START | typeof ArrangementValues.END | CommonArrangement;
+export declare type HorizontalArrangement = typeof HorizontalArrangement[keyof typeof HorizontalArrangement];
 
 /**
- * Base interface for all layout primitive components
- * Extends React's div props while adding custom layout properties
+ * Base props for all layout primitive components.
+ * Extends React's div props while adding custom layout properties.
  */
-declare interface LayoutPrimitivesProps extends Omit<ComponentPropsWithRef<'div'>, 'as'> {
+export declare interface LayoutPrimitivesProps extends Omit<ComponentPropsWithRef<'div'>, 'as' | 'ref'> {
     readonly children?: ReactNode;
     readonly style?: CSSProperties;
     readonly className?: string;
+    /** Gap between child elements in pixels */
     readonly gap?: number;
+    /** The element type to render as */
     readonly as?: ElementType;
+    /** Ref to the underlying DOM element (React 19+ ref-as-prop) */
+    readonly ref?: Ref<HTMLElement>;
 }
 
-export declare const Row: ForwardRefExoticComponent<RowProps>;
+export declare const Row: {
+    (props: RowProps): React.JSX.Element;
+    displayName?: string;
+};
 
 /**
- * Props interface for the Row component
- * Extends LayoutPrimitivesProps with row-specific arrangement options
+ * Props for the Row component.
+ * @example
+ * ```tsx
+ * <Row arrangement={HorizontalArrangement.SpaceBetween} alignment={VerticalAlignment.Center}>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Row>
+ * ```
  */
 export declare interface RowProps extends LayoutPrimitivesProps {
-    readonly arrangement?: Arrangement['Horizontal'];
-    readonly alignment?: Alignment['Vertical'];
+    /** Controls horizontal distribution of children (main axis) */
+    readonly arrangement?: HorizontalArrangement;
+    /** Controls vertical alignment of children (cross axis) */
+    readonly alignment?: VerticalAlignment;
 }
 
-/** Alignment options for vertical positioning */
-declare type VerticalAlignment = typeof ArrangementValues.TOP | typeof ArrangementValues.CENTER | typeof ArrangementValues.BOTTOM;
+/**
+ * Namespace for vertical alignment options.
+ * Used for Row's cross axis alignment.
+ */
+export declare const VerticalAlignment: {
+    readonly Top: "top";
+    readonly Center: "center";
+    readonly Bottom: "bottom";
+    readonly Stretch: "stretch";
+};
+
+export declare type VerticalAlignment = typeof VerticalAlignment[keyof typeof VerticalAlignment];
+
+/**
+ * Namespace for vertical arrangement options.
+ * Used for Column's main axis distribution.
+ */
+export declare const VerticalArrangement: {
+    readonly Top: "top";
+    readonly Bottom: "bottom";
+    readonly Center: "center";
+    readonly SpaceBetween: "space-between";
+    readonly SpaceAround: "space-around";
+    readonly SpaceEvenly: "space-evenly";
+};
 
-/** Arrangement options specific to vertical layouts */
-declare type VerticalArrangement = typeof ArrangementValues.TOP | typeof ArrangementValues.BOTTOM | CommonArrangement;
+export declare type VerticalArrangement = typeof VerticalArrangement[keyof typeof VerticalArrangement];
 
 export { }