@stokelp/ui 2.98.0 → 2.99.0

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

@@ -1,3 +1,4 @@
 export * from './price-tag';
 export * from './product-card-catalog';
 export * from './navigation';
+export * from './mobile-navigation';

package/dist/components/app/mobile-navigation/MobileNavigation.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@stokelp/styled-system/jsx"),o=require("@stokelp/styled-system/recipes"),s=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs"),{withProvider:r,withContext:e}=s.createStyleContext(o.mobileNavigation,{dataAttr:!0}),c=r(t.styled("nav"),"root"),i=e(t.styled("a"),"item"),a=e(n.Icon,"itemIcon",{defaultProps:{size:"sm"}}),l=e(t.styled("span"),"itemLabel");exports.Item=i;exports.ItemIcon=a;exports.ItemLabel=l;exports.Root=c;
+//# sourceMappingURL=MobileNavigation.cjs.map

package/dist/components/app/mobile-navigation/MobileNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavigation.cjs","sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"names":["withProvider","withContext","createStyleContext","mobileNavigation","Root","styled","Item","ItemIcon","Icon","ItemLabel"],"mappings":"8PAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,SAAO,KAAK,EAAG,MAAM,EACzCC,EAAOL,EAAYI,SAAO,GAAG,EAAG,MAAM,EACtCE,EAAWN,EAAYO,EAAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IAAA,CAEV,CAAC,EACYC,EAAYR,EAAYI,SAAO,MAAM,EAAG,WAAW"}

package/dist/components/app/mobile-navigation/MobileNavigation.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, FC } from 'react';
+import { ComponentVariants } from '../../../utils/slots';
+import { StyledComponent } from '@stokelp/styled-system/types';
+import { MobileNavigationRecipe } from '@stokelp/styled-system/recipes';
+import { IconProps } from '../../icon/Icon';
+export declare const Root: ComponentVariants<StyledComponent<"nav", {}>, MobileNavigationRecipe>;
+export declare const Item: StyledComponent<"a", {}>;
+export declare const ItemIcon: FC<IconProps>;
+export declare const ItemLabel: StyledComponent<"span", {}>;
+export interface MobileNavigationProps extends ComponentProps<typeof Root> {
+}
+export interface MobileNavigationItemProps extends ComponentProps<typeof Item> {
+}
+export interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {
+}
+export interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {
+}

package/dist/components/app/mobile-navigation/MobileNavigation.js

@@ -0,0 +1,19 @@
+"use client";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { mobileNavigation as e } from "@stokelp/styled-system/recipes";
+import { createStyleContext as m } from "../../../utils/slots.js";
+import { Icon as r } from "../../icon/Icon.js";
+const { withProvider: i, withContext: o } = m(e, {
+  dataAttr: !0
+}), l = i(t("nav"), "root"), p = o(t("a"), "item"), I = o(r, "itemIcon", {
+  defaultProps: {
+    size: "sm"
+  }
+}), f = o(t("span"), "itemLabel");
+export {
+  p as Item,
+  I as ItemIcon,
+  f as ItemLabel,
+  l as Root
+};
+//# sourceMappingURL=MobileNavigation.js.map

package/dist/components/app/mobile-navigation/MobileNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavigation.js","sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"names":["withProvider","withContext","createStyleContext","mobileNavigation","Root","styled","Item","ItemIcon","Icon","ItemLabel"],"mappings":";;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAkB;AAAA,EACzE,UAAU;AACZ,CAAC,GAEYC,IAAOJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GACzCC,IAAOL,EAAYI,EAAO,GAAG,GAAG,MAAM,GACtCE,IAAWN,EAAYO,GAAM,YAAY;AAAA,EACpD,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAEV,CAAC,GACYC,IAAYR,EAAYI,EAAO,MAAM,GAAG,WAAW;"}

