@okam/stack-ui 1.37.0 → 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/components/Lightbox/hooks/overlay/index.d.ts

@@ -1,79 +0,0 @@
-import type { RefObject } from 'react';
-import type { OverlayTriggerProps } from 'react-aria';
-import type { OverlayTriggerState } from 'react-stately';
-declare function useOverlayHook(props: OverlayTriggerProps, state: OverlayTriggerState, ref?: RefObject<Element>): {
-    openTriggerProps: {
-        isDisabled?: boolean | undefined;
-        children?: import("react").ReactNode;
-        onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
-        onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
-        onPressChange?: ((isPressed: boolean) => void) | undefined;
-        onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
-        onClick?: ((e: import("react").MouseEvent<import("@react-types/shared").FocusableElement, MouseEvent>) => void) | undefined;
-        autoFocus?: boolean | undefined;
-        onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
-        onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
-        onFocusChange?: ((isFocused: boolean) => void) | undefined;
-        onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
-        onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
-        rel?: string | undefined;
-        elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
-        'aria-expanded'?: boolean | "true" | "false" | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        preventFocusOnPress?: boolean | undefined;
-        excludeFromTabOrder?: boolean | undefined;
-        id?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby': string;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        handlePress: ((e: import("react-aria").PressEvent) => void) | undefined;
-    };
-    triggerProps: {
-        isDisabled?: boolean | undefined;
-        children?: import("react").ReactNode;
-        onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
-        onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
-        onPressChange?: ((isPressed: boolean) => void) | undefined;
-        onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
-        onClick?: ((e: import("react").MouseEvent<import("@react-types/shared").FocusableElement, MouseEvent>) => void) | undefined;
-        autoFocus?: boolean | undefined;
-        onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
-        onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
-        onFocusChange?: ((isFocused: boolean) => void) | undefined;
-        onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
-        onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
-        rel?: string | undefined;
-        elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
-        'aria-expanded'?: boolean | "true" | "false" | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        preventFocusOnPress?: boolean | undefined;
-        excludeFromTabOrder?: boolean | undefined;
-        id?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        handlePress: ((e: import("react-aria").PressEvent) => void) | undefined;
-    };
-    labelProps: {
-        id: string;
-    };
-    overlayProps: {
-        'aria-labelledby': string;
-        id?: string | undefined;
-    };
-};
-export default useOverlayHook;

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;