sate-lib 1.68.0 → 1.73.0

package/README.md

@@ -73,6 +73,16 @@ import from "sate-lib/typography.css";
 
 ### Version Triggering
 
+```yaml
+GH_TOKEN
+NPM_TOKEN
+```
+
+GH_TOKEN - needs repo and worflow access
+NPM_TOKEN - needs read and write access
+
+
+
 | Commit Type       | Release Type         | Version Bump Example |
 | ----------------- | -------------------- | -------------------- |
 | `feat`            | Minor release        | 1.1.0 → 1.2.0        |

package/lib/components/button/button-icon.d.ts

@@ -0,0 +1,15 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import { type IconName } from "../icon/icon";
+export type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
+type Size = "xSmall" | "small" | "medium";
+interface CommonProps {
+    as?: "button" | "a" | React.ElementType;
+    variant?: Variant;
+    size?: Size;
+    icon: IconName;
+    disabled?: boolean;
+}
+export type ButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare function ButtonIcon({ as: Tag, variant, icon, disabled, size, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=button-icon.d.ts.map

package/lib/components/button/button-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-icon.d.ts","sourceRoot":"","sources":["../../../src/components/button/button-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AAEnB,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1C,UAAU,WAAW;IACpB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GACpC,oBAAoB,CAAC,iBAAiB,CAAC,GACvC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAQzC,wBAAgB,UAAU,CAAC,EAC1B,EAAE,EAAE,GAAc,EAClB,OAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAoBb"}

package/lib/components/button/button-icon.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Icon as t}from"../icon/icon.js";import i from"./button.styles.module.js";import{Noise as n}from"./noise.js";let l={medium:24,small:18,xSmall:16};function m({as:m="button",variant:s="filled",icon:r,disabled:a,size:u="medium",className:c="",...d}){let f=l[u];return e(m,{className:[i.button,i.buttonIcon,i[s],i[`icon-${u}`],a&&i.disabled,c].filter(Boolean).join(" "),disabled:a,...d,children:[o(t,{name:r,size:f}),"filled"===s&&o(n,{className:i.noise})]})}export{m as ButtonIcon};

package/lib/components/button/button-icon.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button-icon.test.d.ts.map

package/lib/components/button/button-icon.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button-icon.test.tsx"],"names":[],"mappings":""}

package/lib/components/button/button.d.ts

@@ -2,13 +2,8 @@ import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
 import { type IconName } from "../icon/icon";
 export type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
 type Size = "small" | "medium" | "large";
-type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
-    href?: string;
-};
-type ButtonAsLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href?: string;
-};
 interface CommonProps {
+    as?: "button" | "a" | React.ElementType;
     variant?: Variant;
     size?: Size;
     icon?: IconName;
@@ -17,7 +12,7 @@ interface CommonProps {
     loading?: boolean;
     disabled?: boolean;
 }
-type ButtonProps = CommonProps & (ButtonAsButton | ButtonAsLink);
-export declare function Button({ href, variant, size, icon, iconPosition, label, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export type ButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare function Button({ as: Tag, variant, size, icon, iconPosition, label, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=button.d.ts.map

package/lib/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACnB,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EACtB,IAAI,EACJ,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAuDb"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AAEnB,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,WAAW;IACpB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GACpC,oBAAoB,CAAC,iBAAiB,CAAC,GACvC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzC,wBAAgB,MAAM,CAAC,EACtB,EAAE,EAAE,GAAc,EAClB,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAsCb"}

package/lib/components/button/button.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as r}from"../icon/icon.js";import s from"./button.styles.module.js";import{Noise as t}from"./noise.js";function a({href:a,variant:l="filled",size:o="large",icon:n,iconPosition:m="left",label:c,loading:d,disabled:u,className:f="",...h}){let g="large"===o||"medium"===o?24:"small"===o?18:16,p=(()=>{switch(o){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})(),b=[s.button,s[l],s[o],p,d&&s.loading,n&&s.icon,"right"===m&&s.directionRight,f].filter(Boolean).join(" ");return a?i("a",{className:b,href:a,...h,children:[n&&e(r,{name:n,size:g}),c,"filled"===l&&e(t,{className:s.noise})]}):i("button",{className:b,disabled:u,...h,children:[n&&e(r,{name:n,size:g}),c,"filled"===l&&e(t,{className:s.noise})]})}export{a as Button};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import r from"./button.styles.module.js";import{Noise as o}from"./noise.js";function s({as:s="button",variant:a="filled",size:l="large",icon:n,iconPosition:m="left",label:d,loading:u,disabled:c,className:f="",...b}){let g=(()=>{switch(l){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})();return t(s,{className:[r.button,r[a],r[l],g,u&&r.loading,c&&r.disabled,n&&r.icon,"right"===m&&r.directionRight,f].filter(Boolean).join(" "),disabled:c,...b,children:[n&&e(i,{name:n,size:"large"===l||"medium"===l?24:"small"===l?18:16}),d,"filled"===a&&e(o,{className:r.noise})]})}export{s as Button};

package/lib/components/button/button.styles.module.js

@@ -1 +1 @@
-import"./button.styles_module.css";let t={button:"button-dWV52U",directionRight:"directionRight-kW0Joo",loading:"loading-BHYlLw",filled:"filled-FpNFjd",noise:"noise-pBMZ6I",outlined:"outlined-QtvRsh",text:"text-qf5rbY",toned:"toned-yMdhhl",lightOnContent:"lightOnContent-ZxiAH4",darkOnContent:"darkOnContent-gXMY2B",small:"small-uxUptY",icon:"icon-EPzHvF",medium:"medium-iwhjuP",large:"large-N1qL9e"};export{t as default};
+import"./button.styles_module.css";let o={button:"button-dWV52U",buttonIcon:"buttonIcon-oaPhS4",directionRight:"directionRight-kW0Joo",disabled:"disabled-or6BkM",loading:"loading-BHYlLw",filled:"filled-FpNFjd",noise:"noise-pBMZ6I",outlined:"outlined-QtvRsh",text:"text-qf5rbY",toned:"toned-yMdhhl",lightOnContent:"lightOnContent-ZxiAH4",darkOnContent:"darkOnContent-gXMY2B",small:"small-uxUptY",icon:"icon-EPzHvF",medium:"medium-iwhjuP",large:"large-N1qL9e","icon-xSmall":"icon-xSmall-m4F4Zf",iconXSmall:"icon-xSmall-m4F4Zf","icon-small":"icon-small-XGYMxY",iconSmall:"icon-small-XGYMxY","icon-medium":"icon-medium-UoYPBj",iconMedium:"icon-medium-UoYPBj"};export{o as default};

package/lib/components/button/button.styles_module.css

@@ -1 +1 @@
-.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(8px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(8px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}
+.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.buttonIcon-oaPhS4{border-radius:50%}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(8px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(8px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.icon-xSmall-m4F4Zf{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.icon-small-XGYMxY{width:2rem;height:2rem;&:active{transform:scale(.92)}}.icon-medium-UoYPBj{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}

package/lib/components/button/button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button.test.d.ts.map

package/lib/components/button/button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.test.tsx"],"names":[],"mappings":""}

package/lib/components/drawer/drawer-gallery.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as l}from"../button-icon/button-icon.js";import{Typography as t}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,children:h})=>{let{state:f,onClose:v,present:y}=d({onOpenChange:n,open:m}),u=[s.root,s.rootGallery,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:s.overlay,"data-state":f,onClick:v}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:u,"data-state":f,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(l,{icon:"X2",onClick:v,size:"small",variant:"toned"})}),r(t,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:h})]})})]})})};export{m as DrawerGallery};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as l}from"../button/button-icon.js";import{Typography as t}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,children:h})=>{let{state:f,onClose:v,present:y}=d({onOpenChange:n,open:m}),u=[s.root,s.rootGallery,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:s.overlay,"data-state":f,onClick:v}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:u,"data-state":f,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(l,{icon:"X2",onClick:v,size:"small",variant:"toned"})}),r(t,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:h})]})})]})})};export{m as DrawerGallery};