package/dist/components/app/mobile-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * as MobileNavigation from './MobileNavigation.tsx';
+export type { MobileNavigationProps, MobileNavigationItemProps, MobileNavigationItemIconProps, MobileNavigationItemLabelProps, } from './MobileNavigation.tsx';

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),t=require("react-phone-number-input");;/* empty css            */const C=require("./preset.cjs"),a=require("./components/accordion/Accordion.cjs"),s=require("./components/action-card/ActionCard.cjs"),T=require("./components/alert/Alert.cjs"),m=require("./components/app/navigation/AppNavigation.cjs"),h=require("./components/app/navigation/language-select/AppNavigationLanguageSelect.cjs"),q=require("./components/avatar/styled.cjs"),P=require("./components/box/Box.cjs"),l=require("./components/breadcrumb/Breadcrumb.cjs"),I=require("./components/button/Button.cjs"),A=require("./components/button-filter/ButtonFilter.cjs"),y=require("./components/chat/Chat.cjs"),D=require("./components/chat/ChatDocumentMessage.cjs"),x=require("./components/chat/ChatMessage.cjs"),B=require("./components/chat/ChatProfileAvatar.cjs"),v=require("./components/chat/ChatTextInput.cjs"),d=require("./components/checkbox/Checkbox.cjs"),w=require("./components/checkbox-card/namespace.cjs"),c=require("./components/chip/Chip.cjs"),S=require("./components/collapsible/styled.cjs"),G=require("./components/combobox/Combobox.cjs"),f=require("./components/date-picker/DatePicker.cjs"),L=require("./components/dialog/styled.cjs"),e=require("./components/drawer/Drawer.cjs"),b=require("./components/flag/styled.cjs"),R=require("./components/form/FormControl.cjs"),N=require("./components/form/FormHelperText.cjs"),F=require("./components/form/FormLabel.cjs"),j=require("./components/heading/Heading.cjs"),i=require("./components/input/HighlightedInput.cjs"),O=require("./components/icon/Icon.cjs"),H=require("./components/icon-button/IconButton.cjs"),k=require("./components/illustration/Illustration.cjs"),M=require("./components/input/Input.cjs"),$=require("./components/input/InputAddon.cjs"),E=require("./components/input/InputGroup.cjs"),V=require("./components/menu/Menu.cjs"),z=require("./components/pagination/Pagination.cjs"),J=require("./components/input/PhoneNumberInput.cjs"),o=require("./components/popover/Popover.cjs"),K=require("./components/app/price-tag/PriceTag.cjs"),Q=require("./components/app/product-card-catalog/styled.cjs"),p=require("./components/radio-button-group/RadioButtonGroup.cjs"),U=require("./components/radio-card-group/namespace.cjs"),g=require("./components/radio-group/RadioGroup.cjs"),W=require("./components/select/Select.cjs"),X=require("./components/select-language/SelectLanguage.cjs"),Y=require("./components/status-tag-select/StatusTagSelect.cjs"),Z=require("./components/switch/Switch.cjs"),_=require("./components/switch-card/namespace.cjs"),r=require("./components/table/Table.cjs"),u=require("./components/tabs/Tabs.cjs"),ee=require("./components/tag/Tag.cjs"),re=require("./components/text/Text.cjs"),te=require("./components/textarea/Textarea.cjs"),oe=require("./components/tooltip/Tooltip.cjs");Object.defineProperty(exports,"createListCollection",{enumerable:!0,get:()=>n.createListCollection});Object.defineProperty(exports,"createToaster",{enumerable:!0,get:()=>n.createToaster});Object.defineProperty(exports,"parseColor",{enumerable:!0,get:()=>n.parseColor});Object.defineProperty(exports,"parseDate",{enumerable:!0,get:()=>n.parseDate});Object.defineProperty(exports,"useAccordion",{enumerable:!0,get:()=>n.useAccordion});Object.defineProperty(exports,"formatPhoneNumber",{enumerable:!0,get:()=>t.formatPhoneNumber});Object.defineProperty(exports,"formatPhoneNumberIntl",{enumerable:!0,get:()=>t.formatPhoneNumberIntl});Object.defineProperty(exports,"getCountries",{enumerable:!0,get:()=>t.getCountries});Object.defineProperty(exports,"getCountryCallingCode",{enumerable:!0,get:()=>t.getCountryCallingCode});Object.defineProperty(exports,"isPossiblePhoneNumber",{enumerable:!0,get:()=>t.isPossiblePhoneNumber});Object.defineProperty(exports,"isSupportedCountry",{enumerable:!0,get:()=>t.isSupportedCountry});Object.defineProperty(exports,"isValidPhoneNumber",{enumerable:!0,get:()=>t.isValidPhoneNumber});Object.defineProperty(exports,"parsePhoneNumber",{enumerable:!0,get:()=>t.parsePhoneNumber});exports.preset=C.preset;exports.Accordion=a.Accordion;exports.AccordionItem=a.AccordionItem;exports.AccordionItemContent=a.AccordionItemContent;exports.AccordionItemIndicator=a.AccordionItemIndicator;exports.AccordionItemTrigger=a.AccordionItemTrigger;exports.ActionCard=s.ActionCard;exports.ActionCardDescription=s.ActionCardDescription;exports.ActionCardTitle=s.ActionCardTitle;exports.Alert=T.Alert;exports.AppNavigation=m;exports.AppNavigationLanguageSelect=h.AppNavigationLanguageSelect;exports.Avatar=q;exports.Box=P.Box;exports.Breadcrumb=l.Breadcrumb;exports.BreadcrumbItem=l.BreadcrumbItem;exports.BreadcrumbLink=l.BreadcrumbLink;exports.Button=I.Button;exports.ButtonFilter=A.ButtonFilter;exports.Chat=y;exports.ChatDocumentMessage=D.ChatDocumentMessage;exports.ChatMessage=x.ChatMessage;exports.ChatProfileAvatar=B.ChatProfileAvatar;exports.ChatTextInput=v.ChatTextInput;exports.Checkbox=d.Checkbox;exports.CheckboxGroup=d.CheckboxGroup;exports.CheckboxCard=w;exports.Chip=c.Chip;exports.ChipAvatar=c.ChipAvatar;exports.ChipClearTrigger=c.ChipClearTrigger;exports.ChipLabel=c.ChipLabel;exports.Collapsible=S;exports.Combobox=G.Combobox;exports.DatePicker=f.DatePicker;exports.Dialog=L;exports.Drawer=e.Drawer;exports.DrawerBody=e.DrawerBody;exports.DrawerCloseTrigger=e.DrawerCloseTrigger;exports.DrawerContent=e.DrawerContent;exports.DrawerContext=e.DrawerContext;exports.DrawerFooter=e.DrawerFooter;exports.DrawerHeader=e.DrawerHeader;exports.DrawerTitle=e.DrawerTitle;exports.DrawerTrigger=e.DrawerTrigger;exports.Flag=b.Flag;exports.FlagCountryCodes=b.FlagCountryCodes;exports.FormControl=R.FormControl;exports.FormHelperText=N.FormHelperText;exports.FormLabel=F.FormLabel;exports.Heading=j.Heading;exports.Highlight=i.Highlight;exports.HighlightedInput=i.HighlightedInput;exports.InputSlot=i.InputSlot;exports.Renderer=i.Renderer;exports.Root=i.Root;exports.Icon=O.Icon;exports.IconButton=H.IconButton;exports.Illustration=k.Illustration;exports.Input=M.Input;exports.InputAddon=$.InputAddon;exports.InputGroup=E.InputGroup;exports.Menu=V;exports.Pagination=z.Pagination;exports.PhoneNumberInput=J.PhoneNumberInput;exports.Popover=o.Popover;exports.PopoverAnchor=o.PopoverAnchor;exports.PopoverCloseTrigger=o.PopoverCloseTrigger;exports.PopoverContent=o.PopoverContent;exports.PopoverContext=o.PopoverContext;exports.PopoverTrigger=o.PopoverTrigger;exports.PriceTag=K.PriceTag;exports.ProductCardCatalog=Q;exports.RadioButtonGroup=p.RadioButtonGroup;exports.RadioButtonGroupItem=p.RadioButtonGroupItem;exports.RadioButtonGroupLabel=p.RadioButtonGroupLabel;exports.RadioCardGroup=U;exports.RadioGroup=g.RadioGroup;exports.RadioGroupItem=g.RadioGroupItem;exports.RadioGroupLabel=g.RadioGroupLabel;exports.Select=W.Select;exports.SelectLanguage=X.SelectLanguage;exports.StatusTagSelect=Y.StatusTagSelect;exports.Switch=Z.Switch;exports.SwitchCard=_;exports.Table=r.Table;exports.TableContainer=r.TableContainer;exports.TableEmptyRow=r.TableEmptyRow;exports.TableGroupTitle=r.TableGroupTitle;exports.Tbody=r.Tbody;exports.Td=r.Td;exports.Th=r.Th;exports.Thead=r.Thead;exports.Tr=r.Tr;exports.Tabs=u.Tabs;exports.TabsChip=u.TabsChip;exports.TabsContent=u.TabsContent;exports.TabsList=u.TabsList;exports.TabsTrigger=u.TabsTrigger;exports.Tag=ee.Tag;exports.Text=re.Text;exports.Textarea=te.Textarea;exports.Tooltip=oe.Tooltip;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),t=require("react-phone-number-input");;/* empty css            */const C=require("./preset.cjs"),a=require("./components/accordion/Accordion.cjs"),s=require("./components/action-card/ActionCard.cjs"),T=require("./components/alert/Alert.cjs"),m=require("./components/app/navigation/AppNavigation.cjs"),h=require("./components/app/navigation/language-select/AppNavigationLanguageSelect.cjs"),q=require("./components/avatar/styled.cjs"),P=require("./components/box/Box.cjs"),l=require("./components/breadcrumb/Breadcrumb.cjs"),I=require("./components/button/Button.cjs"),A=require("./components/button-filter/ButtonFilter.cjs"),y=require("./components/chat/Chat.cjs"),D=require("./components/chat/ChatDocumentMessage.cjs"),x=require("./components/chat/ChatMessage.cjs"),B=require("./components/chat/ChatProfileAvatar.cjs"),v=require("./components/chat/ChatTextInput.cjs"),d=require("./components/checkbox/Checkbox.cjs"),w=require("./components/checkbox-card/namespace.cjs"),c=require("./components/chip/Chip.cjs"),S=require("./components/collapsible/styled.cjs"),G=require("./components/combobox/Combobox.cjs"),f=require("./components/date-picker/DatePicker.cjs"),L=require("./components/dialog/styled.cjs"),e=require("./components/drawer/Drawer.cjs"),b=require("./components/flag/styled.cjs"),N=require("./components/form/FormControl.cjs"),R=require("./components/form/FormHelperText.cjs"),F=require("./components/form/FormLabel.cjs"),j=require("./components/heading/Heading.cjs"),i=require("./components/input/HighlightedInput.cjs"),O=require("./components/icon/Icon.cjs"),H=require("./components/icon-button/IconButton.cjs"),k=require("./components/illustration/Illustration.cjs"),M=require("./components/input/Input.cjs"),$=require("./components/input/InputAddon.cjs"),E=require("./components/input/InputGroup.cjs"),V=require("./components/menu/Menu.cjs"),z=require("./components/app/mobile-navigation/MobileNavigation.cjs"),J=require("./components/pagination/Pagination.cjs"),K=require("./components/input/PhoneNumberInput.cjs"),o=require("./components/popover/Popover.cjs"),Q=require("./components/app/price-tag/PriceTag.cjs"),U=require("./components/app/product-card-catalog/styled.cjs"),p=require("./components/radio-button-group/RadioButtonGroup.cjs"),W=require("./components/radio-card-group/namespace.cjs"),g=require("./components/radio-group/RadioGroup.cjs"),X=require("./components/select/Select.cjs"),Y=require("./components/select-language/SelectLanguage.cjs"),Z=require("./components/status-tag-select/StatusTagSelect.cjs"),_=require("./components/switch/Switch.cjs"),ee=require("./components/switch-card/namespace.cjs"),r=require("./components/table/Table.cjs"),u=require("./components/tabs/Tabs.cjs"),re=require("./components/tag/Tag.cjs"),te=require("./components/text/Text.cjs"),oe=require("./components/textarea/Textarea.cjs"),ne=require("./components/tooltip/Tooltip.cjs");Object.defineProperty(exports,"createListCollection",{enumerable:!0,get:()=>n.createListCollection});Object.defineProperty(exports,"createToaster",{enumerable:!0,get:()=>n.createToaster});Object.defineProperty(exports,"parseColor",{enumerable:!0,get:()=>n.parseColor});Object.defineProperty(exports,"parseDate",{enumerable:!0,get:()=>n.parseDate});Object.defineProperty(exports,"useAccordion",{enumerable:!0,get:()=>n.useAccordion});Object.defineProperty(exports,"formatPhoneNumber",{enumerable:!0,get:()=>t.formatPhoneNumber});Object.defineProperty(exports,"formatPhoneNumberIntl",{enumerable:!0,get:()=>t.formatPhoneNumberIntl});Object.defineProperty(exports,"getCountries",{enumerable:!0,get:()=>t.getCountries});Object.defineProperty(exports,"getCountryCallingCode",{enumerable:!0,get:()=>t.getCountryCallingCode});Object.defineProperty(exports,"isPossiblePhoneNumber",{enumerable:!0,get:()=>t.isPossiblePhoneNumber});Object.defineProperty(exports,"isSupportedCountry",{enumerable:!0,get:()=>t.isSupportedCountry});Object.defineProperty(exports,"isValidPhoneNumber",{enumerable:!0,get:()=>t.isValidPhoneNumber});Object.defineProperty(exports,"parsePhoneNumber",{enumerable:!0,get:()=>t.parsePhoneNumber});exports.preset=C.preset;exports.Accordion=a.Accordion;exports.AccordionItem=a.AccordionItem;exports.AccordionItemContent=a.AccordionItemContent;exports.AccordionItemIndicator=a.AccordionItemIndicator;exports.AccordionItemTrigger=a.AccordionItemTrigger;exports.ActionCard=s.ActionCard;exports.ActionCardDescription=s.ActionCardDescription;exports.ActionCardTitle=s.ActionCardTitle;exports.Alert=T.Alert;exports.AppNavigation=m;exports.AppNavigationLanguageSelect=h.AppNavigationLanguageSelect;exports.Avatar=q;exports.Box=P.Box;exports.Breadcrumb=l.Breadcrumb;exports.BreadcrumbItem=l.BreadcrumbItem;exports.BreadcrumbLink=l.BreadcrumbLink;exports.Button=I.Button;exports.ButtonFilter=A.ButtonFilter;exports.Chat=y;exports.ChatDocumentMessage=D.ChatDocumentMessage;exports.ChatMessage=x.ChatMessage;exports.ChatProfileAvatar=B.ChatProfileAvatar;exports.ChatTextInput=v.ChatTextInput;exports.Checkbox=d.Checkbox;exports.CheckboxGroup=d.CheckboxGroup;exports.CheckboxCard=w;exports.Chip=c.Chip;exports.ChipAvatar=c.ChipAvatar;exports.ChipClearTrigger=c.ChipClearTrigger;exports.ChipLabel=c.ChipLabel;exports.Collapsible=S;exports.Combobox=G.Combobox;exports.DatePicker=f.DatePicker;exports.Dialog=L;exports.Drawer=e.Drawer;exports.DrawerBody=e.DrawerBody;exports.DrawerCloseTrigger=e.DrawerCloseTrigger;exports.DrawerContent=e.DrawerContent;exports.DrawerContext=e.DrawerContext;exports.DrawerFooter=e.DrawerFooter;exports.DrawerHeader=e.DrawerHeader;exports.DrawerTitle=e.DrawerTitle;exports.DrawerTrigger=e.DrawerTrigger;exports.Flag=b.Flag;exports.FlagCountryCodes=b.FlagCountryCodes;exports.FormControl=N.FormControl;exports.FormHelperText=R.FormHelperText;exports.FormLabel=F.FormLabel;exports.Heading=j.Heading;exports.Highlight=i.Highlight;exports.HighlightedInput=i.HighlightedInput;exports.InputSlot=i.InputSlot;exports.Renderer=i.Renderer;exports.Root=i.Root;exports.Icon=O.Icon;exports.IconButton=H.IconButton;exports.Illustration=k.Illustration;exports.Input=M.Input;exports.InputAddon=$.InputAddon;exports.InputGroup=E.InputGroup;exports.Menu=V;exports.MobileNavigation=z;exports.Pagination=J.Pagination;exports.PhoneNumberInput=K.PhoneNumberInput;exports.Popover=o.Popover;exports.PopoverAnchor=o.PopoverAnchor;exports.PopoverCloseTrigger=o.PopoverCloseTrigger;exports.PopoverContent=o.PopoverContent;exports.PopoverContext=o.PopoverContext;exports.PopoverTrigger=o.PopoverTrigger;exports.PriceTag=Q.PriceTag;exports.ProductCardCatalog=U;exports.RadioButtonGroup=p.RadioButtonGroup;exports.RadioButtonGroupItem=p.RadioButtonGroupItem;exports.RadioButtonGroupLabel=p.RadioButtonGroupLabel;exports.RadioCardGroup=W;exports.RadioGroup=g.RadioGroup;exports.RadioGroupItem=g.RadioGroupItem;exports.RadioGroupLabel=g.RadioGroupLabel;exports.Select=X.Select;exports.SelectLanguage=Y.SelectLanguage;exports.StatusTagSelect=Z.StatusTagSelect;exports.Switch=_.Switch;exports.SwitchCard=ee;exports.Table=r.Table;exports.TableContainer=r.TableContainer;exports.TableEmptyRow=r.TableEmptyRow;exports.TableGroupTitle=r.TableGroupTitle;exports.Tbody=r.Tbody;exports.Td=r.Td;exports.Th=r.Th;exports.Thead=r.Thead;exports.Tr=r.Tr;exports.Tabs=u.Tabs;exports.TabsChip=u.TabsChip;exports.TabsContent=u.TabsContent;exports.TabsList=u.TabsList;exports.TabsTrigger=u.TabsTrigger;exports.Tag=re.Tag;exports.Text=te.Text;exports.Textarea=oe.Textarea;exports.Tooltip=ne.Tooltip;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,178 +1,180 @@
 "use client";
