@infinityloop.labs/ui-kit 0.0.1

package/LICENSE

@@ -0,0 +1,5 @@
+All licenses in this repository are copyrighted by their respective authors.
+
+Everything else is released under CC0.
+
+------------------------------------------------------------------------------

package/README.md

@@ -0,0 +1,2 @@
+# ruk
+open source mobile first ui kit for react

package/dist/components/atoms/Flex/index.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { JustifyContentType, AlignItemsType } from './lib/types';
+
+export declare const Flex: import('react').ForwardRefExoticComponent<{
+    column?: boolean;
+    middle?: boolean;
+    'justify-content'?: JustifyContentType;
+    'align-items'?: AlignItemsType;
+} & HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/atoms/Flex/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+export type JustifyContentType = 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+export type AlignItemsType = 'center' | 'flex-start' | 'stretch' | 'flex-end' | 'baseline';
+export declare const alignItems: Record<AlignItemsType, string>;
+export declare const justifyContent: Record<JustifyContentType, string>;

package/dist/components/atoms/Grid/index.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+
+export declare const Grid: import('react').ForwardRefExoticComponent<{
+    column?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+} & HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/atoms/Paper/index.d.ts

@@ -0,0 +1,5 @@
+export type PaperPropertyType = {
+    className?: string;
+    color?: 'white' | 'gray';
+};
+export declare const Paper: FC<PaperPropertyType>;

package/dist/components/atoms/Typography/index.d.ts