package/lib/components/drawer/drawer-menu.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as o,useEffect as a}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as n}from"../button-icon/button-icon.js";import l from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:s,title:c,className:h,children:p})=>{let{state:u,onClose:f,present:v}=d({onOpenChange:s,open:m});a(()=>{if("undefined"==typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||f()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[f]);let w=[l.root,l.rootMenu,h].filter(Boolean).join(" ");return e(o,{mode:v?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:l.overlay,"data-state":u,onClick:f}),e(i,{forwardProps:!0,children:r("div",{"aria-label":c,"aria-modal":"true",className:w,"data-state":u,role:"dialog",children:[e(n,{className:l.menuClose,icon:"X2",onClick:f,size:"small",variant:"lightOnContent"}),e("div",{className:l.panel,children:p})]})})]})})};export{m as DrawerMenu};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as a,useEffect as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as n}from"../button/button-icon.js";import l from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:s,title:c,className:h,children:p})=>{let{state:u,onClose:f,present:v}=d({onOpenChange:s,open:m});o(()=>{if("undefined"==typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||f()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[f]);let w=[l.root,l.rootMenu,h].filter(Boolean).join(" ");return e(a,{mode:v?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:l.overlay,"data-state":u,onClick:f}),e(i,{forwardProps:!0,children:r("div",{"aria-label":c,"aria-modal":"true",className:w,"data-state":u,role:"dialog",children:[e(n,{className:l.menuClose,icon:"X2",onClick:f,size:"small",variant:"lightOnContent"}),e("div",{className:l.panel,children:p})]})})]})})};export{m as DrawerMenu};