-import { createListCollection as u, createToaster as c, parseColor as d, parseDate as C, useAccordion as g } from "@ark-ui/react";
-import { formatPhoneNumber as b, formatPhoneNumberIntl as h, getCountries as I, getCountryCallingCode as P, isPossiblePhoneNumber as A, isSupportedCountry as D, isValidPhoneNumber as w, parsePhoneNumber as v } from "react-phone-number-input";
+import { createListCollection as c, createToaster as d, parseColor as C, parseDate as g, useAccordion as T } from "@ark-ui/react";
+import { formatPhoneNumber as h, formatPhoneNumberIntl as I, getCountries as P, getCountryCallingCode as A, isPossiblePhoneNumber as D, isSupportedCountry as v, isValidPhoneNumber as w, parsePhoneNumber as B } from "react-phone-number-input";
 /* empty css          */
-import { preset as y } from "./preset.js";
-import { Accordion as R, AccordionItem as L, AccordionItemContent as S, AccordionItemIndicator as N, AccordionItemTrigger as F } from "./components/accordion/Accordion.js";
-import { ActionCard as H, ActionCardDescription as $, ActionCardTitle as M } from "./components/action-card/ActionCard.js";
-import { Alert as V } from "./components/alert/Alert.js";
+import { preset as G } from "./preset.js";
+import { Accordion as L, AccordionItem as N, AccordionItemContent as S, AccordionItemIndicator as F, AccordionItemTrigger as k } from "./components/accordion/Accordion.js";
+import { ActionCard as $, ActionCardDescription as M, ActionCardTitle as E } from "./components/action-card/ActionCard.js";
+import { Alert as j } from "./components/alert/Alert.js";
 import * as r from "./components/app/navigation/AppNavigation.js";
