bonkers-ui 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bonkers-ui.umd.js +11 -11
- package/bonkers-ui.umd.js.map +1 -1
- package/components/UiAccordion/UiAccordion.InfoDropdown.d.ts +8 -0
- package/components/UiAccordion/UiAccordion.base.d.ts +9 -0
- package/components/UiAccordion/UiAccordion.context.d.ts +22 -0
- package/components/UiAccordion/UiAccordionItem.base.d.ts +16 -0
- package/components/UiAccordion/_types.d.ts +4 -0
- package/components/UiAccordion/index.d.ts +4 -0
- package/components/UiInput/UiInput.base.d.ts +9 -0
- package/components/UiInput/UiInput.base.js +43 -0
- package/components/UiInput/UiInput.base.js.map +1 -0
- package/components/UiInput/UiInputText.d.ts +12 -0
- package/components/UiInput/UiInputText.js +39 -0
- package/components/UiInput/UiInputText.js.map +1 -0
- package/components/UiInput/UiInputTitled.d.ts +10 -0
- package/components/UiInput/UiInputTitled.js +36 -0
- package/components/UiInput/UiInputTitled.js.map +1 -0
- package/components/UiInput/_types.d.ts +5 -0
- package/components/UiInput/_types.js +5 -0
- package/components/UiInput/_types.js.map +1 -0
- package/components/UiInput/index.d.ts +4 -0
- package/components/UiInput/index.js +11 -0
- package/components/UiInput/index.js.map +1 -0
- package/components/UiNotificationBadge/UiNotificationBadge.d.ts +10 -0
- package/components/UiNotificationBadge/UiNotificationBadge.js +104 -0
- package/components/UiNotificationBadge/UiNotificationBadge.js.map +1 -0
- package/components/UiNotificationBadge/_types.d.ts +6 -0
- package/components/UiNotificationBadge/_types.js +5 -0
- package/components/UiNotificationBadge/_types.js.map +1 -0
- package/components/UiNotificationBadge/index.d.ts +1 -0
- package/components/UiNotificationBadge/index.js +5 -0
- package/components/UiNotificationBadge/index.js.map +1 -0
- package/components/UiSkeleton/UiSkeleton.js +163 -197
- package/components/UiSkeleton/UiSkeleton.js.map +1 -1
- package/components/UiSkeleton/_types.d.ts +1 -2
- package/components/UiSkeleton/_types.js +2 -2
- package/components/UiSkeleton/_types.js.map +1 -1
- package/components/UiTypography/UiTypography.d.ts +4 -5
- package/components/UiTypography/UiTypography.js +26 -23
- package/components/UiTypography/UiTypography.js.map +1 -1
- package/index.d.ts +2 -0
- package/index.js +34 -30
- package/index.js.map +1 -1
- package/package.json +106 -106
package/bonkers-ui.umd.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
(function(c,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react"),require("classnames"),require("@fortawesome/react-fontawesome"),require("@fortawesome/fontawesome-svg-core")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","classnames","@fortawesome/react-fontawesome","@fortawesome/fontawesome-svg-core"],r):(c=typeof globalThis<"u"?globalThis:c||self,r(c["bonkers-ui"]={},c.jsxRuntime,c.React,c.cx,c.reactFontawesome))})(this,function(c,r,h,o,Q){"use strict";var f=(e=>(e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.ERROR="ERROR",e.WARNING="WARNING",e))(f||{}),b=(e=>(e.AUTO="auto",e.ZERO="zero",e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl",e.XXXXL="xxxxl",e.XXXXXL="xxxxxl",e))(b||{});const J={[b.XXXS]:"size-xxxs",[b.XXS]:"size-xxs",[b.XS]:"size-xs",[b.SM]:"size-sm",[b.MD]:"size-md",[b.LG]:"size-lg",[b.XL]:"size-xl",[b.XXL]:"size-xxl",[b.XXXL]:"size-xxxl",[b.XXXXL]:"size-xxxxl",[b.XXXXXL]:"size-xxxxxl",[b.AUTO]:"size-auto",[b.ZERO]:"size-zero"},X=({size:e,name:a})=>r.jsx(Q.FontAwesomeIcon,{icon:a,className:o("ui-icon","inline","overflow-visible","align-[-.125em]",e&&J[e])}),K=Object.freeze(Object.defineProperty({__proto__:null,UiIcon:X},Symbol.toStringTag,{value:"Module"})),ee={[f.PRIMARY]:"border-primary text-primary ",[f.SECONDARY]:"'border-secondary text-secondary",[f.ERROR]:"border-error text-error",[f.WARNING]:"border-warning text-warning"},re=Object.freeze(Object.defineProperty({__proto__:null,EAlertTypes:f,UiAlert:({children:e,kind:a=f.PRIMARY,icon:n})=>r.jsxs("div",{className:o("ui-alert","flex","gap-sm","rounded-xl","border","bg-white","p-sm","leading-normal","text-xs",ee[a]),children:[n?r.jsx(X,{name:n,size:b.SM}):null,e]})},Symbol.toStringTag,{value:"Module"})),z={icon_medium:"_icon_medium_18il7_1",icon_small:"_icon_small_18il7_5"};var t=(e=>(e.WHITE="--color-white",e.BLACK="--color-black",e.TRANSPARENT="--color-transparent",e.CURRENT="--color-current",e.PRIMARY="--color-primary",e.PRIMARY_50="--color-primary-50",e.PRIMARY_100="--color-primary-100",e.PRIMARY_200="--color-primary-200",e.PRIMARY_300="--color-primary-300",e.PRIMARY_400="--color-primary-400",e.PRIMARY_500="--color-primary-500",e.PRIMARY_600="--color-primary-600",e.PRIMARY_700="--color-primary-700",e.PRIMARY_800="--color-primary-800",e.PRIMARY_900="--color-primary-900",e.PRIMARY_ALT="--color-primary-alt",e.PRIMARY_ALT_300="--color-primary-alt-300",e.PRIMARY_ALT_400="--color-primary-alt-400",e.PRIMARY_ALT_500="--color-primary-alt-500",e.PRIMARY_ALT_600="--color-primary-alt-600",e.PRIMARY_ALT_700="--color-primary-alt-700",e.SECONDARY="--color-secondary",e.SECONDARY_300="--color-secondary-300",e.SECONDARY_400="--color-secondary-400",e.SECONDARY_500="--color-secondary-500",e.SECONDARY_600="--color-secondary-600",e.SECONDARY_700="--color-secondary-700",e.WARNING="--color-warning",e.WARNING_300="--color-warning-300",e.WARNING_400="--color-warning-400",e.WARNING_500="--color-warning-500",e.WARNING_600="--color-warning-600",e.WARNING_700="--color-warning-700",e.ERROR="--color-error",e.ERROR_300="--color-error-300",e.ERROR_400="--color-error-400",e.ERROR_500="--color-error-500",e.ERROR_600="--color-error-600",e.ERROR_700="--color-error-700",e.ACCENT="--color-accent",e.ACCENT_300="--color-accent-300",e.ACCENT_500="--color-accent-500",e.ACCENT_600="--color-accent-600",e.ACCENT_700="--color-accent-700",e.ACCENT_ALT="--color-accent-alt",e.ACCENT_ALT_300="--color-accent-alt-300",e.ACCENT_ALT_400="--color-accent-alt-400",e.ACCENT_ALT_500="--color-accent-alt-500",e.ACCENT_ALT_600="--color-accent-alt-600",e.ACCENT_ALT_700="--color-accent-alt-700",e.SECONDARY_ALT="--color-secondary-alt",e.SECONDARY_ALT_200="--color-secondary-alt-200",e.SECONDARY_ALT_300="--color-secondary-alt-300",e.SECONDARY_ALT_400="--color-secondary-alt-400",e.SECONDARY_ALT_500="--color-secondary-alt-500",e.SECONDARY_ALT_600="--color-secondary-alt-600",e.SECONDARY_ALT_700="--color-secondary-alt-700",e))(t||{});const P=[{text:"N/A",color:t.SECONDARY_ALT},{text:"G",color:t.ERROR},{text:"F",color:t.WARNING_700},{text:"E2",color:t.WARNING_600},{text:"E1",color:t.WARNING_600},{text:"D2",color:t.WARNING_400},{text:"D1",color:t.WARNING_400},{text:"C3",color:t.PRIMARY_ALT},{text:"C2",color:t.PRIMARY_ALT},{text:"C1",color:t.PRIMARY_ALT},{text:"B3",color:t.PRIMARY_ALT_600},{text:"B2",color:t.PRIMARY_ALT_600},{text:"B1",color:t.PRIMARY_ALT_600},{text:"A3",color:t.PRIMARY_ALT_700},{text:"A2",color:t.PRIMARY_ALT_700},{text:"A1",color:t.PRIMARY_ALT_700}];var v=(e=>(e.SMALL="small",e.MEDIUM="medium",e))(v||{}),i=(e=>(e.XXS="xxs",e.XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="2xl",e.XXXL="3xl",e.XXXXL="4xl",e.XXXXXL="5xl",e))(i||{}),p=(e=>(e.LIGHT="light",e.REGULAR="regular",e.SEMI_BOLD="semi_bold",e.BOLD="bold",e))(p||{}),L=(e=>(e.LEFT="left",e.CENTER="center",e.RIGHT="right",e))(L||{}),y=(e=>(e.LOWERCASE="lowercase",e.UPPERCASE="uppercase",e.CAPITALIZE="capitalize",e.NONE="none",e))(y||{});const te={[i.MD]:"text-md",[i.XXS]:"text-xxs",[i.XS]:"text-xs",[i.SM]:"text-sm",[i.LG]:"text-lg",[i.XL]:"text-xl",[i.XXL]:"text-2xl",[i.XXXL]:"text-3xl",[i.XXXXL]:"text-4xl",[i.XXXXXL]:"text-5xl"},ae={[y.UPPERCASE]:"uppercase",[y.LOWERCASE]:"lowercase",[y.NONE]:"normal-case",[y.CAPITALIZE]:"capitalize"},oe={[L.LEFT]:"text-left",[L.RIGHT]:"text-right",[L.CENTER]:"text-center"},ne={[p.LIGHT]:"font-light",[p.REGULAR]:"font-medium",[p.SEMI_BOLD]:"font-bold",[p.BOLD]:"font-black"},le={[t.WHITE]:"text-white",[t.BLACK]:"text-black",[t.TRANSPARENT]:"text-transparent",[t.CURRENT]:"text-current",[t.PRIMARY]:"text-primary",[t.PRIMARY_50]:"text-primary-50",[t.PRIMARY_100]:"text-primary-100",[t.PRIMARY_200]:"text-primary-200",[t.PRIMARY_300]:"text-primary-300",[t.PRIMARY_400]:"text-primary-400",[t.PRIMARY_500]:"text-primary-500",[t.PRIMARY_600]:"text-primary-600",[t.PRIMARY_700]:"text-primary-700",[t.PRIMARY_800]:"text-primary-800",[t.PRIMARY_900]:"text-primary-900",[t.PRIMARY_ALT]:"text-primary-alt",[t.PRIMARY_ALT_300]:"text-primary-alt-300",[t.PRIMARY_ALT_400]:"text-primary-alt-400",[t.PRIMARY_ALT_500]:"text-primary-alt-500",[t.PRIMARY_ALT_600]:"text-primary-alt-600",[t.PRIMARY_ALT_700]:"text-primary-alt-700",[t.WARNING]:"text-warning",[t.WARNING_300]:"text-warning-300",[t.WARNING_400]:"text-warning-400",[t.WARNING_500]:"text-warning-500",[t.WARNING_600]:"text-warning-600",[t.WARNING_700]:"text-warning-700",[t.SECONDARY]:"text-secondary",[t.SECONDARY_300]:"text-secondary-300",[t.SECONDARY_400]:"text-secondary-400",[t.SECONDARY_500]:"text-secondary-500",[t.SECONDARY_600]:"text-secondary-600",[t.SECONDARY_700]:"text-secondary-700",[t.SECONDARY_ALT]:"text-secondary-alt",[t.SECONDARY_ALT_200]:"text-secondary-alt-200",[t.SECONDARY_ALT_300]:"text-secondary-alt-300",[t.SECONDARY_ALT_400]:"text-secondary-alt-400",[t.SECONDARY_ALT_500]:"text-secondary-alt-500",[t.SECONDARY_ALT_600]:"text-secondary-alt-600",[t.SECONDARY_ALT_700]:"text-secondary-alt-700",[t.ERROR]:"text-error",[t.ERROR_300]:"text-error-300",[t.ERROR_400]:"text-error-400",[t.ERROR_500]:"text-error-500",[t.ERROR_600]:"text-error-600",[t.ERROR_700]:"text-error-700",[t.ACCENT]:"text-accent",[t.ACCENT_300]:"text-accent-300",[t.ACCENT_500]:"text-accent-500",[t.ACCENT_600]:"text-accent-600",[t.ACCENT_700]:"text-accent-700",[t.ACCENT_ALT]:"text-accent-alt",[t.ACCENT_ALT_300]:"text-accent-alt-300",[t.ACCENT_ALT_400]:"text-accent-alt-400",[t.ACCENT_ALT_500]:"text-accent-alt-500",[t.ACCENT_ALT_600]:"text-accent-alt-600",[t.ACCENT_ALT_700]:"text-accent-alt-700"},m=({children:e,tag:a="p",underline:n=!1,lineHeight:l=!1,size:s,textTransform:d,align:_,weight:x,color:g,className:T})=>{const Y=o("ui-typography",{underline:n},l?"leading-normal":"leading-none",s&&te[s],d&&ae[d],_&&oe[_],x&&ne[x],g&&le[g],T);return r.jsx(a,{className:o(Y),children:e})},se=Object.freeze(Object.defineProperty({__proto__:null,EColors:t,ETextAlign:L,ETextTransform:y,ETextWeight:p,ETypographySizes:i,UiTypography:m},Symbol.toStringTag,{value:"Module"})),W={[v.SMALL]:z.icon_small,[v.MEDIUM]:z.icon_medium},$={[v.SMALL]:i.SM,[v.MEDIUM]:i.XXXL},ce=Object.freeze(Object.defineProperty({__proto__:null,EBerSize:v,UiBerRank:({rank:e,size:a=v.SMALL})=>{var n,l;return r.jsxs("div",{className:o("ui-ber-rank","flex"),children:[r.jsxs("div",{className:"relative",children:[r.jsx("svg",{className:o("text-secondary",W[a]),viewBox:"0 0 160 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{fillRule:"evenodd",d:"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z",fill:"currentColor"})}),r.jsx(m,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:t.WHITE,size:$[a],weight:p.BOLD,textTransform:y.UPPERCASE,children:"ber"})]}),r.jsxs("div",{className:"relative",children:[r.jsx(m,{color:((n=P[+e])==null?void 0:n.color)||P[0].color,children:r.jsx("svg",{className:W[a],viewBox:"0 0 106 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{fillRule:"evenodd",d:"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",fill:"currentColor"})})}),r.jsx(m,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:t.WHITE,size:$[a],weight:p.BOLD,textTransform:y.UPPERCASE,children:((l=P[+e])==null?void 0:l.text)||P[0].text})]})]})}},Symbol.toStringTag,{value:"Module"}));var u=(e=>(e.PRIMARY="primary",e.SECONDARY="secondary",e.ERROR="error",e.WARNING="warning",e.PRIMARY_OVERLAY="primary-overlay",e.SECONDARY_OVERLAY="secondary-overlay",e.ERROR_OVERLAY="error-overlay",e.WARNING_OVERLAY="warning-overlay",e.LINK="link",e))(u||{}),C=(e=>(e.DEFAULT="default",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e))(C||{}),S=(e=>(e.DEFAULT="default",e.BOLD="bold",e))(S||{});const ie={UiButton:"_UiButton_1dpbh_1"},de={[u.PRIMARY]:`
|
|
1
|
+
(function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react"),require("classnames"),require("@fortawesome/react-fontawesome"),require("@fortawesome/fontawesome-svg-core")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","classnames","@fortawesome/react-fontawesome","@fortawesome/fontawesome-svg-core"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c["bonkers-ui"]={},c.jsxRuntime,c.React,c.cx,c.reactFontawesome))})(this,function(c,t,m,l,re){"use strict";var f=(e=>(e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.ERROR="ERROR",e.WARNING="WARNING",e))(f||{}),A=(e=>(e.AUTO="auto",e.ZERO="zero",e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl",e.XXXXL="xxxxl",e.XXXXXL="xxxxxl",e))(A||{});const te={[A.XXXS]:"size-xxxs",[A.XXS]:"size-xxs",[A.XS]:"size-xs",[A.SM]:"size-sm",[A.MD]:"size-md",[A.LG]:"size-lg",[A.XL]:"size-xl",[A.XXL]:"size-xxl",[A.XXXL]:"size-xxxl",[A.XXXXL]:"size-xxxxl",[A.XXXXXL]:"size-xxxxxl",[A.AUTO]:"size-auto",[A.ZERO]:"size-zero"},F=({size:e,name:o})=>t.jsx(re.FontAwesomeIcon,{icon:o,className:l("ui-icon","inline","overflow-visible","align-[-.125em]",e&&te[e])}),ae=Object.freeze(Object.defineProperty({__proto__:null,UiIcon:F},Symbol.toStringTag,{value:"Module"})),oe={[f.PRIMARY]:"border-primary text-primary ",[f.SECONDARY]:"'border-secondary text-secondary",[f.ERROR]:"border-error text-error",[f.WARNING]:"border-warning text-warning"},ne=Object.freeze(Object.defineProperty({__proto__:null,EAlertTypes:f,UiAlert:({children:e,kind:o=f.PRIMARY,icon:a})=>t.jsxs("div",{className:l("ui-alert","flex","gap-sm","rounded-xl","border","bg-white","p-sm","leading-normal","text-xs",oe[o]),children:[a?t.jsx(F,{name:a,size:A.SM}):null,e]})},Symbol.toStringTag,{value:"Module"})),W={icon_medium:"_icon_medium_18il7_1",icon_small:"_icon_small_18il7_5"};var r=(e=>(e.WHITE="--color-white",e.BLACK="--color-black",e.TRANSPARENT="--color-transparent",e.CURRENT="--color-current",e.PRIMARY="--color-primary",e.PRIMARY_50="--color-primary-50",e.PRIMARY_100="--color-primary-100",e.PRIMARY_200="--color-primary-200",e.PRIMARY_300="--color-primary-300",e.PRIMARY_400="--color-primary-400",e.PRIMARY_500="--color-primary-500",e.PRIMARY_600="--color-primary-600",e.PRIMARY_700="--color-primary-700",e.PRIMARY_800="--color-primary-800",e.PRIMARY_900="--color-primary-900",e.PRIMARY_ALT="--color-primary-alt",e.PRIMARY_ALT_300="--color-primary-alt-300",e.PRIMARY_ALT_400="--color-primary-alt-400",e.PRIMARY_ALT_500="--color-primary-alt-500",e.PRIMARY_ALT_600="--color-primary-alt-600",e.PRIMARY_ALT_700="--color-primary-alt-700",e.SECONDARY="--color-secondary",e.SECONDARY_300="--color-secondary-300",e.SECONDARY_400="--color-secondary-400",e.SECONDARY_500="--color-secondary-500",e.SECONDARY_600="--color-secondary-600",e.SECONDARY_700="--color-secondary-700",e.WARNING="--color-warning",e.WARNING_300="--color-warning-300",e.WARNING_400="--color-warning-400",e.WARNING_500="--color-warning-500",e.WARNING_600="--color-warning-600",e.WARNING_700="--color-warning-700",e.ERROR="--color-error",e.ERROR_300="--color-error-300",e.ERROR_400="--color-error-400",e.ERROR_500="--color-error-500",e.ERROR_600="--color-error-600",e.ERROR_700="--color-error-700",e.ACCENT="--color-accent",e.ACCENT_300="--color-accent-300",e.ACCENT_500="--color-accent-500",e.ACCENT_600="--color-accent-600",e.ACCENT_700="--color-accent-700",e.ACCENT_ALT="--color-accent-alt",e.ACCENT_ALT_300="--color-accent-alt-300",e.ACCENT_ALT_400="--color-accent-alt-400",e.ACCENT_ALT_500="--color-accent-alt-500",e.ACCENT_ALT_600="--color-accent-alt-600",e.ACCENT_ALT_700="--color-accent-alt-700",e.SECONDARY_ALT="--color-secondary-alt",e.SECONDARY_ALT_200="--color-secondary-alt-200",e.SECONDARY_ALT_300="--color-secondary-alt-300",e.SECONDARY_ALT_400="--color-secondary-alt-400",e.SECONDARY_ALT_500="--color-secondary-alt-500",e.SECONDARY_ALT_600="--color-secondary-alt-600",e.SECONDARY_ALT_700="--color-secondary-alt-700",e))(r||{});const X=[{text:"N/A",color:r.SECONDARY_ALT},{text:"G",color:r.ERROR},{text:"F",color:r.WARNING_700},{text:"E2",color:r.WARNING_600},{text:"E1",color:r.WARNING_600},{text:"D2",color:r.WARNING_400},{text:"D1",color:r.WARNING_400},{text:"C3",color:r.PRIMARY_ALT},{text:"C2",color:r.PRIMARY_ALT},{text:"C1",color:r.PRIMARY_ALT},{text:"B3",color:r.PRIMARY_ALT_600},{text:"B2",color:r.PRIMARY_ALT_600},{text:"B1",color:r.PRIMARY_ALT_600},{text:"A3",color:r.PRIMARY_ALT_700},{text:"A2",color:r.PRIMARY_ALT_700},{text:"A1",color:r.PRIMARY_ALT_700}];var T=(e=>(e.SMALL="small",e.MEDIUM="medium",e))(T||{}),i=(e=>(e.XXS="xxs",e.XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="2xl",e.XXXL="3xl",e.XXXXL="4xl",e.XXXXXL="5xl",e))(i||{}),R=(e=>(e.LIGHT="light",e.REGULAR="regular",e.SEMI_BOLD="semi_bold",e.BOLD="bold",e))(R||{}),C=(e=>(e.LEFT="left",e.CENTER="center",e.RIGHT="right",e))(C||{}),u=(e=>(e.LOWERCASE="lowercase",e.UPPERCASE="uppercase",e.CAPITALIZE="capitalize",e.NONE="none",e))(u||{});const le={[i.MD]:"text-md",[i.XXS]:"text-xxs",[i.XS]:"text-xs",[i.SM]:"text-sm",[i.LG]:"text-lg",[i.XL]:"text-xl",[i.XXL]:"text-2xl",[i.XXXL]:"text-3xl",[i.XXXXL]:"text-4xl",[i.XXXXXL]:"text-5xl"},se={[u.UPPERCASE]:"uppercase",[u.LOWERCASE]:"lowercase",[u.NONE]:"normal-case",[u.CAPITALIZE]:"capitalize"},ce={[C.LEFT]:"text-left",[C.RIGHT]:"text-right",[C.CENTER]:"text-center"},ie={[R.LIGHT]:"font-light",[R.REGULAR]:"font-medium",[R.SEMI_BOLD]:"font-bold",[R.BOLD]:"font-black"},de={[r.WHITE]:"text-white",[r.BLACK]:"text-black",[r.TRANSPARENT]:"text-transparent",[r.CURRENT]:"text-current",[r.PRIMARY]:"text-primary",[r.PRIMARY_50]:"text-primary-50",[r.PRIMARY_100]:"text-primary-100",[r.PRIMARY_200]:"text-primary-200",[r.PRIMARY_300]:"text-primary-300",[r.PRIMARY_400]:"text-primary-400",[r.PRIMARY_500]:"text-primary-500",[r.PRIMARY_600]:"text-primary-600",[r.PRIMARY_700]:"text-primary-700",[r.PRIMARY_800]:"text-primary-800",[r.PRIMARY_900]:"text-primary-900",[r.PRIMARY_ALT]:"text-primary-alt",[r.PRIMARY_ALT_300]:"text-primary-alt-300",[r.PRIMARY_ALT_400]:"text-primary-alt-400",[r.PRIMARY_ALT_500]:"text-primary-alt-500",[r.PRIMARY_ALT_600]:"text-primary-alt-600",[r.PRIMARY_ALT_700]:"text-primary-alt-700",[r.WARNING]:"text-warning",[r.WARNING_300]:"text-warning-300",[r.WARNING_400]:"text-warning-400",[r.WARNING_500]:"text-warning-500",[r.WARNING_600]:"text-warning-600",[r.WARNING_700]:"text-warning-700",[r.SECONDARY]:"text-secondary",[r.SECONDARY_300]:"text-secondary-300",[r.SECONDARY_400]:"text-secondary-400",[r.SECONDARY_500]:"text-secondary-500",[r.SECONDARY_600]:"text-secondary-600",[r.SECONDARY_700]:"text-secondary-700",[r.SECONDARY_ALT]:"text-secondary-alt",[r.SECONDARY_ALT_200]:"text-secondary-alt-200",[r.SECONDARY_ALT_300]:"text-secondary-alt-300",[r.SECONDARY_ALT_400]:"text-secondary-alt-400",[r.SECONDARY_ALT_500]:"text-secondary-alt-500",[r.SECONDARY_ALT_600]:"text-secondary-alt-600",[r.SECONDARY_ALT_700]:"text-secondary-alt-700",[r.ERROR]:"text-error",[r.ERROR_300]:"text-error-300",[r.ERROR_400]:"text-error-400",[r.ERROR_500]:"text-error-500",[r.ERROR_600]:"text-error-600",[r.ERROR_700]:"text-error-700",[r.ACCENT]:"text-accent",[r.ACCENT_300]:"text-accent-300",[r.ACCENT_500]:"text-accent-500",[r.ACCENT_600]:"text-accent-600",[r.ACCENT_700]:"text-accent-700",[r.ACCENT_ALT]:"text-accent-alt",[r.ACCENT_ALT_300]:"text-accent-alt-300",[r.ACCENT_ALT_400]:"text-accent-alt-400",[r.ACCENT_ALT_500]:"text-accent-alt-500",[r.ACCENT_ALT_600]:"text-accent-alt-600",[r.ACCENT_ALT_700]:"text-accent-alt-700"},g=({children:e,tag:o,underline:a=!1,lineHeight:n=!1,size:s,textTransform:d,align:_,weight:b,color:h,className:M,...P})=>{const D=l("ui-typography",{underline:a},n?"leading-normal":"leading-none",s&&le[s],d&&se[d],_&&ce[_],b&&ie[b],h&&de[h],M);return m.createElement(o||"p",{className:D,...P},e)},_e=Object.freeze(Object.defineProperty({__proto__:null,EColors:r,ETextAlign:C,ETextTransform:u,ETextWeight:R,ETypographySizes:i,UiTypography:g},Symbol.toStringTag,{value:"Module"})),z={[T.SMALL]:W.icon_small,[T.MEDIUM]:W.icon_medium},$={[T.SMALL]:i.SM,[T.MEDIUM]:i.XXXL},be=Object.freeze(Object.defineProperty({__proto__:null,EBerSize:T,UiBerRank:({rank:e,size:o=T.SMALL})=>{var a,n;return t.jsxs("div",{className:l("ui-ber-rank","flex"),children:[t.jsxs("div",{className:"relative",children:[t.jsx("svg",{className:l("text-secondary",z[o]),viewBox:"0 0 160 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",d:"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z",fill:"currentColor"})}),t.jsx(g,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:r.WHITE,size:$[o],weight:R.BOLD,textTransform:u.UPPERCASE,children:"ber"})]}),t.jsxs("div",{className:"relative",children:[t.jsx(g,{color:((a=X[+e])==null?void 0:a.color)||X[0].color,children:t.jsx("svg",{className:z[o],viewBox:"0 0 106 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",d:"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",fill:"currentColor"})})}),t.jsx(g,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:r.WHITE,size:$[o],weight:R.BOLD,textTransform:u.UPPERCASE,children:((n=X[+e])==null?void 0:n.text)||X[0].text})]})]})}},Symbol.toStringTag,{value:"Module"}));var p=(e=>(e.PRIMARY="primary",e.SECONDARY="secondary",e.ERROR="error",e.WARNING="warning",e.PRIMARY_OVERLAY="primary-overlay",e.SECONDARY_OVERLAY="secondary-overlay",e.ERROR_OVERLAY="error-overlay",e.WARNING_OVERLAY="warning-overlay",e.LINK="link",e))(p||{}),L=(e=>(e.DEFAULT="default",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e))(L||{}),I=(e=>(e.DEFAULT="default",e.BOLD="bold",e))(I||{});const Ae={UiButton:"_UiButton_1dpbh_1"},xe={[p.PRIMARY]:`
|
|
2
2
|
text-white
|
|
3
3
|
bg-primary
|
|
4
4
|
|
|
5
5
|
hover:bg-primary-600
|
|
6
6
|
active:bg-primary-700
|
|
7
7
|
disabled:bg-primary-300
|
|
8
|
-
`,[
|
|
8
|
+
`,[p.SECONDARY]:`
|
|
9
9
|
bg-secondary
|
|
10
10
|
text-white
|
|
11
11
|
|
|
12
12
|
hover:bg-secondary-600
|
|
13
13
|
active:bg-secondary-700
|
|
14
14
|
disabled:bg-secondary-300
|
|
15
|
-
`,[
|
|
15
|
+
`,[p.ERROR]:`
|
|
16
16
|
bg-error
|
|
17
17
|
text-white
|
|
18
18
|
|
|
19
19
|
hover:bg-error-600
|
|
20
20
|
active:bg-error-700
|
|
21
21
|
disabled:bg-error-300
|
|
22
|
-
`,[
|
|
22
|
+
`,[p.WARNING]:`
|
|
23
23
|
bg-warning
|
|
24
24
|
text-white
|
|
25
25
|
|
|
26
26
|
hover:bg-warning-600
|
|
27
27
|
active:bg-warning-700
|
|
28
28
|
disabled:bg-warning-300
|
|
29
|
-
`,[
|
|
29
|
+
`,[p.PRIMARY_OVERLAY]:`
|
|
30
30
|
border
|
|
31
31
|
border-primary
|
|
32
32
|
text-primary
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
disabled:border-primary-300
|
|
43
43
|
disabled:text-primary-300
|
|
44
|
-
`,[
|
|
44
|
+
`,[p.SECONDARY_OVERLAY]:`
|
|
45
45
|
border
|
|
46
46
|
border-secondary
|
|
47
47
|
text-secondary
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
active:text-white
|
|
56
56
|
disabled:border-secondary-300
|
|
57
57
|
disabled:text-secondary-300
|
|
58
|
-
`,[
|
|
58
|
+
`,[p.ERROR_OVERLAY]:`
|
|
59
59
|
border border-error
|
|
60
60
|
text-error
|
|
61
61
|
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
disabled:border-error-300
|
|
71
71
|
disabled:text-error-300
|
|
72
|
-
`,[
|
|
72
|
+
`,[p.WARNING_OVERLAY]:`
|
|
73
73
|
border
|
|
74
74
|
border-warning
|
|
75
75
|
text-warning
|
|
@@ -84,13 +84,13 @@
|
|
|
84
84
|
|
|
85
85
|
disabled:border-warning-300
|
|
86
86
|
disabled:text-warning-300
|
|
87
|
-
`,[
|
|
87
|
+
`,[p.LINK]:`
|
|
88
88
|
text-accent-alt
|
|
89
89
|
|
|
90
90
|
hover:text-accent-alt-600
|
|
91
91
|
active:text-accent-alt-700
|
|
92
92
|
disabled:text-accent-alt-300
|
|
93
|
-
`},_e={[C.SMALL]:"px-md py-xxs",[C.MEDIUM]:"p-sm",[C.LARGE]:"p-md",[C.DEFAULT]:"px-md py-sm"},xe={[S.DEFAULT]:"font-medium",[S.BOLD]:"font-bold"},be=Object.freeze(Object.defineProperty({__proto__:null,EButtonSizes:C,EButtonTypes:u,EButtonWeight:S,UiButton:({kind:e=u.PRIMARY,size:a=C.DEFAULT,fullWidth:n=!1,disabled:l=!1,children:s,weight:d=S.BOLD,onClick:_,...x})=>r.jsx("button",{...x,onClick:_,className:o(ie.UiButton,"text-base","touch-manipulation","whitespace-nowrap","rounded-xl","leading-none",de[e],_e[a],xe[d],{"w-full":n,"pointer-events-none":l}),disabled:l,children:s})},Symbol.toStringTag,{value:"Module"})),D={UiCheckbox:"_UiCheckbox_fnxq5_1",UiCheckbox__custom:"_UiCheckbox__custom_fnxq5_5",UiCheckbox__icon:"_UiCheckbox__icon_fnxq5_11","cb-pop":"_cb-pop_fnxq5_1",UiCheckbox__disabled:"_UiCheckbox__disabled_fnxq5_63"};var A=(e=>(e.START="start",e.END="end",e.CENTER="center",e.BETWEEN="between",e.AROUND="around",e.EVENLY="evenly",e))(A||{}),M=(e=>(e.SM="SM",e.MD="MD",e))(M||{});const Ae={[A.START]:"justify-start",[A.END]:"justify-end",[A.CENTER]:"justify-center",[A.BETWEEN]:"justify-between",[A.AROUND]:"justify-around",[A.EVENLY]:"justify-evenly"},pe={[M.SM]:"size-sm",[M.MD]:"size-md"},ue={[M.SM]:"size-xs",[M.MD]:"size-sm"},Re=Object.freeze(Object.defineProperty({__proto__:null,ECheckboxSize:M,UiCheckbox:({checked:e,value:a,size:n=M.MD,disabled:l=!1,justify:s=A.START,invertOrder:d=!1,children:_,onChange:x,name:g,...T})=>{const Y=G=>{!l&&x&&(x==null||x(G.target.checked))};return r.jsxs("label",{className:o(D.UiCheckbox,"grid","cursor-pointer",_&&"items-center gap-sm",Ae[s],l&&D.UiCheckbox__disabled),children:[r.jsx("input",{...T,className:"absolute appearance-none",type:"checkbox",checked:e,disabled:l,value:a,name:g,onChange:Y}),r.jsx("span",{className:o(D.UiCheckbox__custom,"relative","flex","items-center","justify-center","rounded","border","border-secondary-alt-500","hover:border-secondary-alt-700",d&&"order-last",pe[n]),children:r.jsx("svg",{className:o(D.UiCheckbox__icon,"text-white",ue[n]),viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:r.jsx("path",{d:"M1 4.40106L6.60071 10.1135L15.1694 1.71245",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})})}),_]})}},Symbol.toStringTag,{value:"Module"})),me={thumb:"_thumb_hkko1_18"},Ne=Object.freeze(Object.defineProperty({__proto__:null,UiInputRange:({value:e,min:a,max:n,step:l,onChangeHandler:s,...d})=>{const _=h.useRef(null),x=h.useRef(null),[g,T]=h.useState(0),[Y,G]=h.useState(0);h.useEffect(()=>{if(!_.current||!x.current)return;const N=parseFloat(String(e)),E=parseFloat(String(a)),ke=parseFloat(String(n)),je=(N-E)/(ke-E)*100,Ge=x.current.getBoundingClientRect().width,ze=_.current.clientWidth,q=Ge/ze*100,Z=je*(1-q/100);T(Math.max(0,Math.min(100,Z))),G(Math.max(0,Math.min(100,Z+q)))},[a,n,e]);const Xe=N=>{if(N===e)return;const E=parseFloat(N.toFixed(10));s(E)};return r.jsxs("div",{className:o("relative box-content h-xl py-xxs",d.disabled&&"opacity-60 cursor-default pointer-events-none"),children:[r.jsx("input",{...d,ref:_,className:"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",style:{touchAction:"none"},type:"range",min:a,max:n,step:l,value:e,onChange:N=>Xe(+N.target.value),onTouchStart:N=>N.stopPropagation(),onTouchMove:N=>N.stopPropagation()}),r.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt"}),r.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",style:{width:`${Y}%`}}),r.jsx("div",{className:o(me.thumb,"pointer-events-none","absolute","box-content","size-md","-translate-y-1/2","rounded-full","bg-white","border-primary"),ref:x,style:{left:`${g}%`},children:r.jsx("div",{className:"absolute left-1/2 top-1/2 size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary"})})]})}},Symbol.toStringTag,{value:"Module"}));var U=(e=>(e.DEFAULT="DEFAULT",e.COMPACT="COMPACT",e))(U||{}),I=(e=>(e.SM="SM",e.MD="MD",e))(I||{});const ye={[U.DEFAULT]:"gap-sm",[U.COMPACT]:"gap-xxs"},ge={[I.SM]:"text-sm",[I.MD]:"text-md"},he=Object.freeze(Object.defineProperty({__proto__:null,EListItemSize:I,EListItemSpacing:U,UiList:({children:e,spacing:a=U.DEFAULT,size:n=I.SM})=>r.jsx("ul",{className:o("ui-list","grid",ye[a],ge[n]),children:e}),UiListItem:({children:e,prefix:a})=>r.jsxs("li",{className:"flex gap-xxxs",children:[a?r.jsx("span",{className:"w-[1em]",children:a}):null,e?r.jsx("span",{children:e}):null]})},Symbol.toStringTag,{value:"Module"})),F={UiRadio__custom:"_UiRadio__custom_wei69_1",UiRadio__dot:"_UiRadio__dot_wei69_4"},fe={[A.START]:"justify-start",[A.END]:"justify-end",[A.CENTER]:"justify-center",[A.BETWEEN]:"justify-between",[A.AROUND]:"justify-around",[A.EVENLY]:"justify-evenly"},V=({name:e,value:a,invertOrder:n=!1,justify:l=A.START,disabled:s=!1,onChange:d,checked:_=!1,children:x})=>{const g=T=>{!s&&d&&d(T.target.value)};return r.jsxs("label",{className:o("UiRadio","group","grid","grid-flow-col","cursor-pointer",fe[l],{"pointer-events-none":s,"items-center gap-xxs":x}),children:[r.jsx("input",{id:a,name:e.toString(),type:"radio",value:a,disabled:s,checked:_,onChange:g,className:"peer absolute appearance-none"}),r.jsx("span",{className:o(F.UiRadio__custom,n&&"order-last","relative","block","size-md","rounded-full","border","border-secondary-alt","bg-white","group-hover:border-secondary-alt-700","group-focus:border-secondary-alt-700","peer-checked:border-2","peer-checked:border-primary","peer-checked:hover:border-primary-600","peer-checked:active:border-primary-800","peer-focus:shadow-border-primary","peer-disabled:border-secondary-alt-400","peer-disabled:bg-secondary-alt-200"),children:r.jsx("span",{className:o(F.UiRadio__dot,"absolute","left-2/4","top-2/4","block","size-xxs","rounded-full","bg-primary ")})}),x]})},ve=Object.freeze(Object.defineProperty({__proto__:null,UiRadio:V},Symbol.toStringTag,{value:"Module"})),Le=Object.freeze(Object.defineProperty({__proto__:null,UiPlainRadio:({children:e,disabled:a,subHeader:n,value:l,name:s,checked:d=!1,onChange:_})=>r.jsxs("label",{className:o("ui-radio-fancy","relative",{"pointer-events-none":a}),htmlFor:s+l,children:[r.jsx("input",{className:o(" absolute","appearance-none","peer"),id:s+l,type:"radio",value:l,checked:d,onChange:()=>_(l)}),r.jsxs("div",{className:o("box-border","size-full","cursor-pointer","rounded-lg","border-2","bg-white","peer-active:bg-secondary-alt-200","p-sm","peer-hover:border-primary-700","peer-focus:shadow-border-primary","flex","items-center","gap-sm","text-sm",{"border-secondary-alt-400":a&&!d,"border-primary-300":a&&d,"border-secondary-alt-600":!a&&!d,"border-primary-600":!a&&d}),children:[r.jsx("span",{className:"pointer-events-none",children:r.jsx(V,{disabled:a,value:l,name:s,onChange:()=>_(l),checked:d})}),r.jsxs("div",{className:"flex flex-col",children:[e,r.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:n})]})]})]})},Symbol.toStringTag,{value:"Module"}));var O=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e))(O||{}),R=(e=>(e.PRIMARY="primary",e.ERROR="error",e.WARNING="warning",e.ACCENT="accent",e.PRIMARY_ALT="primary-alt",e.SECONDARY="secondary",e.ACCENT_ALT="accent-alt",e))(R||{});const Ce={[R.PRIMARY]:"bg-primary-100 text-primary-700",[R.ERROR]:"bg-error-300 text-error-700",[R.WARNING]:"bg-warning-300 text-warning-700",[R.ACCENT]:"bg-accent-300 text-accent-700",[R.PRIMARY_ALT]:"bg-primary-300 text-primary-800",[R.SECONDARY]:"bg-white text-secondary-300 ring-1 ring-secondary-alt-300",[R.ACCENT_ALT]:"bg-accent-alt-500 text-secondary-700"},Me={[O.SMALL]:i.XXS,[O.MEDIUM]:i.XS,[O.LARGE]:i.SM},H=({children:e,kind:a=R.PRIMARY,size:n=O.SMALL,icon:l,rounded:s=!1})=>r.jsxs("div",{className:o("ui-pills","grid grid-flow-col justify-start w-max","items-center","gap-xxxs","px-xxs py-xxxs","overflow-hidden",s?"rounded-full":"rounded",Ce[a]),children:[l,e?r.jsx(m,{size:Me[n],weight:p.SEMI_BOLD,className:"whitespace-nowrap",children:e}):null]}),Te=Object.freeze(Object.defineProperty({__proto__:null,EBadgeKind:R,EBadgeSize:O,UiPills:H},Symbol.toStringTag,{value:"Module"})),Oe=Object.freeze(Object.defineProperty({__proto__:null,UiProductCard:({badgeText:e,title:a,subtitle:n,header:l})=>r.jsxs("div",{className:`relative
|
|
93
|
+
`},ge={[L.SMALL]:"px-md py-xxs",[L.MEDIUM]:"p-sm",[L.LARGE]:"p-md",[L.DEFAULT]:"px-md py-sm"},Re={[I.DEFAULT]:"font-medium",[I.BOLD]:"font-bold"},pe=Object.freeze(Object.defineProperty({__proto__:null,EButtonSizes:L,EButtonTypes:p,EButtonWeight:I,UiButton:({kind:e=p.PRIMARY,size:o=L.DEFAULT,fullWidth:a=!1,disabled:n=!1,children:s,weight:d=I.BOLD,onClick:_,...b})=>t.jsx("button",{...b,onClick:_,className:l(Ae.UiButton,"text-base","touch-manipulation","whitespace-nowrap","rounded-xl","leading-none",xe[e],ge[o],Re[d],{"w-full":a,"pointer-events-none":n}),disabled:n,children:s})},Symbol.toStringTag,{value:"Module"})),j={UiCheckbox:"_UiCheckbox_fnxq5_1",UiCheckbox__custom:"_UiCheckbox__custom_fnxq5_5",UiCheckbox__icon:"_UiCheckbox__icon_fnxq5_11","cb-pop":"_cb-pop_fnxq5_1",UiCheckbox__disabled:"_UiCheckbox__disabled_fnxq5_63"};var x=(e=>(e.START="start",e.END="end",e.CENTER="center",e.BETWEEN="between",e.AROUND="around",e.EVENLY="evenly",e))(x||{}),v=(e=>(e.SM="SM",e.MD="MD",e))(v||{});const Ne={[x.START]:"justify-start",[x.END]:"justify-end",[x.CENTER]:"justify-center",[x.BETWEEN]:"justify-between",[x.AROUND]:"justify-around",[x.EVENLY]:"justify-evenly"},ye={[v.SM]:"size-sm",[v.MD]:"size-md"},me={[v.SM]:"size-xs",[v.MD]:"size-sm"},ue=Object.freeze(Object.defineProperty({__proto__:null,ECheckboxSize:v,UiCheckbox:({checked:e,value:o,size:a=v.MD,disabled:n=!1,justify:s=x.START,invertOrder:d=!1,children:_,onChange:b,name:h,...M})=>{const P=D=>{!n&&b&&(b==null||b(D.target.checked))};return t.jsxs("label",{className:l(j.UiCheckbox,"grid","cursor-pointer",_&&"items-center gap-sm",Ne[s],n&&j.UiCheckbox__disabled),children:[t.jsx("input",{...M,className:"absolute appearance-none",type:"checkbox",checked:e,disabled:n,value:o,name:h,onChange:P}),t.jsx("span",{className:l(j.UiCheckbox__custom,"relative","flex","items-center","justify-center","rounded","border","border-secondary-alt-500","hover:border-secondary-alt-700",d&&"order-last",ye[a]),children:t.jsx("svg",{className:l(j.UiCheckbox__icon,"text-white",me[a]),viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M1 4.40106L6.60071 10.1135L15.1694 1.71245",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})})}),_]})}},Symbol.toStringTag,{value:"Module"}));var O=(e=>(e.DEFAULT="DEFAULT",e.ERROR="ERROR",e.SUCCESS="SUCCESS",e))(O||{});const H=({postIcon:e,preIcon:o,kind:a=O.DEFAULT,...n})=>{const s={[O.DEFAULT]:"border-secondary-alt-500 hover:border-secondary-alt-700",[O.ERROR]:"border-error",[O.SUCCESS]:"border-primary-600"};return t.jsxs(g,{tag:"label",htmlFor:n.id,className:l("ui-input-wrapper","flex flex-row items-center gap-xxs rounded-lg border p-sm",a&&s[a],{"bg-white":!n.disabled,"border-secondary-alt-300 bg-secondary-alt-200":n.disabled}),children:[o||null,t.jsx("input",{className:l("border-0 flex-1 bg-transparent outline-none placeholder:text-secondary-alt-600 w-full"),...n}),e||null]})},B=({children:e,infoComponent:o,title:a,subtitle:n})=>t.jsxs("div",{className:"grid w-full grid-flow-row gap-xxxs",children:[a?t.jsx(g,{size:i.MD,color:r.SECONDARY,lineHeight:!0,children:a}):null,o,n?t.jsx(g,{lineHeight:!0,color:r.SECONDARY_ALT_600,size:i.SM,children:n}):null,t.jsx("div",{className:"relative w-full",children:e})]}),he=Object.freeze(Object.defineProperty({__proto__:null,EInputKind:O,UiInputBase:H,UiInputText:({kind:e,title:o,infoComponent:a,subtitle:n,statusMessage:s,...d})=>t.jsxs(B,{title:o,subtitle:n,infoComponent:a,children:[s?t.jsx(g,{className:l("mb-xxs","transition-all duration-300 ease-in-out","max-h-0 opacity-0 overflow-hidden","data-[status=true]:max-h-lg data-[status=true]:opacity-100"),lineHeight:!0,color:e===O.ERROR?r.ERROR:r.PRIMARY,size:i.SM,"data-status":!!s,children:s}):null,t.jsx(H,{kind:e,...d})]}),UiInputTitled:B},Symbol.toStringTag,{value:"Module"})),fe={thumb:"_thumb_hkko1_18"},Te=Object.freeze(Object.defineProperty({__proto__:null,UiInputRange:({value:e,min:o,max:a,step:n,onChangeHandler:s,...d})=>{const _=m.useRef(null),b=m.useRef(null),[h,M]=m.useState(0),[P,D]=m.useState(0);m.useEffect(()=>{if(!_.current||!b.current)return;const y=parseFloat(String(e)),k=parseFloat(String(o)),Be=parseFloat(String(a)),Ve=(y-k)/(Be-k)*100,qe=b.current.getBoundingClientRect().width,Ze=_.current.clientWidth,K=qe/Ze*100,ee=Ve*(1-K/100);M(Math.max(0,Math.min(100,ee))),D(Math.max(0,Math.min(100,ee+K)))},[o,a,e]);const He=y=>{if(y===e)return;const k=parseFloat(y.toFixed(10));s(k)};return t.jsxs("div",{className:l("relative box-content h-xl py-xxs",d.disabled&&"opacity-60 cursor-default pointer-events-none"),children:[t.jsx("input",{...d,ref:_,className:"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",style:{touchAction:"none"},type:"range",min:o,max:a,step:n,value:e,onChange:y=>He(+y.target.value),onTouchStart:y=>y.stopPropagation(),onTouchMove:y=>y.stopPropagation()}),t.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt"}),t.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",style:{width:`${P}%`}}),t.jsx("div",{className:l(fe.thumb,"pointer-events-none","absolute","box-content","size-md","-translate-y-1/2","rounded-full","bg-white","border-primary"),ref:b,style:{left:`${h}%`},children:t.jsx("div",{className:"absolute left-1/2 top-1/2 size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary"})})]})}},Symbol.toStringTag,{value:"Module"}));var Y=(e=>(e.DEFAULT="DEFAULT",e.COMPACT="COMPACT",e))(Y||{}),U=(e=>(e.SM="SM",e.MD="MD",e))(U||{});const Ce={[Y.DEFAULT]:"gap-sm",[Y.COMPACT]:"gap-xxs"},Le={[U.SM]:"text-sm",[U.MD]:"text-md"},ve=Object.freeze(Object.defineProperty({__proto__:null,EListItemSize:U,EListItemSpacing:Y,UiList:({children:e,spacing:o=Y.DEFAULT,size:a=U.SM})=>t.jsx("ul",{className:l("ui-list","grid",Ce[o],Le[a]),children:e}),UiListItem:({children:e,prefix:o})=>t.jsxs("li",{className:"flex gap-xxxs",children:[o?t.jsx("span",{className:"w-[1em]",children:o}):null,e?t.jsx("span",{children:e}):null]})},Symbol.toStringTag,{value:"Module"}));var E=(e=>(e.DEFAULT="default",e.OFFSET_TOP_LEFT="offset-top-left",e.OFFSET_BOTTOM_RIGHT="offset-bottom-right",e.OFFSET_BOTTOM_LEFT="offset-bottom-left",e))(E||{});const Oe={[r.WHITE]:"bg-white",[r.BLACK]:"bg-black",[r.TRANSPARENT]:"bg-transparent",[r.CURRENT]:"bg-current",[r.PRIMARY]:"bg-primary",[r.PRIMARY_50]:"bg-primary-50",[r.PRIMARY_100]:"bg-primary-100",[r.PRIMARY_200]:"bg-primary-200",[r.PRIMARY_300]:"bg-primary-300",[r.PRIMARY_400]:"bg-primary-400",[r.PRIMARY_500]:"bg-primary-500",[r.PRIMARY_600]:"bg-primary-600",[r.PRIMARY_700]:"bg-primary-700",[r.PRIMARY_800]:"bg-primary-800",[r.PRIMARY_900]:"bg-primary-900",[r.PRIMARY_ALT]:"bg-primary-alt",[r.PRIMARY_ALT_300]:"bg-primary-alt-300",[r.PRIMARY_ALT_400]:"bg-primary-alt-400",[r.PRIMARY_ALT_500]:"bg-primary-alt-500",[r.PRIMARY_ALT_600]:"bg-primary-alt-600",[r.PRIMARY_ALT_700]:"bg-primary-alt-700",[r.WARNING]:"bg-warning",[r.WARNING_300]:"bg-warning-300",[r.WARNING_400]:"bg-warning-400",[r.WARNING_500]:"bg-warning-500",[r.WARNING_600]:"bg-warning-600",[r.WARNING_700]:"bg-warning-700",[r.SECONDARY]:"bg-secondary",[r.SECONDARY_300]:"bg-secondary-300",[r.SECONDARY_400]:"bg-secondary-400",[r.SECONDARY_500]:"bg-secondary-500",[r.SECONDARY_600]:"bg-secondary-600",[r.SECONDARY_700]:"bg-secondary-700",[r.SECONDARY_ALT]:"bg-secondary-alt",[r.SECONDARY_ALT_200]:"bg-secondary-alt-200",[r.SECONDARY_ALT_300]:"bg-secondary-alt-300",[r.SECONDARY_ALT_400]:"bg-secondary-alt-400",[r.SECONDARY_ALT_500]:"bg-secondary-alt-500",[r.SECONDARY_ALT_600]:"bg-secondary-alt-600",[r.SECONDARY_ALT_700]:"bg-secondary-alt-700",[r.ERROR]:"bg-error",[r.ERROR_300]:"bg-error-300",[r.ERROR_400]:"bg-error-400",[r.ERROR_500]:"bg-error-500",[r.ERROR_600]:"bg-error-600",[r.ERROR_700]:"bg-error-700",[r.ACCENT]:"bg-accent",[r.ACCENT_300]:"bg-accent-300",[r.ACCENT_500]:"bg-accent-500",[r.ACCENT_600]:"bg-accent-600",[r.ACCENT_700]:"bg-accent-700",[r.ACCENT_ALT]:"bg-accent-alt",[r.ACCENT_ALT_300]:"bg-accent-alt-300",[r.ACCENT_ALT_400]:"bg-accent-alt-400",[r.ACCENT_ALT_500]:"bg-accent-alt-500",[r.ACCENT_ALT_600]:"bg-accent-alt-600",[r.ACCENT_ALT_700]:"bg-accent-alt-700"},Me={[E.DEFAULT]:"-right-xxxs -top-xxxs",[E.OFFSET_BOTTOM_RIGHT]:"-right-xxxs -bottom-xxxs",[E.OFFSET_TOP_LEFT]:"-left-xxxs -top-xxxs",[E.OFFSET_BOTTOM_LEFT]:"-left-xxxs -bottom-xxxs"},Se=Object.freeze(Object.defineProperty({__proto__:null,UiNotificationBadge:({offset:e,children:o,color:a})=>o?t.jsx("div",{className:l("notification-badge","p-xxxs","h-sm","min-w-sm","absolute","inline-flex","items-center","rounded-full","border","border-white","text-center","text-xxs","font-bold","leading-none","text-white","whitespace-nowrap","gap-xxxs",a&&Oe[a],e&&Me[e]),children:o}):null},Symbol.toStringTag,{value:"Module"})),V={UiRadio__custom:"_UiRadio__custom_wei69_1",UiRadio__dot:"_UiRadio__dot_wei69_4"},we={[x.START]:"justify-start",[x.END]:"justify-end",[x.CENTER]:"justify-center",[x.BETWEEN]:"justify-between",[x.AROUND]:"justify-around",[x.EVENLY]:"justify-evenly"},q=({name:e,value:o,invertOrder:a=!1,justify:n=x.START,disabled:s=!1,onChange:d,checked:_=!1,children:b})=>{const h=M=>{!s&&d&&d(M.target.value)};return t.jsxs("label",{className:l("UiRadio","group","grid","grid-flow-col","cursor-pointer",we[n],{"pointer-events-none":s,"items-center gap-xxs":b}),children:[t.jsx("input",{id:o,name:e.toString(),type:"radio",value:o,disabled:s,checked:_,onChange:h,className:"peer absolute appearance-none"}),t.jsx("span",{className:l(V.UiRadio__custom,a&&"order-last","relative","block","size-md","rounded-full","border","border-secondary-alt","bg-white","group-hover:border-secondary-alt-700","group-focus:border-secondary-alt-700","peer-checked:border-2","peer-checked:border-primary","peer-checked:hover:border-primary-600","peer-checked:active:border-primary-800","peer-focus:shadow-border-primary","peer-disabled:border-secondary-alt-400","peer-disabled:bg-secondary-alt-200"),children:t.jsx("span",{className:l(V.UiRadio__dot,"absolute","left-2/4","top-2/4","block","size-xxs","rounded-full","bg-primary ")})}),b]})},Ie=Object.freeze(Object.defineProperty({__proto__:null,UiRadio:q},Symbol.toStringTag,{value:"Module"})),Ye=Object.freeze(Object.defineProperty({__proto__:null,UiPlainRadio:({children:e,disabled:o,subHeader:a,value:n,name:s,checked:d=!1,onChange:_})=>t.jsxs("label",{className:l("ui-radio-fancy","relative",{"pointer-events-none":o}),htmlFor:s+n,children:[t.jsx("input",{className:l(" absolute","appearance-none","peer"),id:s+n,type:"radio",value:n,checked:d,onChange:()=>_(n)}),t.jsxs("div",{className:l("box-border","size-full","cursor-pointer","rounded-lg","border-2","bg-white","peer-active:bg-secondary-alt-200","p-sm","peer-hover:border-primary-700","peer-focus:shadow-border-primary","flex","items-center","gap-sm","text-sm",{"border-secondary-alt-400":o&&!d,"border-primary-300":o&&d,"border-secondary-alt-600":!o&&!d,"border-primary-600":!o&&d}),children:[t.jsx("span",{className:"pointer-events-none",children:t.jsx(q,{disabled:o,value:n,name:s,onChange:()=>_(n),checked:d})}),t.jsxs("div",{className:"flex flex-col",children:[e,t.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:a})]})]})]})},Symbol.toStringTag,{value:"Module"}));var S=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e))(S||{}),N=(e=>(e.PRIMARY="primary",e.ERROR="error",e.WARNING="warning",e.ACCENT="accent",e.PRIMARY_ALT="primary-alt",e.SECONDARY="secondary",e.ACCENT_ALT="accent-alt",e))(N||{});const Ue={[N.PRIMARY]:"bg-primary-100 text-primary-700",[N.ERROR]:"bg-error-300 text-error-700",[N.WARNING]:"bg-warning-300 text-warning-700",[N.ACCENT]:"bg-accent-300 text-accent-700",[N.PRIMARY_ALT]:"bg-primary-300 text-primary-800",[N.SECONDARY]:"bg-white text-secondary-300 ring-1 ring-secondary-alt-300",[N.ACCENT_ALT]:"bg-accent-alt-500 text-secondary-700"},Ee={[S.SMALL]:i.XXS,[S.MEDIUM]:i.XS,[S.LARGE]:i.SM},Z=({children:e,kind:o=N.PRIMARY,size:a=S.SMALL,icon:n,rounded:s=!1})=>t.jsxs("div",{className:l("ui-pills","grid grid-flow-col justify-start w-max","items-center","gap-xxxs","px-xxs py-xxxs","overflow-hidden",s?"rounded-full":"rounded",Ue[o]),children:[n,e?t.jsx(g,{size:Ee[a],weight:R.SEMI_BOLD,className:"whitespace-nowrap",children:e}):null]}),Pe=Object.freeze(Object.defineProperty({__proto__:null,EBadgeKind:N,EBadgeSize:S,UiPills:Z},Symbol.toStringTag,{value:"Module"})),De=Object.freeze(Object.defineProperty({__proto__:null,UiProductCard:({badgeText:e,title:o,subtitle:a,header:n})=>t.jsxs("div",{className:`relative
|
|
94
94
|
flex
|
|
95
95
|
flex-col
|
|
96
96
|
gap-sm
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
border-secondary-alt-500
|
|
100
100
|
bg-white
|
|
101
101
|
px-xs
|
|
102
|
-
py-sm`,children:[e&&
|
|
102
|
+
py-sm`,children:[e&&t.jsx("div",{className:"!absolute -top-xxs right-xs",children:t.jsx(Z,{rounded:!0,kind:N.ACCENT_ALT,children:e})}),n,t.jsxs("div",{className:"grid gap-xxs",children:[t.jsx(g,{size:i.MD,weight:R.BOLD,align:C.LEFT,color:r.SECONDARY,lineHeight:!0,children:o}),t.jsx(g,{size:i.XS,align:C.LEFT,color:r.SECONDARY_400,lineHeight:!0,children:a})]})]})},Symbol.toStringTag,{value:"Module"})),Xe=Object.freeze(Object.defineProperty({__proto__:null,UiProgress:({progressText:e,max:o,min:a,current:n})=>{const s=(n-a)/(o-a)*100;return t.jsxs("div",{className:l("ui-progress"),children:[t.jsx("div",{className:l("relative","h-xs ","w-full","overflow-hidden","rounded-3xl","bg-primary-50","mb-xxs"),children:t.jsx("div",{className:l("ui-progress__bar-fill","absolute","left-0","top-0","z-10","h-full","rounded-2xl","bg-primary-700","transition-all","duration-300"),style:{width:`${s}%`}})}),e&&t.jsx(g,{color:r.PRIMARY_700,size:i.SM,weight:R.SEMI_BOLD,children:e})]})}},Symbol.toStringTag,{value:"Module"})),je=({children:e,icon:o,disabled:a,subHeader:n})=>t.jsxs("label",{className:l("ui-radio-fancy","relative",{"pointer-events-none":a}),children:[t.jsx("input",{className:"group peer absolute appearance-none",type:"radio"}),t.jsxs("div",{className:l("box-border","size-full","cursor-pointer","rounded-lg","border-2","bg-white","p-sm","hover:border-primary-700","peer-focus:shadow-border-primary","peer-active:bg-secondary-alt-200","flex","items-center","gap-sm","text-sm",{"border-secondary-alt-400":a,"border-primary-600":!a}),children:[t.jsx("div",{className:l("relative","grid","size-fit","rounded-full","place-items-center","text-white","p-xxs",{"bg-primary-300":a,"bg-primary":!a}),children:o?t.jsx(F,{name:o,size:A.SM}):null}),t.jsxs("div",{className:"flex flex-col",children:[e,t.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:n})]})]})]});var Q=(e=>(e.MINIMAL="minimal",e.COMPACT="compact",e))(Q||{});const ke=Object.freeze(Object.defineProperty({__proto__:null,ERadioTypes:Q,UiRadioFancy:je},Symbol.toStringTag,{value:"Module"}));var J=(e=>(e.RESULT_CARD="RESULT_CARD",e))(J||{});const Fe=Object.freeze(Object.defineProperty({__proto__:null,UiSkeleton:({kind:e})=>t.jsx(t.Fragment,{children:e===J.RESULT_CARD&&t.jsxs("div",{className:l("ui-skeleton-card","animate-pulse","border-2","border-secondary-alt-300","grid-cols-5","grid","rounded-2xl"),children:[t.jsx("div",{className:l("ui-skeleton-card__content","bg-secondary-alt-300","gap-xs","items-center","justify-center","p-md","rounded-bl-xl","rounded-tl-xl"),children:t.jsxs("div",{className:l("grid","grow","gap-xxs","justify-items-center"),children:[t.jsx("div",{className:l("ui-skeleton-card__content","bg-secondary-alt-400","h-xl","mb-sm","rounded","w-2/3")}),t.jsx("div",{className:l("ui-skeleton-card__content","bg-secondary-alt-400","h-xxxxl","rounded-full","w-3/5")})]})}),t.jsxs("div",{className:l("ui-skeleton-main__content","bg-white","col-span-3"),children:[t.jsxs("div",{className:l("grid","p-sm"),children:[t.jsx("div",{className:l("bg-secondary-alt-400","h-md","mb-xxs","rounded","w-3/5")}),t.jsx("div",{className:l("flex","gap-sm","mb-xxs"),children:["w-2/5","w-1/4"].map((o,a)=>t.jsx("div",{className:l(o,"h-md","bg-secondary-alt-300","rounded")},a))}),t.jsx("div",{className:l("flex","justify-between"),children:["w-1/3","w-1/4"].map((o,a)=>{const n="h-[20px]",s=a===0?"bg-secondary-alt-400":"bg-secondary-alt-300";return t.jsx("div",{className:l(o,n,s,"rounded","mb-xxs")},a)})})]}),t.jsx("div",{className:l("grid","grid-cols-4"),children:Array.from({length:4}).map((o,a)=>t.jsx("div",{className:l("border","border-secondary-alt-300","px-xs","py-md"),children:t.jsx("div",{className:l("place-items-center"),children:["w-2/3","w-2/4"].map((n,s)=>{const d=s===1?"h-[23px]":"h-[20px]";return t.jsx("div",{className:l("bg-secondary-alt-300","mb-xxxs","rounded",n,d)},s)})})},a))})]}),t.jsx("div",{className:l("ui-skeleton-cta-cell","bg-secondary-alt-200","flex-col","flex","items-center","px-sm","py-md","rounded-br-xl","rounded-tr-xl"),children:["w-3/4","w-1/2","w-3/4","w-4/5"].map((o,a)=>{const n=a===1?"h-lg":"h-[20px]",s=a===3?"h-xxl bg-secondary-alt-500 mt-md":n;return t.jsx("div",{className:l("ui-skeleton-cta-cell__content","bg-secondary-alt-400","flex-col","flex","h-[20px]","mb-xxxs","rounded",o,n,s)},a)})})]})})},Symbol.toStringTag,{value:"Module"}));var G=(e=>(e.SECONDARY="secondary",e))(G||{}),w=(e=>(e.DEFAULT="default",e.SECONDARY="secondary",e.SECONDARY_INVERTED="secondary-inverted",e))(w||{});const Ge={[w.DEFAULT]:"",[w.SECONDARY]:"[&>tr:nth-child(odd)>td]:bg-secondary-alt-200",[w.SECONDARY_INVERTED]:"[&>tr:nth-child(even)>td]:bg-secondary-alt-200"},We=Object.freeze(Object.defineProperty({__proto__:null,ERowKind:G,ETableKind:w,UiTable:({kind:e=w.SECONDARY_INVERTED,header:o,children:a,...n})=>t.jsxs("table",{...n,children:[o&&t.jsx("thead",{children:o}),t.jsx("tbody",{className:l("rounded-xl",Ge[e]),children:a})]}),UiTableCell:({align:e,subText:o,weight:a,children:n,...s})=>t.jsx("td",{...s,children:t.jsxs(g,{tag:"div",size:i.SM,align:e,weight:a,className:"p-sm",children:[n,o?t.jsx(g,{tag:"div",size:i.XXS,weight:R.SEMI_BOLD,color:r.PRIMARY_ALT_700,className:`flex flex-col gap-xxxs ${n?"pt-sm":""}`,children:o}):null]})}),UiTableRow:({kind:e,children:o,...a})=>t.jsx("tr",{className:l("text-center","[&>td:last-of-type]:rounded-r-xxs","[&>td:last-of-type]:text-right","[&>td:first-of-type]:text-left","[&>td:first-of-type]:rounded-l-xxs",{"bg-secondary-alt-200":e===G.SECONDARY}),...a,children:o})},Symbol.toStringTag,{value:"Module"})),ze=Object.freeze(Object.defineProperty({__proto__:null,UiToggle:({children:e,title:o,disabled:a=!1,invertOrder:n=!1})=>{const[s,d]=m.useState(!1),[_,b]=m.useState(!1);return t.jsxs("div",{className:l("ui-toggle"),onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),children:[t.jsx("span",{className:l("font-bold"),children:o}),t.jsxs("label",{className:l("flex","cursor-pointer","gap-sm","rounded-full","mt-sm","items-center","w-full","leading-normal","text-md",{"flex-row-reverse":n,"pointer-events-none":a}),children:[t.jsxs("span",{className:l("relative","block","h-md"),children:[t.jsx("input",{className:l("absolute","size-0","appearance-none","border-0"),type:"checkbox",checked:s,onChange:()=>d(!s)}),t.jsx("span",{className:l("block","h-md","w-xl","rounded-full",{"bg-secondary-alt-300":!s&&a,"bg-primary-500":s&&!a,"bg-primary-300":s&&a,"bg-secondary-alt":!s&&!a})}),t.jsx("span",{className:l("absolute","top-[50%]","block","rounded-full","bg-white","w-[22px]","h-[22px]","translate-x-[1px]","translate-y-[-50%]","ease-in-out","transition-transform","hover:shadow-border-secondary","active:shadow-border-secondary","focus:shadow-border-secondary",{"shadow-border-secondary":_&&!s&&!a,"shadow-border-primary":_&&s&&!a,"translate-x-[calc(var(--xl)_-_100%_-_1px)] translate-y-[-50%]":s})})]}),e]})]})}},Symbol.toStringTag,{value:"Module"})),$e=Object.freeze(Object.defineProperty({__proto__:null,UiTabs:({tabs:e,tabsModel:o,onTabChange:a})=>t.jsx("ul",{className:l("ui-tabs","grid","grid-flow-col","rounded-full","bg-secondary-alt-200","p-[2px]"),children:e.map(n=>t.jsx("li",{className:l("rounded-full","text-center",o===n&&"bg-white"),children:t.jsxs("label",{className:l("block","cursor-pointer","px-md","py-xxs"),children:[t.jsx("input",{className:l("absolute","appearance-none"),type:"radio",value:n,checked:o===n,onChange:()=>a(n)}),t.jsx("span",{className:l("font-bold","text-xs"),children:n})]})},n))})},Symbol.toStringTag,{value:"Module"}));c.UiAlert=ne,c.UiBerRank=be,c.UiButton=pe,c.UiCheckbox=ue,c.UiIcon=ae,c.UiInput=he,c.UiInputRange=Te,c.UiList=ve,c.UiNotificationBadge=Se,c.UiPills=Pe,c.UiPlainRadio=Ye,c.UiProductCard=De,c.UiProgress=Xe,c.UiRadio=Ie,c.UiRadioFancy=ke,c.UiSkeleton=Fe,c.UiTable=We,c.UiTabs=$e,c.UiToggle=ze,c.UiTypography=_e,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
|
|
103
103
|
//# sourceMappingURL=bonkers-ui.umd.js.map
|