package/lib/components/drawer/drawer.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as t}from"../button-icon/button-icon.js";import{Typography as l}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,nested:h,children:f})=>{let{state:v,onClose:u,present:y}=d({onOpenChange:n,open:m}),j=[s.root,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:`${s.overlay} ${h?s.nested:""}`,"data-state":v,onClick:u}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:j,"data-state":v,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(t,{icon:"X2",onClick:u,size:"small",variant:"toned"})}),r(l,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:f})]})})]})})};export{m as Drawer};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as t}from"../button/button-icon.js";import{Typography as l}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,nested:h,children:f})=>{let{state:v,onClose:u,present:y}=d({onOpenChange:n,open:m}),j=[s.root,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:`${s.overlay} ${h?s.nested:""}`,"data-state":v,onClick:u}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:j,"data-state":v,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(t,{icon:"X2",onClick:u,size:"small",variant:"toned"})}),r(l,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:f})]})})]})})};export{m as Drawer};

package/lib/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDAMX"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDASX"}

package/lib/components/icon/icon.js

@@ -1 +1 @@
-import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOut.js";import i from"../../assets/icons/Caret.js";import r from"../../assets/icons/CheckboxChecked.js";import e from"../../assets/icons/CheckCircle.js";import t from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/ChevronDown.js";import m from"../../assets/icons/ChevronLeft.js";import l from"../../assets/icons/ChevronRight.js";import a from"../../assets/icons/ChevronUp.js";import c from"../../assets/icons/Envelope.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye-fill.js";import j from"../../assets/icons/FacebookLogo.js";import h from"../../assets/icons/Gallery.js";import C from"../../assets/icons/GlobeSimple.js";import g from"../../assets/icons/Google-fill.js";import k from"../../assets/icons/Info.js";import v from"../../assets/icons/Instagram.js";import b from"../../assets/icons/List-bullet.js";import u from"../../assets/icons/MagnifyingGlass.js";import G from"../../assets/icons/Notches.js";import L from"../../assets/icons/OpenMap.js";import y from"../../assets/icons/Pepper-fill.js";import x from"../../assets/icons/Phone.js";import E from"../../assets/icons/SlidersHorizontal.js";import I from"../../assets/icons/Star-fill.js";import S from"../../assets/icons/TikTok.js";import T from"../../assets/icons/WarningCircle-fill.js";import W from"../../assets/icons/WarningTriangle-fill.js";import d from"../../assets/icons/WhatsappLogo.js";import w from"../../assets/icons/X2.js";import O from"../../assets/icons/XCircle-fill.js";let M={ArrowOut:o,Caret:i,CheckboxChecked:r,CheckCircle:e,"CheckCircle-fill":t,ChevronDown:n,ChevronLeft:m,ChevronRight:l,ChevronUp:a,Envelope:c,Export:f,"Eye-fill":p,FacebookLogo:j,Gallery:h,GlobeSimple:C,"Google-fill":g,Info:k,Instagram:v,"List-bullet":b,MagnifyingGlass:u,Notches:G,OpenMap:L,"Pepper-fill":y,Phone:x,SlidersHorizontal:E,"Star-fill":I,TikTok:S,"WarningCircle-fill":T,"WarningTriangle-fill":W,WhatsappLogo:d,X2:w,"XCircle-fill":O},P=Object.keys(M);function X({name:o,size:i=24,color:r="currentColor",...e}){let t=M[o];return t?s(t,{fill:r,height:i,width:i,...e}):null}export{X as Icon,M as Icons,P as iconNames};
+import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOut.js";import i from"../../assets/icons/Caret.js";import r from"../../assets/icons/CheckboxChecked.js";import e from"../../assets/icons/CheckCircle.js";import t from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/ChevronDown.js";import l from"../../assets/icons/ChevronLeft.js";import m from"../../assets/icons/ChevronRight.js";import a from"../../assets/icons/ChevronUp.js";import c from"../../assets/icons/Envelope.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye-fill.js";import j from"../../assets/icons/FacebookLogo.js";import h from"../../assets/icons/Gallery.js";import C from"../../assets/icons/GlobeSimple.js";import g from"../../assets/icons/Google-fill.js";import k from"../../assets/icons/Info.js";import u from"../../assets/icons/Instagram.js";import v from"../../assets/icons/List-bullet.js";import b from"../../assets/icons/MagnifyingGlass.js";import G from"../../assets/icons/Notches.js";import L from"../../assets/icons/OpenMap.js";import y from"../../assets/icons/Pepper-fill.js";import d from"../../assets/icons/Phone.js";import x from"../../assets/icons/SlidersHorizontal.js";import E from"../../assets/icons/Star-fill.js";import I from"../../assets/icons/TikTok.js";import S from"../../assets/icons/WarningCircle-fill.js";import T from"../../assets/icons/WarningTriangle-fill.js";import W from"../../assets/icons/WhatsappLogo.js";import w from"../../assets/icons/X2.js";import O from"../../assets/icons/XCircle-fill.js";let M={ArrowOut:o,Caret:i,CheckboxChecked:r,CheckCircle:e,"CheckCircle-fill":t,ChevronDown:n,ChevronLeft:l,ChevronRight:m,ChevronUp:a,Envelope:c,Export:f,"Eye-fill":p,FacebookLogo:j,Gallery:h,GlobeSimple:C,"Google-fill":g,Info:k,Instagram:u,"List-bullet":v,MagnifyingGlass:b,Notches:G,OpenMap:L,"Pepper-fill":y,Phone:d,SlidersHorizontal:x,"Star-fill":E,TikTok:I,"WarningCircle-fill":S,"WarningTriangle-fill":T,WhatsappLogo:W,X2:w,"XCircle-fill":O},P=Object.keys(M);function X({name:o,size:i=24,color:r="currentColor",...e}){let t=M[o];return t?s(t.default??t,{fill:r,height:i,width:i,...e}):null}export{X as Icon,M as Icons,P as iconNames};

