@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Notification/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require('./Notification.[format === "es" ? "js" : "cjs"]');module.exports=t;

package/dist/components/Notification/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Notification.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Notification/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),e=require("../../constants/index.cjs.js"),n=i.styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${({theme:t})=>t.sizing.Size4}px;
+  padding: ${({theme:t})=>t.sizing.Size3}px;
+  pointer-events: none;
+  cursor: default;
+  border-radius: ${({theme:t})=>t.borderRadius.BorderRadiusSm}px;
+  height: 85px;
+  width: 500px;
+  background-color: ${({theme:t,$isUnread:o})=>o?"#F4F4F4":t.colors.surface.default};
+`,r=i.styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({theme:t})=>t.sizing.Size2}px;
+  flex: 1;
+  max-width: 500px;
+
+  .ant-typography {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-family: ${({theme:t})=>t.typography.fontFamily};
+    line-height: ${({theme:t,size:o})=>o===e.SIZE.standard?t.typography.lineHeight:"16px"};
+  }
+`,d=i.styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${({theme:t})=>t.colors.status.info.default};
+  border-radius: 50%;
+  height: 8px;
+  width: 8px;
+  aspect-ratio: 1;
+  min-height: 8px;
+`,a=t=>`1px solid ${t.colors.interactive.utility.border}`,s=i.styled.button`
+  border: ${({theme:t})=>a(t)};
+  background: "none";
+  cursor: "pointer";
+  pointer-events: "all";
+  color: ${({theme:t})=>t.colors.interactive.utility.onsurface};
+  border-radius: ${({theme:t})=>t.borderRadius.BorderRadiusSm};
+  padding-top: "2px";
+  padding-bottom: "2px";
+  padding-left: ${({theme:t})=>t.components.utilityButton.padding.horPadding};
+  padding-right: ${({theme:t})=>t.components.utilityButton.padding.horPadding};
+`,c=i.styled.button`
+  text-decoration: underline;
+  border: none;
+  background: none;
+  cursor: pointer;
+  pointer-events: all;
+`;exports.ChevronButton=c;exports.NotificationActionButton=s;exports.NotificationContent=r;exports.NotificationRow=n;exports.NotificationUnread=d;

package/dist/components/Notification/styles.d.ts

@@ -1,16 +1,5 @@
-type NotificationRowProps = {
-    state: string;
-    size: string;
-    $isUnread: boolean;
-};
-export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationRowProps>> & string;
-export declare const NotificationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: string;
-}>> & string;
-export declare const NotificationUnread: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    state: string;
-    size: string;
-}>> & string;
-export declare const NotificationActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ChevronButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export {};
+export declare const NotificationRow: any;
+export declare const NotificationContent: any;
+export declare const NotificationUnread: any;
+export declare const NotificationActionButton: any;
+export declare const ChevronButton: any;

package/dist/components/Popover/Popover.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("../../styles-BEj8fZMe.cjs"),i=({children:o,placement:e="top",title:t,align:r="top",onOpenChange:s,...p})=>n.jsx(c.Popover,{...p,"data-testid":"popover",placement:e,title:t,onOpenChange:s,align:r,children:o});module.exports=i;

package/dist/components/Popover/__tests__/Popover.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("../../../setup-Lma-RJTH.cjs"),p=require('../Popover.[format === "es" ? "js" : "cjs"]'),r=require("../../../vi.B5EKKJdE-CoUxwxV9.cjs");describe("<Popover />",()=>{let o;beforeEach(()=>{o={children:"Tooltip content",placement:"top",title:"Tooltip title",onOpenChange:r.vi.fn(),align:"left"}});const n=()=>c.customRender(i.jsx(p,{...o}));it("should render with default props",()=>{const{getByText:e}=n(),t=e("Tooltip content");expect(t).toBeInTheDocument()}),it("should render with children content",()=>{const{getByText:e}=n();expect(e("Tooltip content")).toBeInTheDocument()}),it("should handle click events",()=>{const{getByText:e}=n(),t=e("Tooltip content");c.fireEvent.click(t),expect(o.onOpenChange).toHaveBeenCalledTimes(1)}),it("should not throw when onOpenChange is not provided",()=>{o.onOpenChange=void 0;const{getByText:e}=n(),t=e("Tooltip content");expect(()=>{c.fireEvent.click(t)}).not.toThrow()})});

package/dist/components/Popover/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require('./Popover.[format === "es" ? "js" : "cjs"]');module.exports=o;

package/dist/components/Popover/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Popover.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Popover/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../utils/styled.[format === "es" ? "js" : "cjs"]');const e=require("../../styles-BEj8fZMe.cjs");exports.Popover=e.Popover;exports.getGenesisClass=e.getGenesisClass;

package/dist/components/Popover/styles.d.ts

@@ -1,14 +1,2 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledPopoverProps {
-    theme?: GenesisTheme;
-    align?: "left" | "right" | "top" | "bottom";
-    placement?: "top" | "topleft" | "topright";
-    title?: string;
-}
 export declare const getGenesisClass: (theme: any) => string;
-export declare const Popover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
-    ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
-}, StyledPopoverProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/popconfirm/PurePanel').PurePanelProps>;
-}, keyof import('react').Component<any, {}, any>>;
-export {};
+export declare const Popover: any;

package/dist/components/Progress/Progress.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),g=require('./styles.[format === "es" ? "js" : "cjs"]');require('../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');require("../../Typography-DCxwDJFP.cjs");const x=require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../Button/styles.[format === "es" ? "js" : "cjs"]');require('../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../Card/styles.[format === "es" ? "js" : "cjs"]');require('../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BfoQ93tm.cjs");require('../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../Message/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BEj8fZMe.cjs");require('../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../Select/styles.[format === "es" ? "js" : "cjs"]');require('../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BWTP_Zyu.cjs");require('../Tabs/styles.[format === "es" ? "js" : "cjs"]');const m=require('../Tile/Tile.[format === "es" ? "js" : "cjs"]');require('../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../Typography/styles.[format === "es" ? "js" : "cjs"]');const _=require('./Progress.util.[format === "es" ? "js" : "cjs"]'),P=({firstBarData:r,secondBarData:e=null,width:t=200,height:n=24,isTextBeforeBar:i=!1})=>{const s=x.useTheme(),q=r.value||0,o=s.colors.inputs.progress[r.status],l=e?{percent:e.value,strokeColor:s.colors.inputs.progress[e.status]}:null,c=o,p=8;return i?u.jsxs(m,{style:{width:t,height:n,alignItems:"center",gap:p},isHorizontal:!0,children:[_.getTextComponent(r,e,c,s,i),u.jsx(g.Progress,{"data-testid":"progress",percent:q,success:l,strokeColor:o,showInfo:!1})]}):u.jsxs(m,{style:{width:t,height:n,alignItems:"center",gap:p},isHorizontal:!0,children:[u.jsx(g.Progress,{"data-testid":"progress",percent:q,success:l,strokeColor:o,showInfo:!1}),_.getTextComponent(r,e,c,s,i)]})};module.exports=P;

package/dist/components/Progress/Progress.util.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require('../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const n=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const o=require("../../constants/index.cjs.js");require('../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../Button/styles.[format === "es" ? "js" : "cjs"]');require('../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../Card/styles.[format === "es" ? "js" : "cjs"]');require('../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BfoQ93tm.cjs");require('../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../Message/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BEj8fZMe.cjs");require('./styles.[format === "es" ? "js" : "cjs"]');require('../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../Select/styles.[format === "es" ? "js" : "cjs"]');require('../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BWTP_Zyu.cjs");require('../Tabs/styles.[format === "es" ? "js" : "cjs"]');const s=require('../Tile/Tile.[format === "es" ? "js" : "cjs"]');require('../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../Tooltip/styles.[format === "es" ? "js" : "cjs"]');const l=require('./ProgressText.[format === "es" ? "js" : "cjs"]'),c=(e,i,t,q,u)=>e.text?i?r.jsx(l,{firstBarData:e,secondBarData:i,theme:q,isTextBeforeBar:u}):r.jsx(s,{isHorizontal:!0,style:{gap:4,width:200,justifyContent:u?"flex-end":"flex-start"},children:r.jsx(n.Typography,{variant:o.TYPOGRAPHY_VARIANT.digits3,color:t,children:e.text})}):null;exports.getTextComponent=c;

package/dist/components/Progress/ProgressText.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require('../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const t=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../Button/styles.[format === "es" ? "js" : "cjs"]');require('../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../Card/styles.[format === "es" ? "js" : "cjs"]');require('../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BfoQ93tm.cjs");require('../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../Message/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BEj8fZMe.cjs");require('./styles.[format === "es" ? "js" : "cjs"]');require('../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../Select/styles.[format === "es" ? "js" : "cjs"]');require('../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BWTP_Zyu.cjs");require('../Tabs/styles.[format === "es" ? "js" : "cjs"]');const s=require('../Tile/Tile.[format === "es" ? "js" : "cjs"]');require('../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../Tooltip/styles.[format === "es" ? "js" : "cjs"]');const o=({firstBarData:r,secondBarData:i,theme:u,isTextBeforeBar:q})=>e.jsxs(s,{isHorizontal:!0,style:{gap:4,width:200,justifyContent:q?"flex-end":"flex-start"},children:[e.jsx(t.Typography,{variant:"digits3",color:u.colors.status[i.status].default,children:i.text}),e.jsx(t.Typography,{variant:"digits3",color:u.colors.status[r.status].default,children:r.text})]});module.exports=o;

package/dist/components/Progress/__tests__/Progress.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),t=require("../../../setup-Lma-RJTH.cjs"),n=require('../Progress.[format === "es" ? "js" : "cjs"]');describe("<Progress />",()=>{let e;beforeEach(()=>{e={firstBarData:{text:"50%",status:"success",value:50}}});const r=()=>t.customRender(o.jsx(n,{...e}));it("should render the Progress component",async()=>{r();const s=await t.screen.findByText("50%");expect(s).toBeInTheDocument()})});

package/dist/components/Progress/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const s=require('./Progress.[format === "es" ? "js" : "cjs"]');module.exports=s;

package/dist/components/Progress/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Progress.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Progress/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const pe=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),K=require("react"),v=require("../../presets-CCbttGCy.cjs"),me=require("../../CheckCircleFilled-CjHdYIbm.cjs"),ye=require("../../CheckOutlined-zCdr5BJm.cjs"),ve=require("../../CloseCircleFilled-DTf4XAEx.cjs"),he=require("../../CloseOutlined-Bdhtz5G6.cjs"),Ce=require("../../omit-BrHx-Kj7.cjs"),ce=require("../../index-BD5op9DA.cjs"),be=require("../../index-B2Z5NSa0.cjs"),V=require("../../CSSMotionList-BkQaDrZL.cjs"),Se=require("../../Keyframes-CLS7wZIp.cjs");function $e(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=$e(K);var ke={percent:0,prefixCls:"rc-progress",strokeColor:"#2db7f5",strokeLinecap:"round",strokeWidth:1,trailColor:"#D9D9D9",trailWidth:1,gapPosition:"bottom"},xe=function(){var t=K.useRef([]),r=K.useRef(null);return K.useEffect(function(){var n=Date.now(),o=!1;t.current.forEach(function(a){if(a){o=!0;var s=a.style;s.transitionDuration=".3s, .3s, .3s, .06s",r.current&&n-r.current<100&&(s.transitionDuration="0s, 0s")}}),o&&(r.current=Date.now())}),t.current};process.env.NODE_ENV;var re=0,Pe=process.env.NODE_ENV!=="test"&&v.canUseDom();function Ee(){var e;return Pe?(e=re,re+=1):e="TEST_OR_SSR",e}const we=function(e){var t=i.useState(),r=v._slicedToArray(t,2),n=r[0],o=r[1];return i.useEffect(function(){o("rc_progress_".concat(Ee()))},[]),e||n};var ne=function(t){var r=t.bg,n=t.children;return i.createElement("div",{style:{width:"100%",height:"100%",background:r}},n)};function oe(e,t){return Object.keys(e).map(function(r){var n=parseFloat(r),o="".concat(Math.floor(n*t),"%");return"".concat(e[r]," ").concat(o)})}var ae=i.forwardRef(function(e,t){var r=e.prefixCls,n=e.color,o=e.gradientId,a=e.radius,s=e.style,l=e.ptg,c=e.strokeLinecap,f=e.strokeWidth,u=e.size,g=e.gapDegree,m=n&&v._typeof(n)==="object",C=m?"#FFF":void 0,h=u/2,b=i.createElement("circle",{className:"".concat(r,"-circle-path"),r:a,cx:h,cy:h,stroke:C,strokeLinecap:c,strokeWidth:f,opacity:l===0?0:1,style:s,ref:t});if(!m)return b;var k="".concat(o,"-conic"),p=g?"".concat(180+g/2,"deg"):"0deg",y=oe(n,(360-g)/360),I=oe(n,1),w="conic-gradient(from ".concat(p,", ").concat(y.join(", "),")"),S="linear-gradient(to ".concat(g?"bottom":"top",", ").concat(I.join(", "),")");return i.createElement(i.Fragment,null,i.createElement("mask",{id:k},b),i.createElement("foreignObject",{x:0,y:0,width:u,height:u,mask:"url(#".concat(k,")")},i.createElement(ne,{bg:S},i.createElement(ne,{bg:w}))))});process.env.NODE_ENV!=="production"&&(ae.displayName="PtgCircle");var q=100,ee=function(t,r,n,o,a,s,l,c,f,u){var g=arguments.length>10&&arguments[10]!==void 0?arguments[10]:0,m=n/100*360*((360-s)/360),C=s===0?0:{bottom:0,top:180,left:90,right:-90}[l],h=(100-o)/100*r;f==="round"&&o!==100&&(h+=u/2,h>=r&&(h=r-.01));var b=q/2;return{stroke:typeof c=="string"?c:void 0,strokeDasharray:"".concat(r,"px ").concat(t),strokeDashoffset:h+g,transform:"rotate(".concat(a+m+C,"deg)"),transformOrigin:"".concat(b,"px ").concat(b,"px"),transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s",fillOpacity:0}},Ne=["id","prefixCls","steps","strokeWidth","trailWidth","gapDegree","gapPosition","trailColor","strokeLinecap","style","className","strokeColor","percent"];function se(e){var t=e??[];return Array.isArray(t)?t:[t]}var le=function(t){var r=v._objectSpread2(v._objectSpread2({},ke),t),n=r.id,o=r.prefixCls,a=r.steps,s=r.strokeWidth,l=r.trailWidth,c=r.gapDegree,f=c===void 0?0:c,u=r.gapPosition,g=r.trailColor,m=r.strokeLinecap,C=r.style,h=r.className,b=r.strokeColor,k=r.percent,p=v._objectWithoutProperties(r,Ne),y=q/2,I=we(n),w="".concat(I,"-gradient"),S=y-s/2,$=Math.PI*2*S,_=f>0?90+f/2:-90,P=$*((360-f)/360),N=v._typeof(a)==="object"?a:{count:a,gap:2},d=N.count,F=N.gap,G=se(k),W=se(b),A=W.find(function(O){return O&&v._typeof(O)==="object"}),L=A&&v._typeof(A)==="object",j=L?"butt":m,B=ee($,P,0,100,_,f,u,g,j,s),z=xe(),x=function(){var T=0;return G.map(function(R,M){var Z=W[M]||W[W.length-1],X=ee($,P,T,R,_,f,u,Z,j,s);return T+=R,i.createElement(ae,{key:M,color:Z,ptg:R,radius:S,prefixCls:o,gradientId:w,style:X,strokeLinecap:j,strokeWidth:s,gapDegree:f,ref:function(J){z[M]=J},size:q})}).reverse()},E=function(){var T=Math.round(d*(G[0]/100)),R=100/d,M=0;return new Array(d).fill(null).map(function(Z,X){var H=X<=T-1?W[0]:g,J=H&&v._typeof(H)==="object"?"url(#".concat(w,")"):void 0,te=ee($,P,M,R,_,f,u,H,"butt",s,F);return M+=(P-te.strokeDashoffset+F)*100/P,i.createElement("circle",{key:X,className:"".concat(o,"-circle-path"),r:S,cx:y,cy:y,stroke:J,strokeWidth:s,opacity:1,style:te,ref:function(ge){z[X]=ge}})})};return i.createElement("svg",v._extends({className:v.classNames("".concat(o,"-circle"),h),viewBox:"0 0 ".concat(q," ").concat(q),style:C,id:n,role:"presentation"},p),!d&&i.createElement("circle",{className:"".concat(o,"-circle-trail"),r:S,cx:y,cy:y,stroke:g,strokeLinecap:j,strokeWidth:l||s,style:B}),d?E():x())};process.env.NODE_ENV!=="production"&&(le.displayName="Circle");function D(e){return!e||e<0?0:e>100?100:e}function U(e){let{success:t,successPercent:r}=e,n=r;return t&&"progress"in t&&(n=t.progress),t&&"percent"in t&&(n=t.percent),n}const Oe=e=>{let{percent:t,success:r,successPercent:n}=e;const o=D(U({success:r,successPercent:n}));return[o,D(D(t)-o)]},_e=e=>{let{success:t={},strokeColor:r}=e;const{strokeColor:n}=t;return[n||v.presetPrimaryColors.green,r||null]},Y=(e,t,r)=>{var n,o,a,s;let l=-1,c=-1;if(t==="step"){const f=r.steps,u=r.strokeWidth;typeof e=="string"||typeof e>"u"?(l=e==="small"?2:14,c=u??8):typeof e=="number"?[l,c]=[e,e]:[l=14,c=8]=Array.isArray(e)?e:[e.width,e.height],l*=f}else if(t==="line"){const f=r==null?void 0:r.strokeWidth;typeof e=="string"||typeof e>"u"?c=f||(e==="small"?6:8):typeof e=="number"?[l,c]=[e,e]:[l=-1,c=8]=Array.isArray(e)?e:[e.width,e.height]}else(t==="circle"||t==="dashboard")&&(typeof e=="string"||typeof e>"u"?[l,c]=e==="small"?[60,60]:[120,120]:typeof e=="number"?[l,c]=[e,e]:Array.isArray(e)&&(l=(o=(n=e[0])!==null&&n!==void 0?n:e[1])!==null&&o!==void 0?o:120,c=(s=(a=e[0])!==null&&a!==void 0?a:e[1])!==null&&s!==void 0?s:120));return[l,c]},Ie=3,je=e=>Ie/e*100,De=e=>{const{prefixCls:t,trailColor:r=null,strokeLinecap:n="round",gapPosition:o,gapDegree:a,width:s=120,type:l,children:c,success:f,size:u=s,steps:g}=e,[m,C]=Y(u,"circle");let{strokeWidth:h}=e;h===void 0&&(h=Math.max(je(m),6));const b={width:m,height:C,fontSize:m*.15+6},k=i.useMemo(()=>{if(a||a===0)return a;if(l==="dashboard")return 75},[a,l]),p=Oe(e),y=o||l==="dashboard"&&"bottom"||void 0,I=Object.prototype.toString.call(e.strokeColor)==="[object Object]",w=_e({success:f,strokeColor:e.strokeColor}),S=v.classNames(`${t}-inner`,{[`${t}-circle-gradient`]:I}),$=i.createElement(le,{steps:g,percent:g?p[1]:p,strokeWidth:h,trailWidth:h,strokeColor:g?w[1]:w,strokeLinecap:n,trailColor:r,prefixCls:t,gapDegree:k,gapPosition:y}),_=m<=20,P=i.createElement("div",{className:S,style:b},$,!_&&c);return _?i.createElement(be.Tooltip,{title:c},P):P},Q="--progress-line-stroke-color",ue="--progress-percent",ie=e=>{const t=e?"100%":"-100%";return new Se.Keyframe(`antProgress${e?"RTL":"LTR"}Active`,{"0%":{transform:`translateX(${t}) scaleX(0)`,opacity:.1},"20%":{transform:`translateX(${t}) scaleX(0)`,opacity:.5},to:{transform:"translateX(0) scaleX(1)",opacity:0}})},We=e=>{const{componentCls:t,iconCls:r}=e;return{[t]:Object.assign(Object.assign({},V.resetComponent(e)),{display:"inline-block","&-rtl":{direction:"rtl"},"&-line":{position:"relative",width:"100%",fontSize:e.fontSize},[`${t}-outer`]:{display:"inline-flex",alignItems:"center",width:"100%"},[`${t}-inner`]:{position:"relative",display:"inline-block",width:"100%",flex:1,overflow:"hidden",verticalAlign:"middle",backgroundColor:e.remainingColor,borderRadius:e.lineBorderRadius},[`${t}-inner:not(${t}-circle-gradient)`]:{[`${t}-circle-path`]:{stroke:e.defaultColor}},[`${t}-success-bg, ${t}-bg`]:{position:"relative",background:e.defaultColor,borderRadius:e.lineBorderRadius,transition:`all ${e.motionDurationSlow} ${e.motionEaseInOutCirc}`},[`${t}-layout-bottom`]:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",[`${t}-text`]:{width:"max-content",marginInlineStart:0,marginTop:e.marginXXS}},[`${t}-bg`]:{overflow:"hidden","&::after":{content:'""',background:{_multi_value_:!0,value:["inherit",`var(${Q})`]},height:"100%",width:`calc(1 / var(${ue}) * 100%)`,display:"block"},[`&${t}-bg-inner`]:{minWidth:"max-content","&::after":{content:"none"},[`${t}-text-inner`]:{color:e.colorWhite,[`&${t}-text-bright`]:{color:"rgba(0, 0, 0, 0.45)"}}}},[`${t}-success-bg`]:{position:"absolute",insetBlockStart:0,insetInlineStart:0,backgroundColor:e.colorSuccess},[`${t}-text`]:{display:"inline-block",marginInlineStart:e.marginXS,color:e.colorText,lineHeight:1,width:"2em",whiteSpace:"nowrap",textAlign:"start",verticalAlign:"middle",wordBreak:"normal",[r]:{fontSize:e.fontSize},[`&${t}-text-outer`]:{width:"max-content"},[`&${t}-text-outer${t}-text-start`]:{width:"max-content",marginInlineStart:0,marginInlineEnd:e.marginXS}},[`${t}-text-inner`]:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",marginInlineStart:0,padding:`0 ${V.unit(e.paddingXXS)}`,[`&${t}-text-start`]:{justifyContent:"start"},[`&${t}-text-end`]:{justifyContent:"end"}},[`&${t}-status-active`]:{[`${t}-bg::before`]:{position:"absolute",inset:0,backgroundColor:e.colorBgContainer,borderRadius:e.lineBorderRadius,opacity:0,animationName:ie(),animationDuration:e.progressActiveMotionDuration,animationTimingFunction:e.motionEaseOutQuint,animationIterationCount:"infinite",content:'""'}},[`&${t}-rtl${t}-status-active`]:{[`${t}-bg::before`]:{animationName:ie(!0)}},[`&${t}-status-exception`]:{[`${t}-bg`]:{backgroundColor:e.colorError},[`${t}-text`]:{color:e.colorError}},[`&${t}-status-exception ${t}-inner:not(${t}-circle-gradient)`]:{[`${t}-circle-path`]:{stroke:e.colorError}},[`&${t}-status-success`]:{[`${t}-bg`]:{backgroundColor:e.colorSuccess},[`${t}-text`]:{color:e.colorSuccess}},[`&${t}-status-success ${t}-inner:not(${t}-circle-gradient)`]:{[`${t}-circle-path`]:{stroke:e.colorSuccess}}})}},Ae=e=>{const{componentCls:t,iconCls:r}=e;return{[t]:{[`${t}-circle-trail`]:{stroke:e.remainingColor},[`&${t}-circle ${t}-inner`]:{position:"relative",lineHeight:1,backgroundColor:"transparent"},[`&${t}-circle ${t}-text`]:{position:"absolute",insetBlockStart:"50%",insetInlineStart:0,width:"100%",margin:0,padding:0,color:e.circleTextColor,fontSize:e.circleTextFontSize,lineHeight:1,whiteSpace:"normal",textAlign:"center",transform:"translateY(-50%)",[r]:{fontSize:e.circleIconFontSize}},[`${t}-circle&-status-exception`]:{[`${t}-text`]:{color:e.colorError}},[`${t}-circle&-status-success`]:{[`${t}-text`]:{color:e.colorSuccess}}},[`${t}-inline-circle`]:{lineHeight:1,[`${t}-inner`]:{verticalAlign:"bottom"}}}},Le=e=>{const{componentCls:t}=e;return{[t]:{[`${t}-steps`]:{display:"inline-block","&-outer":{display:"flex",flexDirection:"row",alignItems:"center"},"&-item":{flexShrink:0,minWidth:e.progressStepMinWidth,marginInlineEnd:e.progressStepMarginInlineEnd,backgroundColor:e.remainingColor,transition:`all ${e.motionDurationSlow}`,"&-active":{backgroundColor:e.defaultColor}}}}}},Re=e=>{const{componentCls:t,iconCls:r}=e;return{[t]:{[`${t}-small&-line, ${t}-small&-line ${t}-text ${r}`]:{fontSize:e.fontSizeSM}}}},Te=e=>({circleTextColor:e.colorText,defaultColor:e.colorInfo,remainingColor:e.colorFillSecondary,lineBorderRadius:100,circleTextFontSize:"1em",circleIconFontSize:`${e.fontSize/e.fontSizeSM}em`}),Me=V.genStyleHooks("Progress",e=>{const t=e.calc(e.marginXXS).div(2).equal(),r=V.merge(e,{progressStepMarginInlineEnd:t,progressStepMinWidth:t,progressActiveMotionDuration:"2.4s"});return[We(r),Ae(r),Le(r),Re(r)]},Te);var Fe=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const Be=e=>{let t=[];return Object.keys(e).forEach(r=>{const n=parseFloat(r.replace(/%/g,""));Number.isNaN(n)||t.push({key:n,value:e[r]})}),t=t.sort((r,n)=>r.key-n.key),t.map(r=>{let{key:n,value:o}=r;return`${o} ${n}%`}).join(", ")},Xe=(e,t)=>{const{from:r=v.presetPrimaryColors.blue,to:n=v.presetPrimaryColors.blue,direction:o=t==="rtl"?"to left":"to right"}=e,a=Fe(e,["from","to","direction"]);if(Object.keys(a).length!==0){const l=Be(a),c=`linear-gradient(${o}, ${l})`;return{background:c,[Q]:c}}const s=`linear-gradient(${o}, ${r}, ${n})`;return{background:s,[Q]:s}},qe=e=>{const{prefixCls:t,direction:r,percent:n,size:o,strokeWidth:a,strokeColor:s,strokeLinecap:l="round",children:c,trailColor:f=null,percentPosition:u,success:g}=e,{align:m,type:C}=u,h=s&&typeof s!="string"?Xe(s,r):{[Q]:s,background:s},b=l==="square"||l==="butt"?0:void 0,k=o??[-1,a||(o==="small"?6:8)],[p,y]=Y(k,"line",{strokeWidth:a});process.env.NODE_ENV!=="production"&&ce.devUseWarning("Progress").deprecated(!("strokeWidth"in e),"strokeWidth","size");const I={backgroundColor:f||void 0,borderRadius:b},w=Object.assign(Object.assign({width:`${D(n)}%`,height:y,borderRadius:b},h),{[ue]:D(n)/100}),S=U(e),$={width:`${D(S)}%`,height:y,borderRadius:b,backgroundColor:g==null?void 0:g.strokeColor},_={width:p<0?"100%":p},P=i.createElement("div",{className:`${t}-inner`,style:I},i.createElement("div",{className:v.classNames(`${t}-bg`,`${t}-bg-${C}`),style:w},C==="inner"&&c),S!==void 0&&i.createElement("div",{className:`${t}-success-bg`,style:$})),N=C==="outer"&&m==="start",d=C==="outer"&&m==="end";return C==="outer"&&m==="center"?i.createElement("div",{className:`${t}-layout-bottom`},P,c):i.createElement("div",{className:`${t}-outer`,style:_},N&&c,P,d&&c)},Ve=e=>{const{size:t,steps:r,rounding:n=Math.round,percent:o=0,strokeWidth:a=8,strokeColor:s,trailColor:l=null,prefixCls:c,children:f}=e,u=n(r*(o/100)),m=t??[t==="small"?2:14,a],[C,h]=Y(m,"step",{steps:r,strokeWidth:a}),b=C/r,k=Array.from({length:r});for(let p=0;p<r;p++){const y=Array.isArray(s)?s[p]:s;k[p]=i.createElement("div",{key:p,className:v.classNames(`${c}-steps-item`,{[`${c}-steps-item-active`]:p<=u-1}),style:{backgroundColor:p<=u-1?y:l,width:b,height:h}})}return i.createElement("div",{className:`${c}-steps-outer`},k,f)};var Ge=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const ze=["normal","exception","active","success"],de=i.forwardRef((e,t)=>{const{prefixCls:r,className:n,rootClassName:o,steps:a,strokeColor:s,percent:l=0,size:c="default",showInfo:f=!0,type:u="line",status:g,format:m,style:C,percentPosition:h={}}=e,b=Ge(e,["prefixCls","className","rootClassName","steps","strokeColor","percent","size","showInfo","type","status","format","style","percentPosition"]),{align:k="end",type:p="outer"}=h,y=Array.isArray(s)?s[0]:s,I=typeof s=="string"||Array.isArray(s)?s:void 0,w=i.useMemo(()=>{if(y){const x=typeof y=="string"?y:Object.values(y)[0];return new v.FastColor(x).isLight()}return!1},[s]),S=i.useMemo(()=>{var x,E;const O=U(e);return parseInt(O!==void 0?(x=O??0)===null||x===void 0?void 0:x.toString():(E=l??0)===null||E===void 0?void 0:E.toString(),10)},[l,e.success,e.successPercent]),$=i.useMemo(()=>!ze.includes(g)&&S>=100?"success":g||"normal",[g,S]),{getPrefixCls:_,direction:P,progress:N}=i.useContext(V.ConfigContext),d=_("progress",r),[F,G,W]=Me(d),A=u==="line",L=A&&!a,j=i.useMemo(()=>{if(!f)return null;const x=U(e);let E;const O=m||(R=>`${R}%`),T=A&&w&&p==="inner";return p==="inner"||m||$!=="exception"&&$!=="success"?E=O(D(l),D(x)):$==="exception"?E=A?i.createElement(ve.RefIcon,null):i.createElement(he.RefIcon,null):$==="success"&&(E=A?i.createElement(me.RefIcon,null):i.createElement(ye.RefIcon,null)),i.createElement("span",{className:v.classNames(`${d}-text`,{[`${d}-text-bright`]:T,[`${d}-text-${k}`]:L,[`${d}-text-${p}`]:L}),title:typeof E=="string"?E:void 0},E)},[f,l,S,$,u,d,m]);if(process.env.NODE_ENV!=="production"){const x=ce.devUseWarning("Progress");x.deprecated(!("successPercent"in e),"successPercent","success.percent"),x.deprecated(!("width"in e),"width","size"),(u==="circle"||u==="dashboard")&&(Array.isArray(c)?process.env.NODE_ENV!=="production"&&x(!1,"usage",'Type "circle" and "dashboard" do not accept array as `size`, please use number or preset size instead.'):typeof c=="object"&&process.env.NODE_ENV!=="production"&&x(!1,"usage",'Type "circle" and "dashboard" do not accept object as `size`, please use number or preset size instead.')),e.success&&"progress"in e.success&&x.deprecated(!1,"success.progress","success.percent")}let B;u==="line"?B=a?i.createElement(Ve,Object.assign({},e,{strokeColor:I,prefixCls:d,steps:typeof a=="object"?a.count:a}),j):i.createElement(qe,Object.assign({},e,{strokeColor:y,prefixCls:d,direction:P,percentPosition:{align:k,type:p}}),j):(u==="circle"||u==="dashboard")&&(B=i.createElement(De,Object.assign({},e,{strokeColor:y,prefixCls:d,progressStatus:$}),j));const z=v.classNames(d,`${d}-status-${$}`,{[`${d}-${u==="dashboard"&&"circle"||u}`]:u!=="line",[`${d}-inline-circle`]:u==="circle"&&Y(c,"circle")[0]<=20,[`${d}-line`]:L,[`${d}-line-align-${k}`]:L,[`${d}-line-position-${p}`]:L,[`${d}-steps`]:a,[`${d}-show-info`]:f,[`${d}-${c}`]:typeof c=="string",[`${d}-rtl`]:P==="rtl"},N==null?void 0:N.className,n,o,G,W);return F(i.createElement("div",Object.assign({ref:t,style:Object.assign(Object.assign({},N==null?void 0:N.style),C),className:z,role:"progressbar","aria-valuenow":S,"aria-valuemin":0,"aria-valuemax":100},Ce.omit(b,["trailColor","strokeWidth","width","gapDegree","gapPosition","strokeLinecap","success","successPercent"])),B))});process.env.NODE_ENV!=="production"&&(de.displayName="Progress");const fe=({colors:e},t="info")=>"",He=pe.styled(de)`
+  ${({theme:e,state:t})=>fe(e,t)}
+`;exports.Progress=He;exports.getGenesisClass=fe;

package/dist/components/Progress/styles.d.ts

@@ -1,16 +1,4 @@
-import { ProgressProps } from 'antd';
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-import { Percent } from './Progress';
-interface StyledProgressProps extends ProgressProps {
-    theme?: GenesisTheme;
-    percent?: number;
-    success?: Percent | null;
-    state?: "success" | "error" | "info";
-}
 export declare const getGenesisClass: ({ colors }: {
     colors: any;
 }, state?: string) => string;
-export declare const Progress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<ProgressProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, StyledProgressProps>> & string & Omit<import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export {};
+export declare const Progress: any;

package/dist/components/Radio/Radio.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("react");require('../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const e=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require("../../constants/index.cjs.js");require('../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../Button/styles.[format === "es" ? "js" : "cjs"]');require('../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../Card/styles.[format === "es" ? "js" : "cjs"]');require('../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require('../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BfoQ93tm.cjs");require('../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../Message/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BEj8fZMe.cjs");require('../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../Select/styles.[format === "es" ? "js" : "cjs"]');require('../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BWTP_Zyu.cjs");require('../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('./states/RadioChecked.[format === "es" ? "js" : "cjs"]');require('./states/RadioCheckedHover.[format === "es" ? "js" : "cjs"]');require('./states/RadioCheckedFocussed.[format === "es" ? "js" : "cjs"]');require('./states/RadioCheckedDisabled.[format === "es" ? "js" : "cjs"]');require('./states/RadioUnchecked.[format === "es" ? "js" : "cjs"]');require('./states/RadioUncheckedHover.[format === "es" ? "js" : "cjs"]');require('./states/RadioUncheckedFocussed.[format === "es" ? "js" : "cjs"]');require('./states/RadioUncheckedDisabled.[format === "es" ? "js" : "cjs"]');exports.RadioWrapper=e.RadioWrapper;exports.default=e.Radio;

package/dist/components/Radio/Radio.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 interface RadioProps {
     id: string;
     label?: string;
@@ -6,8 +5,6 @@ interface RadioProps {
     onChange: (id: string) => void;
     isDisabled?: boolean;
 }
-export declare const RadioWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isDisabled: boolean;
-}>> & string;
+export declare const RadioWrapper: any;
 declare const Radio: ({ id, label, selectedId, onChange, isDisabled }: RadioProps) => import("react/jsx-runtime").JSX.Element;
 export default Radio;

package/dist/components/Radio/RadioGroup.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("../../Typography-DCxwDJFP.cjs"),t=({selectedId:d,options:e,onChange:n,isDisabled:o=!1})=>i.jsx("div",{role:"radiogroup",style:{display:"flex",flexDirection:"column",border:"none",cursor:o?"not-allowed":"pointer"},children:e.map(r=>i.jsx(a.Radio,{id:r.id,selectedId:d,label:r.label,onChange:l=>n(e.find(s=>s.id===l)),isDisabled:o},r.id))});module.exports=t;

package/dist/components/Radio/__tests__/RadioGroup.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),r=require("../../../setup-Lma-RJTH.cjs"),s=require('../RadioGroup.[format === "es" ? "js" : "cjs"]'),i=require("../../../vi.B5EKKJdE-CoUxwxV9.cjs");describe("<RadioGroup />",()=>{const t={name:"test-radio-group",selectedId:"1",onChange:i.vi.fn(),options:[{id:"1",label:"Option 1"},{id:"2",label:"Option 2"},{id:"3",label:"Option 3"}]},n=(e=t)=>r.customRender(a.jsx(s,{...e}));beforeEach(()=>{i.vi.clearAllMocks()}),it("should render all radio options",()=>{const{getAllByRole:e}=n(),o=e("radio");expect(o).toHaveLength(3)}),it("should call onChange when a radio is selected",()=>{const e=i.vi.fn(),{getByText:o}=n({...t,onChange:e});r.fireEvent.click(o("Option 1")),expect(e).toHaveBeenCalledWith({id:"1",label:"Option 1"})}),it("should mark the correct radio as checked based on value prop",()=>{const{getByRole:e}=n({...t,selectedId:"2"}),o=e("radio",{name:"Option 2"});expect(o).toHaveAttribute("aria-checked","true")})});

package/dist/components/Radio/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require('./RadioGroup.[format === "es" ? "js" : "cjs"]');module.exports=o;

package/dist/components/Radio/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './RadioGroup.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Radio/states/RadioChecked.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),s=i=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...i,children:[e.jsx("rect",{width:20,height:20,fill:"#384DF6",rx:10}),e.jsx("circle",{cx:10,cy:10,r:4,fill:"#fff"})]});module.exports=s;

package/dist/components/Radio/states/RadioCheckedDisabled.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),c=e=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...e,children:[s.jsx("circle",{cx:10,cy:10,r:9.5,fill:"#F4F4F4",stroke:"#9A9A9A"}),s.jsx("circle",{cx:10,cy:10,r:4,fill:"#6C6C6C"})]});module.exports=c;

package/dist/components/Radio/states/RadioCheckedFocussed.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),s=e=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:26,height:26,fill:"none",...e,children:[t.jsx("rect",{width:20,height:20,x:3,y:3,fill:"#384DF6",rx:10}),t.jsx("circle",{cx:13,cy:13,r:4,fill:"#fff"}),t.jsx("rect",{width:24,height:24,x:1,y:1,stroke:"#384DF6",strokeWidth:2,rx:12})]});module.exports=s;

package/dist/components/Radio/states/RadioCheckedHover.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),s=i=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...i,children:[e.jsx("rect",{width:20,height:20,fill:"#384DF6",rx:10}),e.jsx("circle",{cx:10,cy:10,r:4,fill:"#fff"})]});module.exports=s;

package/dist/components/Radio/states/RadioUnchecked.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...s,children:e.jsx("circle",{cx:10,cy:10,r:9.5,fill:"#fff",stroke:"#9A9A9A"})});module.exports=t;

package/dist/components/Radio/states/RadioUncheckedDisabled.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...s,children:e.jsx("circle",{cx:10,cy:10,r:9.5,fill:"#fff",stroke:"#9A9A9A"})});module.exports=i;

package/dist/components/Radio/states/RadioUncheckedFocussed.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),t=e=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:26,height:26,fill:"none",...e,children:[s.jsx("circle",{cx:13,cy:13,r:9.5,fill:"#fff",stroke:"#9A9A9A"}),s.jsx("rect",{width:24,height:24,x:1,y:1,stroke:"#384DF6",strokeWidth:2,rx:12})]});module.exports=t;

package/dist/components/Radio/states/RadioUncheckedHover.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),s=e=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...e,children:[c.jsx("circle",{cx:10,cy:10,r:9.5,fill:"#fff",stroke:"#9A9A9A"}),c.jsx("circle",{cx:10,cy:10,r:4,fill:"#6C6C6C"})]});module.exports=s;

package/dist/components/Row/Row.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),c=require('./styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const l=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const R=require('./RowLabelValue/RowLabelValue.[format === "es" ? "js" : "cjs"]'),w=require('./RowActions/RowActions.[format === "es" ? "js" : "cjs"]'),a=({label:r,value:n,isFullWidth:o=!1,actions:s,hasBorder:t=!0,isLoading:u=!1,badgeProps:i=null})=>{const{theme:_}=l.useGenesis();return e.jsxs(c.Column,{$hasBorder:t,actions:s,$isFullWidth:o,children:[e.jsx(R.RowLabelValue,{label:r,value:n,isFullWidth:o,isLoading:u,badgeProps:i}),e.jsx(w.RowActions,{actions:s})]})};module.exports=a;

package/dist/components/Row/RowActions/RowActions.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const t=require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const n=require("../../../constants/index.cjs.js");require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');const u=require('./styles.[format === "es" ? "js" : "cjs"]'),q=({action:{onClick:r,label:i}})=>e.jsx(u.RowActionButton,{onClick:r,style:{cursor:"pointer",display:"100%",alignItems:"center",background:"#fff",borderRadius:4,padding:8,boxShadow:"0px 1px 2px 0px #00000026",width:"100%",border:"1px solid #cbcbcb"},children:e.jsx(t.Typography,{variant:n.TYPOGRAPHY_VARIANT.label1,isFullWidth:!0,children:i})}),s=({actions:r})=>r?e.jsx(u.ActionsContainer,{children:r.map((i,o)=>e.jsx(q,{action:i},o))}):null;exports.RowActions=s;

package/dist/components/Row/RowActions/{styles.js → styles.[format === /"es/" ? /"js/" : /"cjs/"]" }

@@ -1,11 +1,10 @@
-import { d as o } from "../../../styled-components.browser.esm-C47QHsU4.js";
-const r = o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require('../../../utils/styled.[format === "es" ? "js" : "cjs"]'),e=t.styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%;
   padding: 0px 26px;
-`, d = o.button`
+`,n=t.styled.button`
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -14,7 +13,7 @@ const r = o.div`
   border: 1px solid #cbcbcb !important;
   border-radius: 4px;
   padding: 8px;