@@ -0,0 +1,11 @@
+import { FC, AnchorHTMLAttributes } from 'react';
+
+export type TypographyType = 'H1SemiBold' | 'H2SemiBold' | 'H3Medium' | 'H3SemiBold' | 'H4SemiBold' | 'MRegular' | 'MMedium' | 'MSemiBold' | 'SRegular' | 'SMedium' | 'SSemiBold' | 'XSMedium' | 'MonoMRegular' | 'MonoSRegular' | 'Heading32' | 'Heading24' | 'Heading20' | 'Heading16' | 'Heading14' | 'Heading12' | 'SemiBold52' | 'SemiBold48' | 'SemiBold40' | 'SemiBold32' | 'SemiBold24' | 'SemiBold20' | 'SemiBold16' | 'SemiBold14' | 'Regular24' | 'Regular20' | 'Regular16' | 'Regular14' | 'Regular12' | 'Mono16';
+type ElementType = 'a' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+type OwnPropertyType = {
+    typography: TypographyType;
+    element?: ElementType;
+    className?: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const Typography: FC<OwnPropertyType>;
+export {};

package/dist/components/atoms/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Flex';
+export * from './Grid';
+export * from './Typography';
+export * from './Paper';

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './atoms';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+
+export * from './components';

package/dist/index.es.js

@@ -0,0 +1,425 @@
+import H, { forwardRef as L } from "react";
+import { clsx as R } from "@infinityloop.labs/utils";
+var j = { exports: {} }, g = {};
+/**
+ * @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 B;
+function ae() {
+  if (B)
+    return g;
+  B = 1;
+  var l = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function i(u, n, s) {
+    var d = null;
+    if (s !== void 0 && (d = "" + s), n.key !== void 0 && (d = "" + n.key), "key" in n) {
+      s = {};
+      for (var m in n)
+        m !== "key" && (s[m] = n[m]);
+    } else
+      s = n;
+    return n = s.ref, {
+      $$typeof: l,
+      type: u,
+      key: d,
+      ref: n !== void 0 ? n : null,
+      props: s
+    };
+  }
+  return g.Fragment = c, g.jsx = i, g.jsxs = i, g;
+}
+var x = {};
+/**
+ * @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 F;
+function le() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && function() {
+    function l(e) {
+      if (e == null)
+        return null;
+      if (typeof e == "function")
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case b:
+          return "Fragment";
+        case q:
+          return "Profiler";
+        case z:
+          return "StrictMode";
+        case Q:
+          return "Suspense";
+        case K:
+          return "SuspenseList";
+        case te:
+          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 V:
+            return "Portal";
+          case X:
+            return e.displayName || "Context";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case Z:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ee:
+            return t = e.displayName || null, t !== null ? t : l(e.type) || "Memo";
+          case p:
+            t = e._payload, e = e._init;
+            try {
+              return l(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        c(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var r = t.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return r.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), c(e);
+      }
+    }
+    function u(e) {
+      if (e === b)
+        return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === p)
+        return "<...>";
+      try {
+        var t = l(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var e = v.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (h.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 r() {
+        N || (N = !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
+        ));
+      }
+      r.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: r,
+        configurable: !0
+      });
+    }
+    function U() {
+      var e = l(this.type);
+      return C[e] || (C[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 G(e, t, r, o, _, y) {
+      var a = r.ref;
+      return e = {
+        $$typeof: P,
+        type: e,
+        key: t,
+        props: r,
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: U
+      }) : 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: _
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: y
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, t, r, o, _, y) {
+      var a = t.children;
+      if (a !== void 0)
+        if (o)
+          if (ne(a)) {
+            for (o = 0; o < a.length; o++)
+              O(a[o]);
+            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
+          O(a);
+      if (h.call(t, "key")) {
+        a = l(e);
+        var f = Object.keys(t).filter(function(oe) {
+          return oe !== "key";
+        });
+        o = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", $[a + o] || (f = 0 < f.length ? "{" + f.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,
+          a,
+          f,
+          a
+        ), $[a + o] = !0);
+      }
+      if (a = null, r !== void 0 && (i(r), a = "" + r), d(t) && (i(t.key), a = "" + t.key), "key" in t) {
+        r = {};
+        for (var S in t)
+          S !== "key" && (r[S] = t[S]);
+      } else
+        r = t;
+      return a && m(
+        r,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), G(
+        e,
+        a,
+        r,
+        n(),
+        _,
+        y
+      );
+    }
+    function O(e) {
+      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === p && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function A(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === P;
+    }
+    var E = H, P = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), X = Symbol.for("react.context"), Z = Symbol.for("react.forward_ref"), Q = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), ee = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), v = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, h = Object.prototype.hasOwnProperty, ne = Array.isArray, T = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var N, C = {}, M = E.react_stack_bottom_frame.bind(
+      E,
+      s
+    )(), Y = T(u(s)), $ = {};
+    x.Fragment = b, x.jsx = function(e, t, r) {
+      var o = 1e4 > v.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        t,
+        r,
+        !1,
+        o ? Error("react-stack-top-frame") : M,
+        o ? T(u(e)) : Y
+      );
+    }, x.jsxs = function(e, t, r) {
+      var o = 1e4 > v.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        t,
+        r,
+        !0,
+        o ? Error("react-stack-top-frame") : M,
+        o ? T(u(e)) : Y
+      );
+    };
+  }()), x;
+}
+process.env.NODE_ENV === "production" ? j.exports = ae() : j.exports = le();
+var k = j.exports;
+const I = {
+  "flex-start": "items-start",
+  "flex-end": "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+}, D = {
+  "flex-start": "justify-start",
+  "flex-end": "justify-end",
+  center: "justify-center",
+  "space-between": "justify-between",
+  "space-around": "justify-around",
+  "space-evenly": "justify-evenly"
+}, W = L(
+  ({ children: l, className: c = "", column: i, middle: u, ...n }, s) => /* @__PURE__ */ k.jsx(
+    "div",
+    {
+      ref: s,
+      className: R(
+        "flex",
+        i && "flex-col",
+        n["justify-content"] && D[n["justify-content"]],
+        n["align-items"] && I[n["align-items"]],
+        u && `${I.center} ${D.center}`,
+        c
+      ),
+      ...n,
+      children: l
+    }
+  )
+);
+W.displayName = "Flex";
+const ie = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9",
+  10: "grid-cols-10",
+  11: "grid-cols-11",
+  12: "grid-cols-12"
+}, se = L(
+  ({ children: l, className: c = "", column: i = 2, ...u }, n) => /* @__PURE__ */ k.jsx(
+    "div",
+    {
+      ref: n,
+      className: R("grid", ie[i], c),
+      ...u,
+      children: l
+    }
+  )
+);
+se.displayName = "Grid";
+const ce = {
+  /*  */
+  H1SemiBold: "text-24 leading-140 font-600",
+  H2SemiBold: "text-20 leading-140 font-600",
+  H3Medium: "text-18 leading-148 font-500",
+  H3SemiBold: "text-18 leading-148 font-600",
+  H4SemiBold: "text-16 leading-148 font-600",
+  MRegular: "text-16 leading-148 font-400",
+  MMedium: "text-16 leading-148 font-500",
+  MSemiBold: "text-16 leading-148 font-600",
+  SRegular: "text-14 leading-148 font-400",
+  SMedium: "text-14 leading-148 font-500",
+  SSemiBold: "text-14 leading-148 font-600",
+  XSMedium: "text-12 leading-130 font-500",
+  MonoMRegular: "font-mono text-16 leading-140 font-400",
+  MonoSRegular: "font-mono text-14 leading-140 font-400",
+  /*  */
+  Heading32: "text-32 leading-40 font-600",
+  Heading24: "text-24 leading-30 font-600",
+  Heading20: "text-20 leading-28 font-600",
+  Heading16: "text-16 leading-24 font-600",
+  Heading14: "text-14 leading-16 font-600",
+  Heading12: "text-12 leading-16 font-600",
+  SemiBold52: "text-52 leading-64 font-600",
+  SemiBold48: "text-48 leading-60 font-600",
+  SemiBold40: "text-40 leading-48 font-600",
+  SemiBold32: "text-32 leading-40 font-600",
+  SemiBold24: "text-24 leading-32 font-600",
+  SemiBold20: "text-20 leading-28 font-600",
+  SemiBold16: "text-16 leading-24 font-600",
+  SemiBold14: "text-14 leading-20 font-600",
+  Regular24: "text-24 leading-30 font-400",
+  Regular20: "text-20 leading-26 font-400",
+  Regular16: "text-16 leading-24 font-400",
+  Regular14: "text-14 leading-20 font-400",
+  Regular12: "text-12 leading-16 font-400",
+  Mono16: "font-mono text-16 leading-24 font-400"
+}, ue = ({
+  typography: l,
+  element: c = "span",
+  className: i = "",
+  children: u,
+  ...n
+}) => {
+  const s = R(
+    "font-infinityloop",
+    ce[l],
+    i
+  );
+  return H.createElement(
+    c,
+    {
+      className: s,
+      ...n
+    },
+    u
+  );
+};
+ue.displayName = "Typography";
+const me = ({
+  children: l,
+  className: c,
+  color: i = "white"
+}) => /* @__PURE__ */ k.jsx(
+  W,
+  {
+    className: R(
+      "rounded-3",
+      {
+        "bg-content-constant": i === "white",
+        "bg-content-secondary": i === "gray"
+      },
+      c
+    ),
+    children: l
+  }
+);
+export {
+  W as Flex,
+  se as Grid,
+  me as Paper,
+  ue as Typography
+};