-import { AppNavigationLanguageSelect as q } from "./components/app/navigation/language-select/AppNavigationLanguageSelect.js";
+import { AppNavigationLanguageSelect as z } from "./components/app/navigation/language-select/AppNavigationLanguageSelect.js";
 import * as e from "./components/avatar/styled.js";
-import { Box as J } from "./components/box/Box.js";
-import { Breadcrumb as O, BreadcrumbItem as Q, BreadcrumbLink as U } from "./components/breadcrumb/Breadcrumb.js";
-import { Button as X } from "./components/button/Button.js";
-import { ButtonFilter as Z } from "./components/button-filter/ButtonFilter.js";
+import { Box as K } from "./components/box/Box.js";
+import { Breadcrumb as Q, BreadcrumbItem as U, BreadcrumbLink as W } from "./components/breadcrumb/Breadcrumb.js";
+import { Button as Y } from "./components/button/Button.js";
+import { ButtonFilter as _ } from "./components/button-filter/ButtonFilter.js";
 import * as t from "./components/chat/Chat.js";
-import { ChatDocumentMessage as oo } from "./components/chat/ChatDocumentMessage.js";
-import { ChatMessage as eo } from "./components/chat/ChatMessage.js";
-import { ChatProfileAvatar as ao } from "./components/chat/ChatProfileAvatar.js";
-import { ChatTextInput as mo } from "./components/chat/ChatTextInput.js";
-import { Checkbox as no, CheckboxGroup as xo } from "./components/checkbox/Checkbox.js";
+import { ChatDocumentMessage as ro } from "./components/chat/ChatDocumentMessage.js";
+import { ChatMessage as to } from "./components/chat/ChatMessage.js";
+import { ChatProfileAvatar as po } from "./components/chat/ChatProfileAvatar.js";
+import { ChatTextInput as io } from "./components/chat/ChatTextInput.js";
+import { Checkbox as xo, CheckboxGroup as fo } from "./components/checkbox/Checkbox.js";
 import * as a from "./components/checkbox-card/namespace.js";