-  box-shadow: ${({ theme: n }) => n.shadows.general[1]};
+  box-shadow: ${({theme:o})=>o.shadows.general[1]};
   width: 100%;
   border: none;
 
@@ -25,8 +24,4 @@ const r = o.div`
   &:active {
     background: #f0f0f0;
   }
-`;
-export {
-  r as ActionsContainer,
-  d as RowActionButton
-};
+`;exports.ActionsContainer=e;exports.RowActionButton=n;

package/dist/components/Row/RowActions/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const ActionsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RowActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ActionsContainer: any;
+export declare const RowActionButton: any;

package/dist/components/Row/RowLabelValue/RowLabelValue.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');const d=require('../../Badge/Badge.[format === "es" ? "js" : "cjs"]');require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const r=require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');const o=require("../../../constants/index.cjs.js");require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../styles.[format === "es" ? "js" : "cjs"]');require('../RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const R=require('./RowSkeleton.[format === "es" ? "js" : "cjs"]'),h=require('./styles.[format === "es" ? "js" : "cjs"]'),_=({label:n,value:q,isLoading:s,isFullWidth:i,badgeProps:u})=>{const{theme:t}=r.useGenesis(),l=(a,c)=>a?e.jsx(d,{...u}):e.jsx("div",{children:e.jsx(r.Typography,{variant:o.TYPOGRAPHY_VARIANT.label1,style:{lineHeight:"1.5"},children:c})});return e.jsxs(h.RowLabelValue,{$isFullWidth:i,children:[e.jsx("div",{children:e.jsx(r.Typography,{variant:o.TYPOGRAPHY_VARIANT.label2,color:t.colors.onsurface["copy-light"],children:n})}),e.jsx("div",{children:s?e.jsx("div",{children:e.jsx(R.RowSkeleton,{isFullWidth:i})}):l(u,q)})]})};exports.RowLabelValue=_;

package/dist/components/Row/RowLabelValue/RowSkeleton.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require('./styles.[format === "es" ? "js" : "cjs"]'),a=({isFullWidth:r})=>r?e.jsx("div",{style:{width:200},children:e.jsx(t.Skeleton,{active:!0,paragraph:{rows:2},title:!1,avatar:!1,loading:!0})}):e.jsx("div",{style:{width:150},children:e.jsx(t.Skeleton,{active:!0,paragraph:{rows:1,width:"100%"},avatar:!1,title:!1,loading:!0})});exports.RowSkeleton=a;

package/dist/components/Row/RowLabelValue/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require('../../../utils/styled.[format === "es" ? "js" : "cjs"]'),o=require("../../../Skeleton-DJMABrvW.cjs"),r=e=>`${e.row["ver-padding"]}px ${e.row["hor-padding"]}px`,a=({components:e},t=!1)=>`
+  display: flex;
+  flex-direction: ${t?"column":"row"};
+  align-items:  ${t?"flex-start":"center"};
+  justify-content:  ${t?"flex-start":"space-between"};
+  width: 100%;
+  padding: ${r(e)};
+  gap: 8px;
+`,l=n.styled.div`
+  ${({theme:e,$isFullWidth:t})=>a(e,t)}
+`,s=n.styled(o.Skeleton)`
+  && {
+    .ant-skeleton-content .ant-skeleton-paragraph > li {
+      border-radius: 50px !important;
+      height: 16px !important;
+    }
+  }
+`;exports.RowLabelValue=l;exports.Skeleton=s;exports.getGenesisRowLabelValueClass=a;

package/dist/components/Row/RowLabelValue/styles.d.ts

@@ -1,15 +1,5 @@
-interface StyledRowLabelValueProps {
-    $isFullWidth?: boolean;
-}
 export declare const getGenesisRowLabelValueClass: ({ components }: {
     components: any;
 }, $isFullWidth?: boolean) => string;
-export declare const RowLabelValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRowLabelValueProps>> & string;
-export declare const Skeleton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('antd').SkeletonProps, never>> & string & Omit<import('react').FC<import('antd').SkeletonProps> & {
-    Button: import('react').FC<import('antd/es/skeleton/Button').SkeletonButtonProps>;
-    Avatar: import('react').FC<import('antd/es/skeleton/Avatar').AvatarProps>;
-    Input: import('react').FC<import('antd/es/skeleton/Input').SkeletonInputProps>;
-    Image: import('react').FC<import('antd/es/skeleton/Image').SkeletonImageProps>;
-    Node: import('react').FC<import('antd/es/skeleton/Node').SkeletonNodeProps>;
-}, keyof import('react').Component<any, {}, any>>;
-export {};
+export declare const RowLabelValue: any;
+export declare const Skeleton: any;

package/dist/components/Row/__tests__/Row.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),t=require("../../../setup-Lma-RJTH.cjs"),s=require('../Row.[format === "es" ? "js" : "cjs"]');describe("<Row />",()=>{let e;beforeEach(()=>{e={label:"Label",value:"Value"}});const o=()=>t.customRender(r.jsx(s,{...e}));it("should render the Row",()=>{o(),expect(t.screen.getByText("Label")).toBeInTheDocument()})});

package/dist/components/Row/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require('./Row.[format === "es" ? "js" : "cjs"]');module.exports=o;

package/dist/components/Row/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Row.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Row/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),d=e=>`1px solid ${e.surface["border-light"]}`,l=({colors:e,borderRadius:s,sizing:o},t=!1,n=!1,r=null)=>`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border-bottom: ${t?d(e):"none"};
+  padding-bottom:${r?"24px":"0"};
+  align-items: ${n?"flex-start !important":"center"};
+`,u=i.styled.div`
+  ${({theme:e,$hasBorder:s,$isFullWidth:o,actions:t})=>l(e,s,o,t)}
+`;exports.Column=u;exports.getGenesisColumnClass=l;

package/dist/components/Row/styles.d.ts

@@ -1,14 +1,6 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledColumnProps {
-    theme?: GenesisTheme;
-    $hasBorder?: boolean;
-    $isFullWidth?: boolean;
-    actions?: unknown;
-}
 export declare const getGenesisColumnClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, $hasBorder?: boolean, $isFullWidth?: boolean, actions?: any) => string;
-export declare const Column: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledColumnProps>> & string;
-export {};
+export declare const Column: any;

package/dist/components/SegmentedControls/SegmentedControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),i=require('./styles.[format === "es" ? "js" : "cjs"]'),m=({options:e,onChange:t,selectedTabId:s,isScaled:n=!1})=>{const o=e.map(({label:r,id:l,icon:c})=>({label:r,value:l,icon:c}));return u.jsx(i.SegmentedControls,{options:o,onChange:t,value:s,block:n})};module.exports=m;

package/dist/components/SegmentedControls/__tests__/SegmentedControls.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),i=require("../../../setup-Lma-RJTH.cjs"),r=require('../SegmentedControls.[format === "es" ? "js" : "cjs"]');describe("<SegmentedControls />",()=>{let t;beforeEach(()=>{t={options:[{label:"Option 1",id:"1"},{label:"Option 2",id:"2"}],selectedTabId:"1",onChange:vi.fn()}});const o=()=>i.customRender(s.jsx(r,{...t}));it("should render with provided options",()=>{const{getByText:e}=o();expect(e("Option 1")).toBeInTheDocument(),expect(e("Option 2")).toBeInTheDocument()}),it("should highlight the selected option",()=>{const{getByText:e}=o(),n=e("Option 1");expect(n).toHaveAttribute("aria-selected","true")})});

package/dist/components/SegmentedControls/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./SegmentedControls.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/SegmentedControls/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './SegmentedControls.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/SegmentedControls/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),me=require("react"),r=require("../../presets-CCbttGCy.cjs"),ve=require("../../useMergedState-g1JWsrDw.cjs"),fe=require("../../omit-BrHx-Kj7.cjs"),u=require("../../CSSMotionList-BkQaDrZL.cjs"),ge=require("../../useId-BDresUbx.cjs"),he=require("../../useSize-OiGNe58i.cjs");function be(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=be(me);var Y=function(t,n){if(!t)return null;var a={left:t.offsetLeft,right:t.parentElement.clientWidth-t.clientWidth-t.offsetLeft,width:t.clientWidth,top:t.offsetTop,bottom:t.parentElement.clientHeight-t.clientHeight-t.offsetTop,height:t.clientHeight};return n?{left:0,right:0,width:0,top:a.top,bottom:a.bottom,height:a.height}:{left:a.left,right:a.right,width:a.width,top:0,bottom:0,height:0}},x=function(t){return t!==void 0?"".concat(t,"px"):void 0};function Se(e){var t=e.prefixCls,n=e.containerRef,a=e.value,o=e.getValueIndex,c=e.motionName,y=e.onMotionStart,b=e.onMotionEnd,p=e.direction,N=e.vertical,m=N===void 0?!1:N,R=i.useRef(null),E=i.useState(a),M=r._slicedToArray(E,2),g=M[0],j=M[1],_=function(I){var O,T=o(I),w=(O=n.current)===null||O===void 0?void 0:O.querySelectorAll(".".concat(t,"-item"))[T];return(w==null?void 0:w.offsetParent)&&w},D=i.useState(null),f=r._slicedToArray(D,2),l=f[0],P=f[1],z=i.useState(null),S=r._slicedToArray(z,2),s=S[0],H=S[1];u.useLayoutEffect(function(){if(g!==a){var d=_(g),I=_(a),O=Y(d,m),T=Y(I,m);j(a),P(O),H(T),d&&I?y():b()}},[a]);var $=i.useMemo(function(){if(m){var d;return x((d=l==null?void 0:l.top)!==null&&d!==void 0?d:0)}return x(p==="rtl"?-(l==null?void 0:l.right):l==null?void 0:l.left)},[m,p,l]),C=i.useMemo(function(){if(m){var d;return x((d=s==null?void 0:s.top)!==null&&d!==void 0?d:0)}return x(p==="rtl"?-(s==null?void 0:s.right):s==null?void 0:s.left)},[m,p,s]),B=function(){return m?{transform:"translateY(var(--thumb-start-top))",height:"var(--thumb-start-height)"}:{transform:"translateX(var(--thumb-start-left))",width:"var(--thumb-start-width)"}},A=function(){return m?{transform:"translateY(var(--thumb-active-top))",height:"var(--thumb-active-height)"}:{transform:"translateX(var(--thumb-active-left))",width:"var(--thumb-active-width)"}},q=function(){P(null),H(null),b()};return!l||!s?null:i.createElement(u.CSSMotion,{visible:!0,motionName:c,motionAppear:!0,onAppearStart:B,onAppearActive:A,onVisibleChanged:q},function(d,I){var O=d.className,T=d.style,w=r._objectSpread2(r._objectSpread2({},T),{},{"--thumb-start-left":$,"--thumb-start-width":x(l==null?void 0:l.width),"--thumb-active-left":C,"--thumb-active-width":x(s==null?void 0:s.width),"--thumb-start-top":$,"--thumb-start-height":x(l==null?void 0:l.height),"--thumb-active-top":C,"--thumb-active-height":x(s==null?void 0:s.height)}),K={ref:u.composeRef(R,I),style:w,className:r.classNames("".concat(t,"-thumb"),O)};return process.env.NODE_ENV==="test"&&(K["data-test-style"]=JSON.stringify(w)),i.createElement("div",K)})}var pe=["prefixCls","direction","vertical","options","disabled","defaultValue","value","name","onChange","className","motionName"];function ye(e){if(typeof e.title<"u")return e.title;if(r._typeof(e.label)!=="object"){var t;return(t=e.label)===null||t===void 0?void 0:t.toString()}}function $e(e){return e.map(function(t){if(r._typeof(t)==="object"&&t!==null){var n=ye(t);return r._objectSpread2(r._objectSpread2({},t),{},{title:n})}return{label:t==null?void 0:t.toString(),title:t==null?void 0:t.toString(),value:t}})}var Ce=function(t){var n=t.prefixCls,a=t.className,o=t.disabled,c=t.checked,y=t.label,b=t.title,p=t.value,N=t.name,m=t.onChange,R=t.onFocus,E=t.onBlur,M=t.onKeyDown,g=t.onKeyUp,j=t.onMouseDown,_=function(f){o||m(f,p)};return i.createElement("label",{className:r.classNames(a,r._defineProperty({},"".concat(n,"-item-disabled"),o)),onMouseDown:j},i.createElement("input",{name:N,className:"".concat(n,"-item-input"),type:"radio",disabled:o,checked:c,onChange:_,onFocus:R,onBlur:E,onKeyDown:M,onKeyUp:g}),i.createElement("div",{className:"".concat(n,"-item-label"),title:b,"aria-selected":c},y))},k=i.forwardRef(function(e,t){var n,a,o=e.prefixCls,c=o===void 0?"rc-segmented":o,y=e.direction,b=e.vertical,p=e.options,N=p===void 0?[]:p,m=e.disabled,R=e.defaultValue,E=e.value,M=e.name,g=e.onChange,j=e.className,_=j===void 0?"":j,D=e.motionName,f=D===void 0?"thumb-motion":D,l=r._objectWithoutProperties(e,pe),P=i.useRef(null),z=i.useMemo(function(){return u.composeRef(P,t)},[P,t]),S=i.useMemo(function(){return $e(N)},[N]),s=ve.useMergedState((n=S[0])===null||n===void 0?void 0:n.value,{value:E,defaultValue:R}),H=r._slicedToArray(s,2),$=H[0],C=H[1],B=i.useState(!1),A=r._slicedToArray(B,2),q=A[0],d=A[1],I=function(h,V){C(V),g==null||g(V)},O=fe.omit(l,["children"]),T=i.useState(!1),w=r._slicedToArray(T,2),K=w[0],L=w[1],ae=i.useState(!1),X=r._slicedToArray(ae,2),ne=X[0],W=X[1],ie=function(){W(!0)},re=function(){W(!1)},oe=function(){L(!1)},le=function(h){h.key==="Tab"&&L(!0)},U=function(h){var V=S.findIndex(function(de){return de.value===$}),G=S.length,ce=(V+h+G)%G,F=S[ce];F&&(C(F.value),g==null||g(F.value))},se=function(h){switch(h.key){case"ArrowLeft":case"ArrowUp":U(-1);break;case"ArrowRight":case"ArrowDown":U(1);break}};return i.createElement("div",r._extends({role:"radiogroup","aria-label":"segmented control",tabIndex:m?void 0:0},O,{className:r.classNames(c,(a={},r._defineProperty(a,"".concat(c,"-rtl"),y==="rtl"),r._defineProperty(a,"".concat(c,"-disabled"),m),r._defineProperty(a,"".concat(c,"-vertical"),b),a),_),ref:z}),i.createElement("div",{className:"".concat(c,"-group")},i.createElement(Se,{vertical:b,prefixCls:c,value:$,containerRef:P,motionName:"".concat(c,"-").concat(f),direction:y,getValueIndex:function(h){return S.findIndex(function(V){return V.value===h})},onMotionStart:function(){d(!0)},onMotionEnd:function(){d(!1)}}),S.map(function(v){var h;return i.createElement(Ce,r._extends({},v,{name:M,key:v.value,prefixCls:c,className:r.classNames(v.className,"".concat(c,"-item"),(h={},r._defineProperty(h,"".concat(c,"-item-selected"),v.value===$&&!q),r._defineProperty(h,"".concat(c,"-item-focused"),ne&&K&&v.value===$),h)),checked:v.value===$,onChange:I,onFocus:ie,onBlur:re,onKeyDown:se,onKeyUp:le,onMouseDown:oe,disabled:!!m||!!v.disabled}))})))});process.env.NODE_ENV!=="production"&&(k.displayName="Segmented");var we=k;function J(e,t){return{[`${e}, ${e}:hover, ${e}:focus`]:{color:t.colorTextDisabled,cursor:"not-allowed"}}}function Z(e){return{backgroundColor:e.itemSelectedBg,boxShadow:e.boxShadowTertiary}}const xe=Object.assign({overflow:"hidden"},u.textEllipsis),Ne=e=>{const{componentCls:t}=e,n=e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(),a=e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(),o=e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();return{[t]:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.resetComponent(e)),{display:"inline-block",padding:e.trackPadding,color:e.itemColor,background:e.trackBg,borderRadius:e.borderRadius,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`}),u.genFocusStyle(e)),{[`${t}-group`]:{position:"relative",display:"flex",alignItems:"stretch",justifyItems:"flex-start",flexDirection:"row",width:"100%"},[`&${t}-rtl`]:{direction:"rtl"},[`&${t}-vertical`]:{[`${t}-group`]:{flexDirection:"column"},[`${t}-thumb`]:{width:"100%",height:0,padding:`0 ${u.unit(e.paddingXXS)}`}},[`&${t}-block`]:{display:"flex"},[`&${t}-block ${t}-item`]:{flex:1,minWidth:0},[`${t}-item`]:{position:"relative",textAlign:"center",cursor:"pointer",transition:`color ${e.motionDurationMid} ${e.motionEaseInOut}`,borderRadius:e.borderRadiusSM,transform:"translateZ(0)","&-selected":Object.assign(Object.assign({},Z(e)),{color:e.itemSelectedColor}),"&-focused":Object.assign({},u.genFocusOutline(e)),"&::after":{content:'""',position:"absolute",zIndex:-1,width:"100%",height:"100%",top:0,insetInlineStart:0,borderRadius:"inherit",opacity:0,transition:`opacity ${e.motionDurationMid}`,pointerEvents:"none"},[`&:hover:not(${t}-item-selected):not(${t}-item-disabled)`]:{color:e.itemHoverColor,"&::after":{opacity:1,backgroundColor:e.itemHoverBg}},[`&:active:not(${t}-item-selected):not(${t}-item-disabled)`]:{color:e.itemHoverColor,"&::after":{opacity:1,backgroundColor:e.itemActiveBg}},"&-label":Object.assign({minHeight:n,lineHeight:u.unit(n),padding:`0 ${u.unit(e.segmentedPaddingHorizontal)}`},xe),"&-icon + *":{marginInlineStart:e.calc(e.marginSM).div(2).equal()},"&-input":{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:0,opacity:0,pointerEvents:"none"}},[`${t}-thumb`]:Object.assign(Object.assign({},Z(e)),{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:"100%",padding:`${u.unit(e.paddingXXS)} 0`,borderRadius:e.borderRadiusSM,transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, height ${e.motionDurationSlow} ${e.motionEaseInOut}`,[`& ~ ${t}-item:not(${t}-item-selected):not(${t}-item-disabled)::after`]:{backgroundColor:"transparent"}}),[`&${t}-lg`]:{borderRadius:e.borderRadiusLG,[`${t}-item-label`]:{minHeight:a,lineHeight:u.unit(a),padding:`0 ${u.unit(e.segmentedPaddingHorizontal)}`,fontSize:e.fontSizeLG},[`${t}-item, ${t}-thumb`]:{borderRadius:e.borderRadius}},[`&${t}-sm`]:{borderRadius:e.borderRadiusSM,[`${t}-item-label`]:{minHeight:o,lineHeight:u.unit(o),padding:`0 ${u.unit(e.segmentedPaddingHorizontalSM)}`},[`${t}-item, ${t}-thumb`]:{borderRadius:e.borderRadiusXS}}}),J(`&-disabled ${t}-item`,e)),J(`${t}-item-disabled`,e)),{[`${t}-thumb-motion-appear-active`]:{transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,willChange:"transform, width"},[`&${t}-shape-round`]:{borderRadius:9999,[`${t}-item, ${t}-thumb`]:{borderRadius:9999}}})}},Oe=e=>{const{colorTextLabel:t,colorText:n,colorFillSecondary:a,colorBgElevated:o,colorFill:c,lineWidthBold:y,colorBgLayout:b}=e;return{trackPadding:y,trackBg:b,itemColor:t,itemHoverColor:n,itemHoverBg:a,itemSelectedBg:o,itemActiveBg:c,itemSelectedColor:n}},Re=u.genStyleHooks("Segmented",e=>{const{lineWidth:t,calc:n}=e,a=u.merge(e,{segmentedPaddingHorizontal:n(e.controlPaddingHorizontal).sub(t).equal(),segmentedPaddingHorizontalSM:n(e.controlPaddingHorizontalSM).sub(t).equal()});return[Ne(a)]},Oe);var Q=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]]);return n};function Me(e){return typeof e=="object"&&!!(e!=null&&e.icon)}const je=i.forwardRef((e,t)=>{const n=ge.useId(),{prefixCls:a,className:o,rootClassName:c,block:y,options:b=[],size:p="middle",style:N,vertical:m,shape:R="default",name:E=n}=e,M=Q(e,["prefixCls","className","rootClassName","block","options","size","style","vertical","shape","name"]),{getPrefixCls:g,direction:j,className:_,style:D}=u.useComponentConfig("segmented"),f=g("segmented",a),[l,P,z]=Re(f),S=he.useSize(p),s=i.useMemo(()=>b.map(C=>{if(Me(C)){const{icon:B,label:A}=C,q=Q(C,["icon","label"]);return Object.assign(Object.assign({},q),{label:i.createElement(i.Fragment,null,i.createElement("span",{className:`${f}-item-icon`},B),A&&i.createElement("span",null,A))})}return C}),[b,f]),H=r.classNames(o,c,_,{[`${f}-block`]:y,[`${f}-sm`]:S==="small",[`${f}-lg`]:S==="large",[`${f}-vertical`]:m,[`${f}-shape-${R}`]:R==="round"},P,z),$=Object.assign(Object.assign({},D),N);return l(i.createElement(we,Object.assign({},M,{name:E,className:H,style:$,options:s,ref:t,prefixCls:f,direction:j,vertical:m})))}),ee=je;process.env.NODE_ENV!=="production"&&(ee.displayName="Segmented");const te=({colors:e,borderRadius:t,sizing:n},a="primary",o="active")=>`
+  &.ant-segmented {
+    border-radius: ${t.BorderRadiusMd};
+    color: ${e.onsurface.copy};
+    
+    .ant-segmented-item {
+      color: ${e[a].text};
+      transition: all 0.3s;
+      
+      &-selected {
+        background: ${e[a][o]};
+        color: ${e[a].textContrast};
+      }
+      
+      &:hover {
+        color: ${e[a].hover};
+      }
+    }
+  }
+`,_e=ue.styled(ee)`
+  ${({theme:e,type:t="primary",state:n="active"})=>te(e,t,n)}
+`;exports.SegmentedControls=_e;exports.getGenesisClass=te;

package/dist/components/SegmentedControls/styles.d.ts

@@ -1,11 +1,3 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledSegmentedControlsProps {
-    theme?: GenesisTheme;
-    type?: "primary" | "secondary";
-    state?: "active" | "disabled";
-}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: GenesisTheme, type?: string, state?: string) => string;
-export declare const SegmentedControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').SegmentedProps<unknown> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, StyledSegmentedControlsProps>> & string & Omit<(<ValueType>(props: import('antd').SegmentedProps<ValueType> & React.RefAttributes<HTMLDivElement>) => ReturnType<import('react').ForwardRefExoticComponent<Omit<import('antd').SegmentedProps<import('rc-segmented').SegmentedValue>, "ref"> & import('react').RefAttributes<HTMLDivElement>>>) & Pick<import('react').FC<{}>, "displayName">, keyof import('react').Component<any, {}, any>>;
-export {};
+export declare const SegmentedControls: any;