package/lib/components/icon/icon.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon.test.d.ts.map

package/lib/components/icon/icon.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.test.tsx"],"names":[],"mappings":""}

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 export { Avatar } from "./components/avatar/avatar";
 export { Badge } from "./components/badge/badge";
 export { Button } from "./components/button/button";
-export { ButtonIcon } from "./components/button-icon/button-icon";
+export { ButtonIcon } from "./components/button/button-icon";
 export { Drawer, DrawerGallery, DrawerMenu } from "./components/drawer/index";
 export { FilterChipGroup } from "./components/filter-chip/filter-chip";
 export { Icon } from "./components/icon/icon";

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as r}from"./components/button/button.js";import{ButtonIcon as n}from"./components/button-icon/button-icon.js";import{Drawer as m,DrawerGallery as e,DrawerMenu as p}from"./components/drawer/index.js";import{FilterChipGroup as i}from"./components/filter-chip/filter-chip.js";import{Icon as s}from"./components/icon/icon.js";import{Logo as a}from"./components/logo/logo.js";import{MapMarker as c}from"./components/map-marker/map-marker.js";import{MenuItem as f}from"./components/menu-item/menu-item.js";import{Notification as j}from"./components/notification/notification.js";import{ProgressIndicator as g}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as u}from"./components/search-input/search-input.js";import{SegmentedControl as d}from"./components/segmented-control/segmented-control.js";import{Tabs as l}from"./components/tabs/tabs.js";import{Typography as b}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,n as ButtonIcon,m as Drawer,e as DrawerGallery,p as DrawerMenu,i as FilterChipGroup,s as Icon,a as Logo,c as MapMarker,f as MenuItem,j as Notification,g as ProgressIndicator,u as SearchInput,d as SegmentedControl,l as Tabs,b as Typography};
+import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as r}from"./components/button/button.js";import{ButtonIcon as n}from"./components/button/button-icon.js";import{Drawer as m,DrawerGallery as e,DrawerMenu as p}from"./components/drawer/index.js";import{FilterChipGroup as s}from"./components/filter-chip/filter-chip.js";import{Icon as i}from"./components/icon/icon.js";import{Logo as a}from"./components/logo/logo.js";import{MapMarker as c}from"./components/map-marker/map-marker.js";import{MenuItem as f}from"./components/menu-item/menu-item.js";import{Notification as j}from"./components/notification/notification.js";import{ProgressIndicator as g}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as u}from"./components/search-input/search-input.js";import{SegmentedControl as d}from"./components/segmented-control/segmented-control.js";import{Tabs as l}from"./components/tabs/tabs.js";import{Typography as b}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,n as ButtonIcon,m as Drawer,e as DrawerGallery,p as DrawerMenu,s as FilterChipGroup,i as Icon,a as Logo,c as MapMarker,f as MenuItem,j as Notification,g as ProgressIndicator,u as SearchInput,d as SegmentedControl,l as Tabs,b as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.68.0",
+  "version": "1.73.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -26,8 +26,8 @@
       "types": "./lib/components/button/button.d.ts"
     },
     "./buttonIcon": {
-      "import": "./lib/components/button-icon/button-icon.js",
-      "types": "./lib/components/button-icon/button-icon.d.ts"
+      "import": "./lib/components/button/button-icon.js",
+      "types": "./lib/components/button/button-icon.d.ts"
     },
     "./drawer": {
       "import": "./lib/components/drawer/index.js",

package/lib/components/button-icon/button-icon.d.ts

@@ -1,20 +0,0 @@
-import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
-import { type IconName } from "../icon/icon";
-export type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
-type Size = "xSmall" | "small" | "medium";
-type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
-    href?: string;
-};
-type ButtonAsLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href?: string;
-};
-interface CommonProps {
-    variant?: Variant;
-    size?: Size;
-    icon: IconName;
-    disabled?: boolean;
-}
-type ButtonProps = CommonProps & (ButtonAsButton | ButtonAsLink);
-export declare function ButtonIcon({ href, variant, icon, disabled, size, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=button-icon.d.ts.map

package/lib/components/button-icon/button-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-icon.d.ts","sourceRoot":"","sources":["../../../src/components/button-icon/button-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AAEnB,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1C,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAQjE,wBAAgB,UAAU,CAAC,EAC1B,IAAI,EACJ,OAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CA8Bb"}

package/lib/components/button-icon/button-icon.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import l from"./button-icon.styles.module.js";import{Noise as m}from"./noise.js";let n={medium:24,small:18,xSmall:16};function s({href:s,variant:t="filled",icon:r,disabled:a,size:c="medium",className:d="",...f}){let u=n[c],j=[l.buttonIcon,l[t],l[c],d].filter(Boolean).join(" ");return s?o("a",{className:j,href:s,...f,children:[e(i,{name:r,size:u}),"filled"===t&&e(m,{className:l.noise})]}):o("button",{className:j,disabled:a,...f,children:[e(i,{name:r,size:u}),"filled"===t&&e(m,{className:l.noise})]})}export{s as ButtonIcon};

package/lib/components/button-icon/button-icon.styles.module.js

@@ -1 +0,0 @@
-import"./button-icon.styles_module.css";let t={buttonIcon:"buttonIcon-xdn0Wv",filled:"filled-bNljYh",noise:"noise-xiZTif",outlined:"outlined-jT9Zvh",text:"text-xbDZpF",toned:"toned-VQq8bx",lightOnContent:"lightOnContent-ytpXja",darkOnContent:"darkOnContent-bmxX5b",xSmall:"xSmall-HXQfX3",small:"small-eQ8bwj",medium:"medium-YGml55"};export{t as default};

package/lib/components/button-icon/button-icon.styles_module.css

@@ -1 +0,0 @@
-.buttonIcon-xdn0Wv{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.buttonIcon-xdn0Wv:disabled{pointer-events:none;opacity:.38}.filled-bNljYh{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-bNljYh .noise-xiZTif{z-index:-1;pointer-events:none;width:100%;min-width:70px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-bNljYh:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-bNljYh:hover .noise-xiZTif,.filled-bNljYh:active .noise-xiZTif{opacity:.9}.filled-bNljYh:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-bNljYh:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-jT9Zvh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-xbDZpF{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.toned-VQq8bx{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.lightOnContent-ytpXja{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(8px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-bmxX5b{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(8px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.xSmall-HXQfX3{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.small-eQ8bwj{width:2rem;height:2rem;&:active{transform:scale(.92)}}.medium-YGml55{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}

package/lib/components/button-icon/noise.d.ts

@@ -1,6 +0,0 @@
-type NoiseProps = {
-    className?: string;
-};
-export declare function Noise({ className }: NoiseProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=noise.d.ts.map

package/lib/components/button-icon/noise.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"noise.d.ts","sourceRoot":"","sources":["../../../src/components/button-icon/noise.tsx"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,UAAU,2CAuF9C"}

package/lib/components/button-icon/noise.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useId as r}from"react";function i({className:i}){let l=r(),t=`noise-filter-${l}`;return o("svg",{className:i,fill:"none",viewBox:"0 0 191 171",xmlns:"http://www.w3.org/2000/svg",children:[e("g",{filter:`url(#${t})`,children:e("rect",{fill:"black",height:"171",width:"191"})}),e("defs",{children:o("filter",{colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",height:"171",id:t,width:"191",x:"0",y:"0",children:[e("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",mode:"normal",result:"shape"}),e("feTurbulence",{baseFrequency:"1 1",numOctaves:"3",result:"noise",seed:"2907",stitchTiles:"stitch",type:"fractalNoise"}),e("feColorMatrix",{in:"noise",result:"alphaNoise",type:"luminanceToAlpha"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise1",children:e("feFuncA",{tableValues:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ",type:"discrete"})}),e("feComposite",{in:"coloredNoise1",in2:"shape",operator:"in",result:"noise1Clipped"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise2",children:e("feFuncA",{tableValues:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ",type:"discrete"})}),e("feComposite",{in:"coloredNoise2",in2:"shape",operator:"in",result:"noise2Clipped"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.6)",result:"color1Flood"}),e("feComposite",{in:"color1Flood",in2:"noise1Clipped",operator:"in",result:"color1"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.3)",result:"color2Flood"}),e("feComposite",{in:"color2Flood",in2:"noise2Clipped",operator:"in",result:"color2"}),o("feMerge",{result:"effect1_noise_7452_6006",children:[e("feMergeNode",{in:"shape"}),e("feMergeNode",{in:"color1"}),e("feMergeNode",{in:"color2"})]})]})})]})}export{i as Noise};