@okam/stack-ui 1.37.1 → 1.38.0

package/theme/TextArea/index.d.ts

@@ -1,29 +1,29 @@
 export declare const textArea: import("tailwind-variants").TVReturnType<{
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, undefined, "\n    w-full\n    min-h-32\n    rounded-2xl\n    px-6\n    h-12\n    border-2\n    border-solid\n    transition\n    duration-300\n    ease-in-out\n    text-gray-2\n    placeholder:text-gray-2\n    focus-ring-black\n    \n  ", import("tailwind-variants/dist/config.js").TVConfig<{
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, {
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }>, {
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, undefined, "\n    w-full\n    min-h-32\n    rounded-2xl\n    px-6\n    h-12\n    border-2\n    border-solid\n    transition\n    duration-300\n    ease-in-out\n    text-gray-2\n    placeholder:text-gray-2\n    focus-ring-black\n    \n  ", import("tailwind-variants/dist/config.js").TVConfig<{
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }, {
     isError: {
-        true: "border-red-500";
+        true: string;
     };
 }>, unknown, unknown, undefined>>;

package/theme/Typography/index.d.ts

@@ -1,233 +1,233 @@
 declare const typography: import("tailwind-variants").TVReturnType<{
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }, {
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }>, {
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }, {
     size: {
-        h1: "text-5xl";
-        h2: "text-4xl";
-        h3: "text-3xl";
-        h4: "text-2xl";
-        h5: "text-xl";
-        h6: "text-lg";
-        leading: "text-md font-bold leading-normal";
-        paragraph: "text-md inline";
-        footnotes: "text-sm";
-        xs: "text-xs";
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        leading: string;
+        paragraph: string;
+        footnotes: string;
+        xs: string;
     };
     font: {
-        body: "font-body";
+        body: string;
     };
     weight: {
-        normal: "font-normal";
-        light: "font-light";
-        bold: "font-bold";
+        normal: string;
+        light: string;
+        bold: string;
     };
     color: {
-        gray: "text-gray-500";
-        white: "text-white";
+        gray: string;
+        white: string;
     };
     isError: {
-        true: "text-sm text-error py-3";
+        true: string;
     };
     align: {
-        center: "text-center";
-        left: "text-left";
-        right: "text-right";
+        center: string;
+        left: string;
+        right: string;
     };
 }>, unknown, unknown, undefined>>;
 export default typography;

package/transitions/AccordionTransition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TTransition } from '../types/components';
 declare const AccordionTransition: (props: TTransition) => JSX.Element;
 export default AccordionTransition;

package/transitions/ModalTransition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TTransition } from '../types/components';
 declare const ModalTransition: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
 export default ModalTransition;

package/transitions/RenderWithOpacity.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TTransition } from '../types/components';
 declare const RenderWithOpacity: ({ isVisible, children, themeName, tokens, customTheme, ...rest }: TTransition) => JSX.Element;
 export default RenderWithOpacity;

package/transitions/RenderWithSlide.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TTransition } from '../types/components';
 declare const RenderWithSlide: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
 export default RenderWithSlide;

package/transitions/SidePanelTransition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TTransition } from '../types/components';
 declare const SidePanelTransition: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
 export default SidePanelTransition;