package/dist/index.umd.js

@@ -0,0 +1,22 @@
+(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@infinityloop.labs/utils")):typeof define=="function"&&define.amd?define(["exports","react","@infinityloop.labs/utils"],d):(c=typeof globalThis<"u"?globalThis:c||self,d((c["@infinityloop"]=c["@infinityloop"]||{},c["@infinityloop"]["labs/ui-kit"]={}),c.React,c["@infinityloop"]["labs/utils"]))})(this,function(c,d,R){"use strict";const de="";var y={exports:{}},g={};/**
+ * @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 P;function V(){if(P)return g;P=1;var i=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function l(f,n,s){var p=null;if(s!==void 0&&(p=""+s),n.key!==void 0&&(p=""+n.key),"key"in n){s={};for(var E in n)E!=="key"&&(s[E]=n[E])}else s=n;return n=s.ref,{$$typeof:i,type:f,key:p,ref:n!==void 0?n:null,props:s}}return g.Fragment=u,g.jsx=l,g.jsxs=l,g}var x={};/**
+ * @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 A;function z(){return A||(A=1,process.env.NODE_ENV!=="production"&&function(){function i(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 S:return"Fragment";case te:return"Profiler";case ee:return"StrictMode";case ae:return"Suspense";case ie: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 K:return"Portal";case ne:return e.displayName||"Context";case re:return(e._context.displayName||"Context")+".Consumer";case oe:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case le:return t=e.displayName||null,t!==null?t:i(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return i(e(t))}catch{}}return null}function u(e){return""+e}function l(e){try{u(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),u(e)}}function f(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var t=i(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function n(){var e=k.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function p(e){if(H.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function E(e,t){function r(){L||(L=!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))}r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}function Z(){var e=i(this.type);return W[e]||(W[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 Q(e,t,r,o,b,O){var a=r.ref;return e={$$typeof:D,type:e,key:t,props:r,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:Z}):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:b}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function F(e,t,r,o,b,O){var a=t.children;if(a!==void 0)if(o)if(ue(a)){for(o=0;o<a.length;o++)B(a[o]);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 B(a);if(H.call(t,"key")){a=i(e);var m=Object.keys(t).filter(function(fe){return fe!=="key"});o=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",G[a+o]||(m=0<m.length?"{"+m.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,a,m,a),G[a+o]=!0)}if(a=null,r!==void 0&&(l(r),a=""+r),p(t)&&(l(t.key),a=""+t.key),"key"in t){r={};for(var h in t)h!=="key"&&(r[h]=t[h])}else r=t;return a&&E(r,typeof e=="function"?e.displayName||e.name||"Unknown":e),Q(e,a,r,n(),b,O)}function B(e){I(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?I(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function I(e){return typeof e=="object"&&e!==null&&e.$$typeof===D}var _=d,D=Symbol.for("react.transitional.element"),K=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),ee=Symbol.for("react.strict_mode"),te=Symbol.for("react.profiler"),re=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),oe=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),ie=Symbol.for("react.suspense_list"),le=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),k=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,ue=Array.isArray,w=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var L,W={},$=_.react_stack_bottom_frame.bind(_,s)(),U=w(f(s)),G={};x.Fragment=S,x.jsx=function(e,t,r){var o=1e4>k.recentlyCreatedOwnerStacks++;return F(e,t,r,!1,o?Error("react-stack-top-frame"):$,o?w(f(e)):U)},x.jsxs=function(e,t,r){var o=1e4>k.recentlyCreatedOwnerStacks++;return F(e,t,r,!0,o?Error("react-stack-top-frame"):$,o?w(f(e)):U)}}()),x}process.env.NODE_ENV==="production"?y.exports=V():y.exports=z();var v=y.exports;const N={"flex-start":"items-start","flex-end":"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},C={"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},T=d.forwardRef(({children:i,className:u="",column:l,middle:f,...n},s)=>v.jsx("div",{ref:s,className:R.clsx("flex",l&&"flex-col",n["justify-content"]&&C[n["justify-content"]],n["align-items"]&&N[n["align-items"]],f&&`${N.center} ${C.center}`,u),...n,children:i}));T.displayName="Flex";const J={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12"},M=d.forwardRef(({children:i,className:u="",column:l=2,...f},n)=>v.jsx("div",{ref:n,className:R.clsx("grid",J[l],u),...f,children:i}));M.displayName="Grid";const X={H1SemiBold:"text-24 leading-140 font-600",H2SemiBold:"text-20 leading-140 font-600",H3Medium:"text-18 leading-148 font-500",H3SemiBold:"text-18 leading-148 font-600",H4SemiBold:"text-16 leading-148 font-600",MRegular:"text-16 leading-148 font-400",MMedium:"text-16 leading-148 font-500",MSemiBold:"text-16 leading-148 font-600",SRegular:"text-14 leading-148 font-400",SMedium:"text-14 leading-148 font-500",SSemiBold:"text-14 leading-148 font-600",XSMedium:"text-12 leading-130 font-500",MonoMRegular:"font-mono text-16 leading-140 font-400",MonoSRegular:"font-mono text-14 leading-140 font-400",Heading32:"text-32 leading-40 font-600",Heading24:"text-24 leading-30 font-600",Heading20:"text-20 leading-28 font-600",Heading16:"text-16 leading-24 font-600",Heading14:"text-14 leading-16 font-600",Heading12:"text-12 leading-16 font-600",SemiBold52:"text-52 leading-64 font-600",SemiBold48:"text-48 leading-60 font-600",SemiBold40:"text-40 leading-48 font-600",SemiBold32:"text-32 leading-40 font-600",SemiBold24:"text-24 leading-32 font-600",SemiBold20:"text-20 leading-28 font-600",SemiBold16:"text-16 leading-24 font-600",SemiBold14:"text-14 leading-20 font-600",Regular24:"text-24 leading-30 font-400",Regular20:"text-20 leading-26 font-400",Regular16:"text-16 leading-24 font-400",Regular14:"text-14 leading-20 font-400",Regular12:"text-12 leading-16 font-400",Mono16:"font-mono text-16 leading-24 font-400"},Y=({typography:i,element:u="span",className:l="",children:f,...n})=>{const s=R.clsx("font-infinityloop",X[i],l);return d.createElement(u,{className:s,...n},f)};Y.displayName="Typography";const q=({children:i,className:u,color:l="white"})=>v.jsx(T,{className:R.clsx("rounded-3",{"bg-content-constant":l==="white","bg-content-secondary":l==="gray"},u),children:i});c.Flex=T,c.Grid=M,c.Paper=q,c.Typography=Y,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border);--color-ring:var(--ring);--font-infinityloop:var(--font-infinityloop)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border);outline-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}body{background-color:var(--color-background);color:var(--color-foreground)}blockquote,body,span,div,a,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{font-size:inherit;font-weight:inherit;margin:0;padding:0;text-decoration:none}ol,ul{margin:0;padding:0;list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}}@layer components;@layer utilities{.flex{display:flex}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.font-infinityloop{font-family:var(--font-infinityloop)}.font-mono{font-family:var(--font-mono)}.leading-16{--tw-leading:calc(var(--spacing)*16);line-height:calc(var(--spacing)*16)}.leading-20{--tw-leading:calc(var(--spacing)*20);line-height:calc(var(--spacing)*20)}.leading-24{--tw-leading:calc(var(--spacing)*24);line-height:calc(var(--spacing)*24)}.leading-26{--tw-leading:calc(var(--spacing)*26);line-height:calc(var(--spacing)*26)}.leading-28{--tw-leading:calc(var(--spacing)*28);line-height:calc(var(--spacing)*28)}.leading-30{--tw-leading:calc(var(--spacing)*30);line-height:calc(var(--spacing)*30)}.leading-32{--tw-leading:calc(var(--spacing)*32);line-height:calc(var(--spacing)*32)}.leading-40{--tw-leading:calc(var(--spacing)*40);line-height:calc(var(--spacing)*40)}.leading-48{--tw-leading:calc(var(--spacing)*48);line-height:calc(var(--spacing)*48)}.leading-60{--tw-leading:calc(var(--spacing)*60);line-height:calc(var(--spacing)*60)}.leading-64{--tw-leading:calc(var(--spacing)*64);line-height:calc(var(--spacing)*64)}.leading-130{--tw-leading:calc(var(--spacing)*130);line-height:calc(var(--spacing)*130)}.leading-140{--tw-leading:calc(var(--spacing)*140);line-height:calc(var(--spacing)*140)}.leading-148{--tw-leading:calc(var(--spacing)*148);line-height:calc(var(--spacing)*148)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(0% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(69% .208 41.99);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(44.6% .255 288.304);--chart-2:oklch(52% .239 328.359);--chart-3:oklch(41.4% .242 269.174);--chart-4:oklch(81.4% .145 217.106);--chart-5:oklch(49.5% .268 285.935);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}@property --tw-leading{syntax:"*";inherits:false}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@infinityloop.labs/ui-kit",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "package.json",
+    "README",
+    "LICENSE",
+    "dist/"
+  ],
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "19.x.x",
+    "react-dom": "19.x.x"
+  },
+  "devDependencies": {
+    "@types/node": "^22.15.3",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react-swc": "^3.4.0",
+    "@infinityloop.labs/utils": "^1.0.0",
+    "@infinityloop.labs/tailwind-config": "^1.0.11",
+    "@infinityloop.labs/types": "^1.0.2",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.13",
+    "typescript": "^5.9.2",
+    "vite": "^4.5.0",
+    "vite-plugin-dts": "^3.6.1"
+  },
+  "dependencies": {
+    "@tailwindcss/postcss": "^4.1.13"
+  }
+}