@okam/stack-ui 2.0.3 → 2.1.0

package/index8.mjs

@@ -1,23 +1,23 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { useRef as O } from "react";
-import { useLink as R, FocusRing as F, useButton as L } from "react-aria";
-import k from "./index88.mjs";
-function b({ ref: e, ...n }) {
+import { useLink as R, FocusRing as k, useButton as L } from "react-aria";
+import b from "./index88.mjs";
+function x({ ref: e, ...n }) {
   const {
     as: t = "a",
     handlePress: c,
     children: u,
-    as: i,
-    customTheme: a,
+    as: a,
+    customTheme: i,
     tokens: m,
     themeName: h = "button",
-    nextLinkProps: { onClick: l, ...s } = {},
+    nextLinkProps: { onClick: l, ...o } = {},
     ...r
-  } = n, { onPress: d, onFocusChange: C, excludeFromTabOrder: B, preventFocusOnPress: T, ...g } = r, f = e, { linkProps: P } = R(
+  } = n, { onPress: d, onFocusChange: C, excludeFromTabOrder: T, preventFocusOnPress: p, ...g } = r, f = e, { linkProps: F } = R(
     {
       ...n,
-      ...s,
+      ...o,
       onClick: ({ currentTarget: N, ...y }) => {
         l?.({
           ...y,
@@ -25,44 +25,44 @@ function b({ ref: e, ...n }) {
           currentTarget: N
         });
       },
-      href: n.href ?? s?.href?.toString(),
-      elementType: i?.toString(),
+      href: n.href ?? o?.href?.toString(),
+      elementType: a?.toString(),
       onPress: c
     },
     e ?? f
-  ), p = k(h, m, a);
-  return /* @__PURE__ */ o(F, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(t, { ref: f, ...P, ...s, ...g, className: p, children: u }) });
+  ), P = b(h, m, i);
+  return /* @__PURE__ */ s(k, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(t, { ref: f, ...F, ...o, ...g, className: P, children: u }) });
 }
-function x({ ref: e, ...n }) {
+function B({ ref: e, ...n }) {
   const {
     as: t = "button",
     handlePress: c,
     children: u,
-    as: i,
-    customTheme: a,
+    as: a,
+    customTheme: i,
     tokens: m,
     themeName: h = "button",
     isDisabled: l = !1,
-    ...s
+    ...o
   } = n, r = e, { buttonProps: d } = L(
-    { ...n, isDisabled: l, elementType: i, onPress: c },
+    { ...n, isDisabled: l, elementType: a, onPress: c },
     e ?? r
-  ), C = k(h, m, a), { onPress: B, onFocusChange: T, excludeFromTabOrder: g, preventFocusOnPress: f, ...P } = s;
-  return /* @__PURE__ */ o(F, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(t, { ref: r, ...d, ...P, className: C, children: u }) });
+  ), C = b(h, m, i), { onPress: T, onPressStart: p, onFocusChange: g, excludeFromTabOrder: f, preventFocusOnPress: F, ...P } = o;
+  return /* @__PURE__ */ s(k, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(t, { ref: r, ...d, ...P, className: C, children: u }) });
 }