-import { Chip as so, ChipAvatar as lo, ChipClearTrigger as uo, ChipLabel as co } from "./components/chip/Chip.js";
+import { Chip as lo, ChipAvatar as uo, ChipClearTrigger as co, ChipLabel as Co } from "./components/chip/Chip.js";
 import * as p from "./components/collapsible/styled.js";
-import { Combobox as go } from "./components/combobox/Combobox.js";
-import { DatePicker as bo } from "./components/date-picker/DatePicker.js";
+import { Combobox as To } from "./components/combobox/Combobox.js";
+import { DatePicker as ho } from "./components/date-picker/DatePicker.js";
 import * as m from "./components/dialog/styled.js";
-import { Drawer as Io, DrawerBody as Po, DrawerCloseTrigger as Ao, DrawerContent as Do, DrawerContext as wo, DrawerFooter as vo, DrawerHeader as Bo, DrawerTitle as yo, DrawerTrigger as Go } from "./components/drawer/Drawer.js";
-import { Flag as Lo, FlagCountryCodes as So } from "./components/flag/styled.js";
-import { FormControl as Fo } from "./components/form/FormControl.js";
-import { FormHelperText as Ho } from "./components/form/FormHelperText.js";
-import { FormLabel as Mo } from "./components/form/FormLabel.js";
-import { Heading as Vo } from "./components/heading/Heading.js";
-import { Highlight as qo, HighlightedInput as zo, InputSlot as Jo, Renderer as Ko, Root as Oo } from "./components/input/HighlightedInput.js";
-import { Icon as Uo } from "./components/icon/Icon.js";
-import { IconButton as Xo } from "./components/icon-button/IconButton.js";
-import { Illustration as Zo } from "./components/illustration/Illustration.js";
-import { Input as or } from "./components/input/Input.js";
-import { InputAddon as er } from "./components/input/InputAddon.js";
-import { InputGroup as ar } from "./components/input/InputGroup.js";
+import { Drawer as Po, DrawerBody as Ao, DrawerCloseTrigger as Do, DrawerContent as vo, DrawerContext as wo, DrawerFooter as Bo, DrawerHeader as yo, DrawerTitle as Go, DrawerTrigger as Ro } from "./components/drawer/Drawer.js";
+import { Flag as No, FlagCountryCodes as So } from "./components/flag/styled.js";
+import { FormControl as ko } from "./components/form/FormControl.js";
+import { FormHelperText as $o } from "./components/form/FormHelperText.js";
+import { FormLabel as Eo } from "./components/form/FormLabel.js";
+import { Heading as jo } from "./components/heading/Heading.js";
+import { Highlight as zo, HighlightedInput as Jo, InputSlot as Ko, Renderer as Oo, Root as Qo } from "./components/input/HighlightedInput.js";
+import { Icon as Wo } from "./components/icon/Icon.js";
+import { IconButton as Yo } from "./components/icon-button/IconButton.js";
+import { Illustration as _o } from "./components/illustration/Illustration.js";
+import { Input as rr } from "./components/input/Input.js";
+import { InputAddon as tr } from "./components/input/InputAddon.js";
+import { InputGroup as pr } from "./components/input/InputGroup.js";
 import * as i from "./components/menu/Menu.js";