package/types/next-link.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="react" />
 import type { UrlObject } from 'url';
 export type NextLinkProps = {
     href: string | UrlObject;

package/index321.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(n,e){return typeof e.getChildren=="function"?e.getChildren(n.key):n.childNodes}function l(n){return o(n)}function o(n,e){for(let t of n)return t}function s(n,e,t){if(e.parentKey===t.parentKey)return e.index-t.index;let r=[...c(n,e),e],f=[...c(n,t),t],d=r.slice(0,f.length).findIndex((i,u)=>i!==f[u]);return d!==-1?(e=r[d],t=f[d],e.index-t.index):r.findIndex(i=>i===t)>=0?1:(f.findIndex(i=>i===e)>=0,-1)}function c(n,e){let t=[],r=e;for(;(r==null?void 0:r.parentKey)!=null;)r=n.getItem(r.parentKey),r&&t.unshift(r);return t}exports.compareNodeOrder=s;exports.getChildNodes=a;exports.getFirstItem=l;exports.getNthItem=o;

package/index321.mjs

@@ -1,33 +0,0 @@
-function a(n, e) {
-  return typeof e.getChildren == "function" ? e.getChildren(n.key) : n.childNodes;
-}
-function s(n) {
-  return u(n);
-}
-function u(n, e) {
-  for (let t of n)
-    return t;
-}
-function $(n, e, t) {
-  if (e.parentKey === t.parentKey) return e.index - t.index;
-  let r = [
-    ...c(n, e),
-    e
-  ], f = [
-    ...c(n, t),
-    t
-  ], d = r.slice(0, f.length).findIndex((i, o) => i !== f[o]);
-  return d !== -1 ? (e = r[d], t = f[d], e.index - t.index) : r.findIndex((i) => i === t) >= 0 ? 1 : (f.findIndex((i) => i === e) >= 0, -1);
-}
-function c(n, e) {
-  let t = [], r = e;
-  for (; (r == null ? void 0 : r.parentKey) != null; )
-    r = n.getItem(r.parentKey), r && t.unshift(r);
-  return t;
-}
-export {
-  $ as compareNodeOrder,
-  a as getChildNodes,
-  s as getFirstItem,
-  u as getNthItem
-};

package/index322.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");class I{build(e,l){return this.context=l,V(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:l,items:u}=e;if(y.isValidElement(l)&&l.type===y.Fragment)yield*this.iterateCollection({children:l.props.children,items:u});else if(typeof l=="function"){if(!u)throw new Error("props.children was a function but props.items is missing");let n=0;for(let r of u)yield*this.getFullNode({value:r,index:n},{renderer:l}),n++}else{let n=[];y.Children.forEach(l,t=>{t&&n.push(t)});let r=0;for(let t of n){let d=this.getFullNode({element:t,index:r},{});for(let m of d)r++,yield m}}}getKey(e,l,u,n){if(e.key!=null)return e.key;if(l.type==="cell"&&l.key!=null)return`${n}${l.key}`;let r=l.value;if(r!=null){var t;let d=(t=r.key)!==null&&t!==void 0?t:r.id;if(d==null)throw new Error("No key found for item");return d}return n?`${n}.${l.index}`:`$.${l.index}`}getChildState(e,l){return{renderer:l.renderer||e.renderer}}*getFullNode(e,l,u,n){if(y.isValidElement(e.element)&&e.element.type===y.Fragment){let i=[];y.Children.forEach(e.element.props.children,f=>{i.push(f)});var r;let s=(r=e.index)!==null&&r!==void 0?r:0;for(const f of i)yield*this.getFullNode({element:f,index:s++},l,u,n);return}let t=e.element;if(!t&&e.value&&l&&l.renderer){let i=this.cache.get(e.value);if(i&&(!i.shouldInvalidate||!i.shouldInvalidate(this.context))){i.index=e.index,i.parentKey=n?n.key:null,yield i;return}t=l.renderer(e.value)}if(y.isValidElement(t)){let i=t.type;if(typeof i!="function"&&typeof i.getCollectionNode!="function"){let c=t.type;throw new Error(`Unknown element <${c}> in collection.`)}let s=i.getCollectionNode(t.props,this.context);var d;let f=(d=e.index)!==null&&d!==void 0?d:0,v=s.next();for(;!v.done&&v.value;){let c=v.value;e.index=f;var m;let C=(m=c.key)!==null&&m!==void 0?m:null;C==null&&(C=c.element?null:this.getKey(t,e,l,u));let S=[...this.getFullNode({...c,key:C,index:f,wrapper:p(e.wrapper,c.wrapper)},this.getChildState(l,c),u?`${u}${t.key}`:t.key,n)];for(let h of S){var x,k;h.value=(k=(x=c.value)!==null&&x!==void 0?x:e.value)!==null&&k!==void 0?k:null,h.value&&this.cache.set(h.value,h);var g;if(e.type&&h.type!==e.type)throw new Error(`Unsupported type <${E(h.type)}> in <${E((g=n==null?void 0:n.type)!==null&&g!==void 0?g:"unknown parent type")}>. Only <${E(e.type)}> is supported.`);f++,yield h}v=s.next(S)}return}if(e.key==null||e.type==null)return;let F=this;var w,b;let $={type:e.type,props:e.props,key:e.key,parentKey:n?n.key:null,value:(w=e.value)!==null&&w!==void 0?w:null,level:n?n.level+1:0,index:e.index,rendered:e.rendered,textValue:(b=e.textValue)!==null&&b!==void 0?b:"","aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes||!1,childNodes:V(function*(){if(!e.hasChildNodes||!e.childNodes)return;let i=0;for(let s of e.childNodes()){s.key!=null&&(s.key=`${$.key}${s.key}`);let f=F.getFullNode({...s,index:i},F.getChildState(l,s),$.key,$);for(let v of f)i++,yield v}})};yield $}constructor(){this.cache=new WeakMap}}function V(o){let e=[],l=null;return{*[Symbol.iterator](){for(let u of e)yield u;l||(l=o());for(let u of l)e.push(u),yield u}}}function p(o,e){if(o&&e)return l=>o(e(l));if(o)return o;if(e)return e}function E(o){return o[0].toUpperCase()+o.slice(1)}exports.CollectionBuilder=I;