-function v({ ref: e, ...n }) {
+function S({ ref: e, ...n }) {
   const { as: t } = n;
-  return t === "a" ? /* @__PURE__ */ o(b, { ref: e, ...n }) : /* @__PURE__ */ o(x, { ref: e, ...n });
+  return t === "a" ? /* @__PURE__ */ s(x, { ref: e, ...n }) : /* @__PURE__ */ s(B, { ref: e, ...n });
 }
-v.displayName = "ButtonWithForwardRef";
-function S(e) {
+S.displayName = "ButtonWithForwardRef";
+function v(e) {
   const { as: n } = e, t = O(null);
-  return n === "a" ? /* @__PURE__ */ o(b, { ref: t, ...e }) : /* @__PURE__ */ o(x, { ref: t, ...e });
+  return n === "a" ? /* @__PURE__ */ s(x, { ref: t, ...e }) : /* @__PURE__ */ s(B, { ref: t, ...e });
 }
-S.displayName = "Button";
+v.displayName = "Button";
 export {
-  b as Anchor,
-  S as Button,
-  S as ButtonComponent,
-  v as ButtonWithForwardRef
+  x as Anchor,
+  v as Button,
+  v as ButtonComponent,
+  S as ButtonWithForwardRef
 };

package/index91.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const d=require("react"),p=require("./index87.js"),h=require("./index143.js"),k=require("./index144.js"),i=require("./index145.js"),t=require("./index146.js"),m=require("./index147.js"),g=require("./index148.js"),o=require("./index149.js"),s=require("./index150.js"),q=require("./index151.js"),f=require("./index152.js"),$=require("./index153.js"),b=require("./index154.js"),w=require("./index155.js"),I=require("./index156.js"),u=require("./index157.js"),c=require("./index158.js"),l=require("./index159.js"),x=require("./index160.js"),n=require("./index161.js"),a=require("./index162.js"),B=require("./index163.js"),G=require("./index164.js"),M=require("./index165.js"),T=require("./index166.js"),y=require("./index167.js"),r=require("./index168.js"),L=require("./index118.js"),P=L.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:h.accordionTheme,carousel:g,calendar:m.calendarTheme,datePicker:f.datePickerTheme,popover:I,typography:e=>r(e),button:e=>t(e),link:t,sidePanel:{wrapper:e=>a.sidePanelWrapper(e),container:e=>a.sidePanelContainer(e),innerContainer:e=>a.sidePanelInnerContainer(e)},comboBox:q,lightBox:b,printButton:{icon:e=>u.printButtonIcon(e),button:e=>u.printButton(e)},shareButton:{icon:e=>n.shareButtonIcon(e),button:e=>n.shareButton(e),container:e=>n.shareButtonContainer(e),linksList:e=>n.shareButtonLinksList(e),link:e=>n.shareButtonLink(e),linkIcons:e=>n.shareButtonLinkIcons(e)},skipToMain:e=>B.skipToMain(e),checkbox:{container:e=>o.checkboxContainer(e),label:e=>o.checkboxLabel(e),checkBox:e=>o.checkBox(e),checkMark:e=>o.checkMark(e),checkMarkIcon:e=>o.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>c.radioLabel(e),radio:e=>c.radio(e),selectedMark:e=>c.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>l.radioGroup(e),radioGroupItemsGroup:e=>l.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>t(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>t({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>T.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:y,search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>x.searchInput(e),icon:e=>x.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:$.imgTheme,alerts:k,tagGroup:M,tabList:G,listBox:w}),v=d.memo(p.createThemeProvider(P));module.exports=v;
+"use strict";const d=require("react"),p=require("./index87.js"),h=require("./index145.js"),k=require("./index146.js"),t=require("./index147.js"),i=require("./index148.js"),m=require("./index149.js"),g=require("./index150.js"),o=require("./index151.js"),u=require("./index152.js"),q=require("./index153.js"),f=require("./index154.js"),$=require("./index155.js"),b=require("./index156.js"),w=require("./index157.js"),B=require("./index158.js"),l=require("./index159.js"),c=require("./index160.js"),x=require("./index161.js"),a=require("./index162.js"),n=require("./index163.js"),s=require("./index164.js"),I=require("./index165.js"),G=require("./index166.js"),M=require("./index167.js"),T=require("./index168.js"),y=require("./index169.js"),r=require("./index170.js"),L=require("./index118.js"),P=L.makeTheme({main:e=>t.main(e),gridItem:e=>t.gridItem(e),grid:e=>t.grid(e),container:e=>t.container(e),accordion:h.accordionTheme,carousel:g,calendar:m.calendarTheme,datePicker:f.datePickerTheme,popover:B,typography:e=>r(e),button:e=>i(e),link:i,sidePanel:{wrapper:e=>s.sidePanelWrapper(e),container:e=>s.sidePanelContainer(e),innerContainer:e=>s.sidePanelInnerContainer(e)},comboBox:q,lightBox:b,printButton:{icon:e=>l.printButtonIcon(e),button:e=>l.printButton(e)},shareButton:{icon:e=>n.shareButtonIcon(e),button:e=>n.shareButton(e),container:e=>n.shareButtonContainer(e),linksList:e=>n.shareButtonLinksList(e),link:e=>n.shareButtonLink(e),linkIcons:e=>n.shareButtonLinkIcons(e)},skipToMain:e=>I.skipToMain(e),checkbox:{container:e=>o.checkboxContainer(e),label:e=>o.checkboxLabel(e),checkBox:e=>o.checkBox(e),checkMark:e=>o.checkMark(e),checkMarkIcon:e=>o.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>c.radioLabel(e),radio:e=>c.radio(e),selectedMark:e=>c.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>x.radioGroup(e),radioGroupItemsGroup:e=>x.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>u.checkboxGroup(e),checkboxGroupItemsGroup:e=>u.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>i(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>i({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>T.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:y,search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>a.searchInput(e),icon:e=>a.searchIcon(e),button:e=>a.searchButton(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:$.imgTheme,alerts:k,tagGroup:M,tabList:G,listBox:w}),v=d.memo(p.createThemeProvider(P));module.exports=v;

package/index91.mjs

@@ -1,34 +1,34 @@
 "use client";
 import { memo as t } from "react";
 import { createThemeProvider as i } from "./index87.mjs";
-import { accordionTheme as n } from "./index143.mjs";
-import a from "./index144.mjs";
-import { container as m, grid as p, gridItem as c, main as s } from "./index145.mjs";
-import r from "./index146.mjs";
-import { calendarTheme as l } from "./index147.mjs";
-import u from "./index148.mjs";
-import { checkMarkIcon as f, checkMark as h, checkBox as x, checkboxLabel as d, checkboxContainer as k } from "./index149.mjs";
-import { checkboxGroupItemsGroup as g, checkboxGroup as b } from "./index150.mjs";
-import T from "./index151.mjs";
-import { datePickerTheme as w } from "./index152.mjs";
-import { imgTheme as B } from "./index153.mjs";
-import I from "./index154.mjs";
-import G from "./index155.mjs";
-import M from "./index156.mjs";
-import { printButton as y, printButtonIcon as L } from "./index157.mjs";
-import { selectedMark as v, radio as P, radioLabel as C } from "./index158.mjs";
-import { radioGroupItemsGroup as z, radioGroup as E } from "./index159.mjs";
-import { searchIcon as N, searchInput as A } from "./index160.mjs";
-import { shareButtonLinkIcons as W, shareButtonLink as j, shareButtonLinksList as q, shareButtonContainer as D, shareButton as F, shareButtonIcon as H } from "./index161.mjs";
-import { sidePanelInnerContainer as J, sidePanelContainer as K, sidePanelWrapper as O } from "./index162.mjs";
-import { skipToMain as Q } from "./index163.mjs";
-import R from "./index164.mjs";
-import S from "./index165.mjs";
-import { textArea as U } from "./index166.mjs";
-import V from "./index167.mjs";
-import o from "./index168.mjs";
-import { makeTheme as X } from "./index118.mjs";
-const Y = X({
+import { accordionTheme as n } from "./index145.mjs";
+import a from "./index146.mjs";
+import { container as m, grid as p, gridItem as c, main as s } from "./index147.mjs";
+import r from "./index148.mjs";
+import { calendarTheme as l } from "./index149.mjs";
+import u from "./index150.mjs";
+import { checkMarkIcon as f, checkMark as h, checkBox as x, checkboxLabel as d, checkboxContainer as k } from "./index151.mjs";
+import { checkboxGroupItemsGroup as g, checkboxGroup as b } from "./index152.mjs";
+import B from "./index153.mjs";
+import { datePickerTheme as T } from "./index154.mjs";
+import { imgTheme as w } from "./index155.mjs";
+import I from "./index156.mjs";
+import G from "./index157.mjs";
+import M from "./index158.mjs";
+import { printButton as y, printButtonIcon as L } from "./index159.mjs";
+import { selectedMark as v, radio as P, radioLabel as C } from "./index160.mjs";
+import { radioGroupItemsGroup as z, radioGroup as E } from "./index161.mjs";
+import { searchButton as N, searchIcon as A, searchInput as W } from "./index162.mjs";
+import { shareButtonLinkIcons as j, shareButtonLink as q, shareButtonLinksList as D, shareButtonContainer as F, shareButton as H, shareButtonIcon as J } from "./index163.mjs";
+import { sidePanelInnerContainer as K, sidePanelContainer as O, sidePanelWrapper as Q } from "./index164.mjs";
+import { skipToMain as R } from "./index165.mjs";
+import S from "./index166.mjs";
+import U from "./index167.mjs";
+import { textArea as V } from "./index168.mjs";
+import X from "./index169.mjs";
+import o from "./index170.mjs";
+import { makeTheme as Y } from "./index118.mjs";
+const Z = Y({
   main: (e) => s(e),
   gridItem: (e) => c(e),
   grid: (e) => p(e),
@@ -36,31 +36,31 @@ const Y = X({
   accordion: n,
   carousel: u,
   calendar: l,
-  datePicker: w,
+  datePicker: T,
   popover: M,
   typography: (e) => o(e),
   button: (e) => r(e),
   link: r,
   sidePanel: {
-    wrapper: (e) => O(e),
-    container: (e) => K(e),
-    innerContainer: (e) => J(e)
+    wrapper: (e) => Q(e),
+    container: (e) => O(e),
+    innerContainer: (e) => K(e)
   },
-  comboBox: T,
+  comboBox: B,
   lightBox: I,
   printButton: {
     icon: (e) => L(e),
     button: (e) => y(e)
   },
   shareButton: {
-    icon: (e) => H(e),
-    button: (e) => F(e),
-    container: (e) => D(e),
-    linksList: (e) => q(e),
-    link: (e) => j(e),
-    linkIcons: (e) => W(e)
+    icon: (e) => J(e),
+    button: (e) => H(e),
+    container: (e) => F(e),
+    linksList: (e) => D(e),
+    link: (e) => q(e),
+    linkIcons: (e) => j(e)
   },
-  skipToMain: (e) => Q(e),
+  skipToMain: (e) => R(e),
   checkbox: {
     container: (e) => k(e),
     label: (e) => d(e),
@@ -104,16 +104,17 @@ const Y = X({
     wrapper: () => "flex flex-col",
     container: () => "flex items-center gap-4",
     label: () => "text-gray-3 px-6",
-    input: (e) => U(e),
+    input: (e) => V(e),
     errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
   },
-  textInput: V,
+  textInput: X,
   search: {
     wrapper: () => "min-w-fit sm:w-80 flex flex-col gap-2",
     container: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",
     label: () => "text-gray-3",
-    input: (e) => A(e),
-    icon: (e) => N(e),
+    input: (e) => W(e),
+    icon: (e) => A(e),
+    button: (e) => N(e),
     errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
   },
   menu: {
@@ -131,12 +132,12 @@ const Y = X({
     button: () => "",
     anchor: () => ""
   },
-  img: B,
+  img: w,
   alerts: a,
-  tagGroup: S,
-  tabList: R,
+  tagGroup: U,
+  tabList: S,
   listBox: G
-}), ye = t(i(Y));
+}), Le = t(i(Z));
 export {
-  ye as default
+  Le as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/stack-ui",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "repository": {
     "url": "https://github.com/OKAMca/stack.git"
   },

package/theme/Search/index.d.ts

@@ -11,4 +11,5 @@ export declare const searchInput: import('tailwind-variants').TVReturnType<{
         true: string;
     };
 }, undefined, "p-4 w-full outline-0 search-cancel:appearance-none", unknown, unknown, undefined>>;
-export declare const searchIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    box-border \n    absolute \n    right-4 \n    focus-ring-black\n    outline-0\n  ", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    box-border \n    absolute \n    right-4 \n    focus-ring-black\n    outline-0\n  ", unknown, unknown, undefined>>;
+export declare const searchIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    box-border\n    absolute\n    right-4\n    focus-ring-black\n    outline-0\n  ", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    box-border\n    absolute\n    right-4\n    focus-ring-black\n    outline-0\n  ", unknown, unknown, undefined>>;
+export declare const searchButton: import('tailwind-variants').TVReturnType<{} | {} | {} | {}, undefined, "cursor-pointer", {} | {} | {}, undefined, import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "\n    box-border\n    absolute\n    right-4\n    focus-ring-black\n    outline-0\n  ", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "\n    box-border\n    absolute\n    right-4\n    focus-ring-black\n    outline-0\n  ", unknown, unknown, undefined>>>;