-import { Pagination as mr } from "./components/pagination/Pagination.js";
-import { PhoneNumberInput as nr } from "./components/input/PhoneNumberInput.js";
-import { Popover as fr, PopoverAnchor as sr, PopoverCloseTrigger as lr, PopoverContent as ur, PopoverContext as cr, PopoverTrigger as dr } from "./components/popover/Popover.js";
-import { PriceTag as gr } from "./components/app/price-tag/PriceTag.js";
-import * as n from "./components/app/product-card-catalog/styled.js";
-import { RadioButtonGroup as br, RadioButtonGroupItem as hr, RadioButtonGroupLabel as Ir } from "./components/radio-button-group/RadioButtonGroup.js";
-import * as x from "./components/radio-card-group/namespace.js";
-import { RadioGroup as Ar, RadioGroupItem as Dr, RadioGroupLabel as wr } from "./components/radio-group/RadioGroup.js";
-import { Select as Br } from "./components/select/Select.js";
-import { SelectLanguage as Gr } from "./components/select-language/SelectLanguage.js";
-import { StatusTagSelect as Lr } from "./components/status-tag-select/StatusTagSelect.js";
-import { Switch as Nr } from "./components/switch/Switch.js";
-import * as f from "./components/switch-card/namespace.js";
-import { Table as kr, TableContainer as Hr, TableEmptyRow as $r, TableGroupTitle as Mr, Tbody as Er, Td as Vr, Th as jr, Thead as qr, Tr as zr } from "./components/table/Table.js";
-import { Tabs as Kr, TabsChip as Or, TabsContent as Qr, TabsList as Ur, TabsTrigger as Wr } from "./components/tabs/Tabs.js";
-import { Tag as Yr } from "./components/tag/Tag.js";
-import { Text as _r } from "./components/text/Text.js";
-import { Textarea as re } from "./components/textarea/Textarea.js";
-import { Tooltip as te } from "./components/tooltip/Tooltip.js";
+import * as n from "./components/app/mobile-navigation/MobileNavigation.js";
+import { Pagination as ir } from "./components/pagination/Pagination.js";
+import { PhoneNumberInput as xr } from "./components/input/PhoneNumberInput.js";
+import { Popover as sr, PopoverAnchor as lr, PopoverCloseTrigger as ur, PopoverContent as cr, PopoverContext as dr, PopoverTrigger as Cr } from "./components/popover/Popover.js";
+import { PriceTag as Tr } from "./components/app/price-tag/PriceTag.js";
+import * as x from "./components/app/product-card-catalog/styled.js";
+import { RadioButtonGroup as hr, RadioButtonGroupItem as Ir, RadioButtonGroupLabel as Pr } from "./components/radio-button-group/RadioButtonGroup.js";
+import * as f from "./components/radio-card-group/namespace.js";
+import { RadioGroup as Dr, RadioGroupItem as vr, RadioGroupLabel as wr } from "./components/radio-group/RadioGroup.js";
+import { Select as yr } from "./components/select/Select.js";
+import { SelectLanguage as Rr } from "./components/select-language/SelectLanguage.js";
+import { StatusTagSelect as Nr } from "./components/status-tag-select/StatusTagSelect.js";
+import { Switch as Fr } from "./components/switch/Switch.js";
+import * as s from "./components/switch-card/namespace.js";
+import { Table as Hr, TableContainer as $r, TableEmptyRow as Mr, TableGroupTitle as Er, Tbody as Vr, Td as jr, Th as qr, Thead as zr, Tr as Jr } from "./components/table/Table.js";
+import { Tabs as Or, TabsChip as Qr, TabsContent as Ur, TabsList as Wr, TabsTrigger as Xr } from "./components/tabs/Tabs.js";
+import { Tag as Zr } from "./components/tag/Tag.js";
+import { Text as oe } from "./components/text/Text.js";
+import { Textarea as ee } from "./components/textarea/Textarea.js";
+import { Tooltip as ae } from "./components/tooltip/Tooltip.js";
 export {
-  R as Accordion,
-  L as AccordionItem,
+  L as Accordion,
+  N as AccordionItem,
   S as AccordionItemContent,
-  N as AccordionItemIndicator,
-  F as AccordionItemTrigger,
-  H as ActionCard,
-  $ as ActionCardDescription,
-  M as ActionCardTitle,
-  V as Alert,
+  F as AccordionItemIndicator,
+  k as AccordionItemTrigger,
+  $ as ActionCard,
+  M as ActionCardDescription,
+  E as ActionCardTitle,
+  j as Alert,
   r as AppNavigation,
-  q as AppNavigationLanguageSelect,
+  z as AppNavigationLanguageSelect,
   e as Avatar,
-  J as Box,
-  O as Breadcrumb,
-  Q as BreadcrumbItem,
-  U as BreadcrumbLink,
-  X as Button,
-  Z as ButtonFilter,
+  K as Box,
+  Q as Breadcrumb,
+  U as BreadcrumbItem,
+  W as BreadcrumbLink,
+  Y as Button,
+  _ as ButtonFilter,
   t as Chat,
-  oo as ChatDocumentMessage,
-  eo as ChatMessage,
-  ao as ChatProfileAvatar,
-  mo as ChatTextInput,
-  no as Checkbox,
+  ro as ChatDocumentMessage,
+  to as ChatMessage,
+  po as ChatProfileAvatar,
+  io as ChatTextInput,
+  xo as Checkbox,
   a as CheckboxCard,
-  xo as CheckboxGroup,
-  so as Chip,
-  lo as ChipAvatar,
-  uo as ChipClearTrigger,
-  co as ChipLabel,
+  fo as CheckboxGroup,
+  lo as Chip,
+  uo as ChipAvatar,
+  co as ChipClearTrigger,
+  Co as ChipLabel,
   p as Collapsible,
-  go as Combobox,
-  bo as DatePicker,
+  To as Combobox,
+  ho as DatePicker,
   m as Dialog,
-  Io as Drawer,
-  Po as DrawerBody,
-  Ao as DrawerCloseTrigger,
-  Do as DrawerContent,
+  Po as Drawer,
+  Ao as DrawerBody,
+  Do as DrawerCloseTrigger,
+  vo as DrawerContent,
   wo as DrawerContext,
-  vo as DrawerFooter,
-  Bo as DrawerHeader,
-  yo as DrawerTitle,
-  Go as DrawerTrigger,
-  Lo as Flag,
+  Bo as DrawerFooter,
+  yo as DrawerHeader,
+  Go as DrawerTitle,
+  Ro as DrawerTrigger,
+  No as Flag,
   So as FlagCountryCodes,
-  Fo as FormControl,
-  Ho as FormHelperText,
-  Mo as FormLabel,
-  Vo as Heading,
-  qo as Highlight,
-  zo as HighlightedInput,
-  Uo as Icon,
-  Xo as IconButton,
-  Zo as Illustration,
-  or as Input,
-  er as InputAddon,
-  ar as InputGroup,
-  Jo as InputSlot,
+  ko as FormControl,
+  $o as FormHelperText,
+  Eo as FormLabel,
+  jo as Heading,
+  zo as Highlight,
+  Jo as HighlightedInput,
+  Wo as Icon,
+  Yo as IconButton,
+  _o as Illustration,
+  rr as Input,
+  tr as InputAddon,
+  pr as InputGroup,
+  Ko as InputSlot,
   i as Menu,
-  mr as Pagination,
-  nr as PhoneNumberInput,
-  fr as Popover,
-  sr as PopoverAnchor,
-  lr as PopoverCloseTrigger,
-  ur as PopoverContent,
-  cr as PopoverContext,
-  dr as PopoverTrigger,
-  gr as PriceTag,
-  n as ProductCardCatalog,
-  br as RadioButtonGroup,
-  hr as RadioButtonGroupItem,
-  Ir as RadioButtonGroupLabel,
-  x as RadioCardGroup,
-  Ar as RadioGroup,
-  Dr as RadioGroupItem,
+  n as MobileNavigation,
+  ir as Pagination,
+  xr as PhoneNumberInput,
+  sr as Popover,
+  lr as PopoverAnchor,
+  ur as PopoverCloseTrigger,
+  cr as PopoverContent,
+  dr as PopoverContext,
+  Cr as PopoverTrigger,
+  Tr as PriceTag,
+  x as ProductCardCatalog,
+  hr as RadioButtonGroup,
+  Ir as RadioButtonGroupItem,
+  Pr as RadioButtonGroupLabel,
+  f as RadioCardGroup,
+  Dr as RadioGroup,
+  vr as RadioGroupItem,
   wr as RadioGroupLabel,
-  Ko as Renderer,
-  Oo as Root,
-  Br as Select,
-  Gr as SelectLanguage,
-  Lr as StatusTagSelect,
-  Nr as Switch,
-  f as SwitchCard,
-  kr as Table,
-  Hr as TableContainer,
-  $r as TableEmptyRow,
-  Mr as TableGroupTitle,
-  Kr as Tabs,
-  Or as TabsChip,
-  Qr as TabsContent,
-  Ur as TabsList,
-  Wr as TabsTrigger,
-  Yr as Tag,
-  Er as Tbody,
-  Vr as Td,
-  _r as Text,
-  re as Textarea,
-  jr as Th,
-  qr as Thead,
-  te as Tooltip,
-  zr as Tr,
-  u as createListCollection,
-  c as createToaster,
-  b as formatPhoneNumber,
-  h as formatPhoneNumberIntl,
-  I as getCountries,
-  P as getCountryCallingCode,
-  A as isPossiblePhoneNumber,
-  D as isSupportedCountry,
+  Oo as Renderer,
+  Qo as Root,
+  yr as Select,
+  Rr as SelectLanguage,
+  Nr as StatusTagSelect,
+  Fr as Switch,
+  s as SwitchCard,
+  Hr as Table,
+  $r as TableContainer,
+  Mr as TableEmptyRow,
+  Er as TableGroupTitle,
+  Or as Tabs,
+  Qr as TabsChip,
+  Ur as TabsContent,
+  Wr as TabsList,
+  Xr as TabsTrigger,
+  Zr as Tag,
+  Vr as Tbody,
+  jr as Td,
+  oe as Text,
+  ee as Textarea,
+  qr as Th,
+  zr as Thead,
+  ae as Tooltip,
+  Jr as Tr,
+  c as createListCollection,
+  d as createToaster,
+  h as formatPhoneNumber,
+  I as formatPhoneNumberIntl,
+  P as getCountries,
+  A as getCountryCallingCode,
+  D as isPossiblePhoneNumber,
+  v as isSupportedCountry,
   w as isValidPhoneNumber,
-  d as parseColor,
-  C as parseDate,
-  v as parsePhoneNumber,
-  y as preset,
-  g as useAccordion
+  C as parseColor,
+  g as parseDate,
+  B as parsePhoneNumber,
+  G as preset,
+  T as useAccordion
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/theme/recipes/app/mobile-navigation.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),o=e.defineSlotRecipe({base:{root:{display:"flex",position:"fixed",bottom:0,left:0,right:0,zIndex:"sticky",height:"56px",alignItems:"stretch",overflow:"hidden"},item:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"space-2",py:"space-4",cursor:"pointer",color:"white",textDecoration:"none"},itemIcon:{color:"inherit"},itemLabel:{fontFamily:"satoshi",fontSize:"10px",lineHeight:"1.2",color:"inherit",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"64px",textAlign:"center"}},variants:{variant:{prod:{root:{bg:"primary.900",borderTop:"1px solid {colors.primary.800}"},item:{_currentPage:{color:"secondary.500"}}},staging:{root:{bg:"warning.500",borderTop:"1px solid {colors.warning.300}"},item:{_currentPage:{color:"secondary.500"}}},dev:{root:{bg:"error.900",borderTop:"1px solid {colors.error.700}"},item:{_currentPage:{color:"secondary.500"}}},neutral:{root:{bg:"white",borderTop:"1px solid {colors.primary.100}",color:"primary.900"},item:{color:"grey.400",_currentPage:{color:"secondary.500"}}}}},defaultVariants:{variant:"prod"},slots:["root","item","itemIcon","itemLabel"],className:"mobile-navigation",description:"The styles for the MobileNavigation component",jsx:["MobileNavigation","MobileNavigation.Root","MobileNavigation.Item","MobileNavigation.ItemIcon","MobileNavigation.ItemLabel"]});exports.mobileNavigationRecipe=o;
+//# sourceMappingURL=mobile-navigation.cjs.map