package/index322.mjs

@@ -1,170 +0,0 @@
-import y from "react";
-class z {
-  build(e, l) {
-    return this.context = l, p(() => this.iterateCollection(e));
-  }
-  *iterateCollection(e) {
-    let { children: l, items: u } = e;
-    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
-      children: l.props.children,
-      items: u
-    });
-    else if (typeof l == "function") {
-      if (!u) throw new Error("props.children was a function but props.items is missing");
-      let n = 0;
-      for (let r of u)
-        yield* this.getFullNode({
-          value: r,
-          index: n
-        }, {
-          renderer: l
-        }), n++;
-    } else {
-      let n = [];
-      y.Children.forEach(l, (t) => {
-        t && n.push(t);
-      });
-      let r = 0;
-      for (let t of n) {
-        let d = this.getFullNode({
-          element: t,
-          index: r
-        }, {});
-        for (let m of d)
-          r++, yield m;
-      }
-    }
-  }
-  getKey(e, l, u, n) {
-    if (e.key != null) return e.key;
-    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
-    let r = l.value;
-    if (r != null) {
-      var t;
-      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
-      if (d == null) throw new Error("No key found for item");
-      return d;
-    }
-    return n ? `${n}.${l.index}` : `$.${l.index}`;
-  }
-  getChildState(e, l) {
-    return {
-      renderer: l.renderer || e.renderer
-    };
-  }
-  *getFullNode(e, l, u, n) {
-    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
-      let i = [];
-      y.Children.forEach(e.element.props.children, (s) => {
-        i.push(s);
-      });
-      var r;
-      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
-      for (const s of i) yield* this.getFullNode({
-        element: s,
-        index: o++
-      }, l, u, n);
-      return;
-    }
-    let t = e.element;
-    if (!t && e.value && l && l.renderer) {
-      let i = this.cache.get(e.value);
-      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
-        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
-        return;
-      }
-      t = l.renderer(e.value);
-    }
-    if (y.isValidElement(t)) {
-      let i = t.type;
-      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
-        let h = t.type;
-        throw new Error(`Unknown element <${h}> in collection.`);
-      }
-      let o = i.getCollectionNode(t.props, this.context);
-      var d;
-      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
-      for (; !v.done && v.value; ) {
-        let h = v.value;
-        e.index = s;
-        var m;
-        let b = (m = h.key) !== null && m !== void 0 ? m : null;
-        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
-        let V = [
-          ...this.getFullNode({
-            ...h,
-            key: b,
-            index: s,
-            wrapper: I(e.wrapper, h.wrapper)
-          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
-        ];
-        for (let c of V) {
-          var x, k;
-          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
-          var w;
-          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
-          s++, yield c;
-        }
-        v = o.next(V);
-      }
-      return;
-    }
-    if (e.key == null || e.type == null) return;
-    let F = this;
-    var g, C;
-    let $ = {
-      type: e.type,
-      props: e.props,
-      key: e.key,
-      parentKey: n ? n.key : null,
-      value: (g = e.value) !== null && g !== void 0 ? g : null,
-      level: n ? n.level + 1 : 0,
-      index: e.index,
-      rendered: e.rendered,
-      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
-      "aria-label": e["aria-label"],
-      wrapper: e.wrapper,
-      shouldInvalidate: e.shouldInvalidate,
-      hasChildNodes: e.hasChildNodes || !1,
-      childNodes: p(function* () {
-        if (!e.hasChildNodes || !e.childNodes) return;
-        let i = 0;
-        for (let o of e.childNodes()) {
-          o.key != null && (o.key = `${$.key}${o.key}`);
-          let s = F.getFullNode({
-            ...o,
-            index: i
-          }, F.getChildState(l, o), $.key, $);
-          for (let v of s)
-            i++, yield v;
-        }
-      })
-    };
-    yield $;
-  }
-  constructor() {
-    this.cache = /* @__PURE__ */ new WeakMap();
-  }
-}
-function p(f) {
-  let e = [], l = null;
-  return {
-    *[Symbol.iterator]() {
-      for (let u of e) yield u;
-      l || (l = f());
-      for (let u of l)
-        e.push(u), yield u;
-    }
-  };
-}
-function I(f, e) {
-  if (f && e) return (l) => f(e(l));
-  if (f) return f;
-  if (e) return e;
-}
-function E(f) {
-  return f[0].toUpperCase() + f.slice(1);
-}
-export {
-  z as CollectionBuilder
-};