sate-lib 2.22.0 → 2.23.0

package/lib/components/segmented-control/segmented-control.d.ts

@@ -1,17 +1,18 @@
 import type { ReactNode } from "react";
-interface Option {
+interface SegmentedControlOption {
     value: string;
     label: string;
     icon?: ReactNode;
     disabled?: boolean;
 }
 interface SegmentedControlProps {
-    options: Option[];
+    options: SegmentedControlOption[];
     name: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
     className?: string;
+    ariaLabel?: string;
 }
-export declare function SegmentedControl({ options, name, defaultValue, onChange, className, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl({ options, name, defaultValue, onChange, className, ariaLabel, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=segmented-control.d.ts.map

package/lib/components/segmented-control/segmented-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACT,EAAE,qBAAqB,2CAgCvB"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,UAAU,sBAAsB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,GACT,EAAE,qBAAqB,2CAsCvB"}

package/lib/components/segmented-control/segmented-control.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as l}from"../../util.js";import r from"./segmented-control.styles.module.js";function i({options:m,name:o,defaultValue:a,onChange:n,className:d}){return e("fieldset",{className:l("bodyDefault",r.root,d),children:m.map(({label:i,value:m,icon:d,disabled:s})=>{let c=`${o}-${m}`;return t("div",{className:l(r.item,s&&r.disabled),children:[e("input",{className:r.itemInput,defaultChecked:m===a,disabled:s,id:c,name:o,onChange:()=>n?.(m),type:"radio"}),t("label",{className:l(r.itemLabel,!!d&&r.withIcon),htmlFor:c,children:[d,i]})]},c)})})}export{i as SegmentedControl};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as l}from"../../util.js";import a from"./segmented-control.styles.module.js";function r({options:i,name:n,defaultValue:o,onChange:m,className:d,ariaLabel:s}){function c(e){m?.(e.currentTarget.value)}return e("fieldset",{"aria-label":s,className:l("bodyDefault",a.root,d),children:i.map(({label:r,value:i,icon:m,disabled:d})=>{let s=`${n}-${i}`;return t("div",{className:l(a.item,d&&a.disabled),children:[e("input",{className:a.itemInput,defaultChecked:i===o,disabled:d,id:s,name:n,onChange:c,type:"radio",value:i}),t("label",{className:l(a.itemLabel,!!m&&a.withIcon),htmlFor:s,children:[m,r]})]},s)})})}export{r as SegmentedControl};

package/lib/components/segmented-control/segmented-control.styles_module.css

@@ -1 +1 @@
-.root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14);border:0;align-items:stretch;display:flex}.item-KyXK8s{color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);border:none;flex:1;position:relative}.item-KyXK8s:not(:first-child):before{content:"";background-color:rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-KyXK8s:has(.itemInput-qor_CK:checked):before,.item-KyXK8s:has(.itemInput-qor_CK:checked)+.item-KyXK8s:before{opacity:0}.itemLabel-hLhyLk{text-align:center;cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;justify-content:center;align-items:center;gap:.25rem;height:100%;padding-block:.375rem;padding-inline:1rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;&:hover{color:var(--color-interactive-primary-hover,#202020)}}.itemLabel-hLhyLk:after{pointer-events:none;content:"";border:2px solid var(--color-content-primary,#202020);border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;inset:-2px;transform:scale(.98)}.withIcon-bg61Z_{padding-left:.5rem}.itemInput-qor_CK:checked+.itemLabel-hLhyLk{color:var(--color-interactive-accent,#202020);background-color:var(--color-background-elevated,#fdfdf9);box-shadow:var(--box-shadow-2);font-weight:500}.itemInput-qor_CK:focus-visible+.itemLabel-hLhyLk:after{opacity:1;transform:scale(1)}.itemInput-qor_CK{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disabled-enBWjG{pointer-events:none;opacity:.38}
+.root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14);border:0;align-items:stretch;display:flex;position:relative}.root-ZurdY9:after{position-anchor:--active-item;content:"";left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);background-color:var(--color-background-elevated,#fdfdf9);border-radius:var(--radius-radii-10,.625rem);box-shadow:var(--box-shadow-2);z-index:0;pointer-events:none;transition:all .2s ease-in-out;position:absolute}.item-KyXK8s{z-index:1;color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);border:none;flex:1;position:relative}.item-KyXK8s:not(:first-child):before{content:"";background-color:rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-KyXK8s:has(.itemInput-qor_CK:checked):before,.item-KyXK8s:has(.itemInput-qor_CK:checked)+.item-KyXK8s:before{opacity:0}.itemLabel-hLhyLk{z-index:1;text-align:center;cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;justify-content:center;align-items:center;gap:.25rem;height:100%;padding-block:.375rem;padding-inline:1rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative}.itemLabel-hLhyLk:hover{color:var(--color-interactive-primary-hover,#202020)}.itemLabel-hLhyLk:after{pointer-events:none;content:"";border:2px solid var(--color-content-primary,#202020);border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;inset:-2px;transform:scale(.98)}.withIcon-bg61Z_{padding-left:.5rem}.itemInput-qor_CK:checked+.itemLabel-hLhyLk{anchor-name:--active-item;color:var(--color-interactive-accent,#202020);font-weight:500}.itemInput-qor_CK:focus-visible+.itemLabel-hLhyLk:after{opacity:1;transform:scale(1)}.itemInput-qor_CK{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disabled-enBWjG{pointer-events:none;opacity:.38}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sate-lib",
-	"version": "2.22.0",
+	"version": "2.23.0",
 	"type": "module",
 	"private": false,
 	"keywords": [