package/dist/theme/recipes/app/mobile-navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-navigation.cjs","sources":["../../../../src/theme/recipes/app/mobile-navigation.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const mobileNavigationRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      display: 'flex',\n      position: 'fixed',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      zIndex: 'sticky',\n      height: '56px',\n      alignItems: 'stretch',\n      overflow: 'hidden',\n    },\n    item: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 'space-2',\n      py: 'space-4',\n      cursor: 'pointer',\n      color: 'white',\n      textDecoration: 'none',\n    },\n    itemIcon: {\n      color: 'inherit',\n    },\n    itemLabel: {\n      fontFamily: 'satoshi',\n      fontSize: '10px',\n      lineHeight: '1.2',\n      color: 'inherit',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      maxWidth: '64px',\n      textAlign: 'center',\n    },\n  },\n  variants: {\n    variant: {\n      prod: {\n        root: {\n          bg: 'primary.900',\n          borderTop: '1px solid {colors.primary.800}',\n        },\n        item: {\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n      staging: {\n        root: {\n          bg: 'warning.500',\n          borderTop: '1px solid {colors.warning.300}',\n        },\n        item: {\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n      dev: {\n        root: {\n          bg: 'error.900',\n          borderTop: '1px solid {colors.error.700}',\n        },\n        item: {\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n      neutral: {\n        root: {\n          bg: 'white',\n          borderTop: '1px solid {colors.primary.100}',\n          color: 'primary.900',\n        },\n        item: {\n          color: 'grey.400',\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'prod',\n  },\n  slots: ['root', 'item', 'itemIcon', 'itemLabel'],\n  className: 'mobile-navigation',\n  description: 'The styles for the MobileNavigation component',\n  jsx: [\n    'MobileNavigation',\n    'MobileNavigation.Root',\n    'MobileNavigation.Item',\n    'MobileNavigation.ItemIcon',\n    'MobileNavigation.ItemLabel',\n  ],\n})\n"],"names":["mobileNavigationRecipe","defineSlotRecipe"],"mappings":"8HAEaA,EAAyBC,EAAAA,iBAAiB,CACrD,KAAM,CACJ,KAAM,CACJ,QAAS,OACT,SAAU,QACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OAAQ,SACR,OAAQ,OACR,WAAY,UACZ,SAAU,QAAA,EAEZ,KAAM,CACJ,QAAS,OACT,KAAM,EACN,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,IAAK,UACL,GAAI,UACJ,OAAQ,UACR,MAAO,QACP,eAAgB,MAAA,EAElB,SAAU,CACR,MAAO,SAAA,EAET,UAAW,CACT,WAAY,UACZ,SAAU,OACV,WAAY,MACZ,MAAO,UACP,WAAY,SACZ,SAAU,SACV,aAAc,WACd,SAAU,OACV,UAAW,QAAA,CACb,EAEF,SAAU,CACR,QAAS,CACP,KAAM,CACJ,KAAM,CACJ,GAAI,cACJ,UAAW,gCAAA,EAEb,KAAM,CACJ,aAAc,CACZ,MAAO,eAAA,CACT,CACF,EAEF,QAAS,CACP,KAAM,CACJ,GAAI,cACJ,UAAW,gCAAA,EAEb,KAAM,CACJ,aAAc,CACZ,MAAO,eAAA,CACT,CACF,EAEF,IAAK,CACH,KAAM,CACJ,GAAI,YACJ,UAAW,8BAAA,EAEb,KAAM,CACJ,aAAc,CACZ,MAAO,eAAA,CACT,CACF,EAEF,QAAS,CACP,KAAM,CACJ,GAAI,QACJ,UAAW,iCACX,MAAO,aAAA,EAET,KAAM,CACJ,MAAO,WACP,aAAc,CACZ,MAAO,eAAA,CACT,CACF,CACF,CACF,EAEF,gBAAiB,CACf,QAAS,MAAA,EAEX,MAAO,CAAC,OAAQ,OAAQ,WAAY,WAAW,EAC/C,UAAW,oBACX,YAAa,gDACb,IAAK,CACH,mBACA,wBACA,wBACA,4BACA,4BAAA,CAEJ,CAAC"}

package/dist/theme/recipes/app/mobile-navigation.d.ts

@@ -0,0 +1,2 @@
+import { SlotRecipeConfig } from '@pandacss/types';
+export declare const mobileNavigationRecipe: SlotRecipeConfig;

package/dist/theme/recipes/app/mobile-navigation.js

@@ -0,0 +1,110 @@
+"use client";
+import { defineSlotRecipe as o } from "@pandacss/dev";
+const i = o({
+  base: {
+    root: {
+      display: "flex",
+      position: "fixed",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: "sticky",
+      height: "56px",
+      alignItems: "stretch",
+      overflow: "hidden"
+    },
+    item: {
+      display: "flex",
+      flex: 1,
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "space-2",
+      py: "space-4",
+      cursor: "pointer",
+      color: "white",
+      textDecoration: "none"
+    },
+    itemIcon: {
+      color: "inherit"
+    },
+    itemLabel: {
+      fontFamily: "satoshi",
+      fontSize: "10px",
+      lineHeight: "1.2",
+      color: "inherit",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      maxWidth: "64px",
+      textAlign: "center"
+    }
+  },
+  variants: {
+    variant: {
+      prod: {
+        root: {
+          bg: "primary.900",
+          borderTop: "1px solid {colors.primary.800}"
+        },
+        item: {
+          _currentPage: {
+            color: "secondary.500"
+          }
+        }
+      },
+      staging: {
+        root: {
+          bg: "warning.500",
+          borderTop: "1px solid {colors.warning.300}"
+        },
+        item: {
+          _currentPage: {
+            color: "secondary.500"
+          }
+        }
+      },
+      dev: {
+        root: {
+          bg: "error.900",
+          borderTop: "1px solid {colors.error.700}"
+        },
+        item: {
+          _currentPage: {
+            color: "secondary.500"
+          }
+        }
+      },
+      neutral: {
+        root: {
+          bg: "white",
+          borderTop: "1px solid {colors.primary.100}",
+          color: "primary.900"
+        },
+        item: {
+          color: "grey.400",
+          _currentPage: {
+            color: "secondary.500"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "prod"
+  },
+  slots: ["root", "item", "itemIcon", "itemLabel"],
+  className: "mobile-navigation",
+  description: "The styles for the MobileNavigation component",
+  jsx: [
+    "MobileNavigation",
+    "MobileNavigation.Root",
+    "MobileNavigation.Item",
+    "MobileNavigation.ItemIcon",
+    "MobileNavigation.ItemLabel"
+  ]
+});
+export {
+  i as mobileNavigationRecipe
+};
+//# sourceMappingURL=mobile-navigation.js.map

package/dist/theme/recipes/app/mobile-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-navigation.js","sources":["../../../../src/theme/recipes/app/mobile-navigation.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const mobileNavigationRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      display: 'flex',\n      position: 'fixed',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      zIndex: 'sticky',\n      height: '56px',\n      alignItems: 'stretch',\n      overflow: 'hidden',\n    },\n    item: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 'space-2',\n      py: 'space-4',\n      cursor: 'pointer',\n      color: 'white',\n      textDecoration: 'none',\n    },\n    itemIcon: {\n      color: 'inherit',\n    },\n    itemLabel: {\n      fontFamily: 'satoshi',\n      fontSize: '10px',\n      lineHeight: '1.2',\n      color: 'inherit',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      maxWidth: '64px',\n      textAlign: 'center',\n    },\n  },\n  variants: {\n    variant: {\n      prod: {\n        root: {\n          bg: 'primary.900',\n          borderTop: '1px solid {colors.primary.800}',\n        },\n        item: {\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n      staging: {\n        root: {\n          bg: 'warning.500',\n          borderTop: '1px solid {colors.warning.300}',\n        },\n        item: {\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n      dev: {\n        root: {\n          bg: 'error.900',\n          borderTop: '1px solid {colors.error.700}',\n        },\n        item: {\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n      neutral: {\n        root: {\n          bg: 'white',\n          borderTop: '1px solid {colors.primary.100}',\n          color: 'primary.900',\n        },\n        item: {\n          color: 'grey.400',\n          _currentPage: {\n            color: 'secondary.500',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'prod',\n  },\n  slots: ['root', 'item', 'itemIcon', 'itemLabel'],\n  className: 'mobile-navigation',\n  description: 'The styles for the MobileNavigation component',\n  jsx: [\n    'MobileNavigation',\n    'MobileNavigation.Root',\n    'MobileNavigation.Item',\n    'MobileNavigation.ItemIcon',\n    'MobileNavigation.ItemLabel',\n  ],\n})\n"],"names":["mobileNavigationRecipe","defineSlotRecipe"],"mappings":";;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,MACN,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,gBAAgB;AAAA,IAAA;AAAA,IAElB,UAAU;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,cAAc;AAAA,MACd,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,MAEF,KAAK;AAAA,QACH,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,OAAO;AAAA,QAAA;AAAA,QAET,MAAM;AAAA,UACJ,OAAO;AAAA,UACP,cAAc;AAAA,YACZ,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO,CAAC,QAAQ,QAAQ,YAAY,WAAW;AAAA,EAC/C,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,CAAC;"}