@xyd-js/components 0.1.0-build.180 → 0.1.0-build.181

package/dist/system.js

@@ -1,2 +1,2 @@
-import{a as e}from"./Icon-BqZUoi4D.js";import*as t from"react";import n,{useEffect as r,useRef as a}from"react";import{B as o}from"./Button-C3mD0WmY.js";import{a as l}from"./_rollupPluginBabelHelpers-BXihn5zk.js";function i(n){var r=n.title,a=n.toolGroups,o=e(n,["title","toolGroups"]);return t.createElement("details",Object.assign({className:"bigwo3e"},o),t.createElement("summary",null,t.createElement("span",{part:"icon"}),t.createElement("div",{part:"title"},r),t.createElement("div",{part:"compatibility"},a.map(function(e,n){return t.createElement("span",{part:"tools",key:n},e.map(function(e,n){var r;return t.createElement("span",{key:e.tool+(null!==(r=e.label)&&void 0!==r?r:"")+n,"data-tool":e.tool,"data-supported":!!e.supported||void 0},e.label?e.label:null)}))}))))}var c="f30yyk8";function d(e){var t,r,a,o;return"minimal"===e.kind?n.createElement(d.Minimal,Object.assign({},e)):n.createElement("footer",{className:c},n.createElement("div",{part:"container"},n.createElement("div",{part:"content"},e.logo&&n.createElement("div",{part:"first-column"},e.logo),(null===(t=e.links)||void 0===t?void 0:t.length)&&n.createElement("div",{part:"columns","data-cols":null===(r=e.links)||void 0===r?void 0:r.length},null===(a=e.links)||void 0===a?void 0:a.map(function(e,t){var r;return n.createElement("div",{part:"col",key:"".concat(e.header,"-").concat(t)},n.createElement("div",{part:"col-items"},n.createElement("p",null,e.header),null===(r=e.items)||void 0===r?void 0:r.map(function(e){return n.createElement("a",{key:"".concat(e.label,"-").concat(t),target:"_blank",href:e.href},e.label)})))})),n.createElement("div",{part:"social-links"},null===(o=e.socials)||void 0===o?void 0:o.map(function(e,t){return n.createElement("a",{target:"_blank",href:e.href,key:"".concat(e.href,"-").concat(t)},e.logo)}))),e.footnote&&n.createElement("hr",null),n.createElement("div",{part:"footnote"},e.footnote)))}d.Minimal=function(e){var t,r,a,l;return n.createElement("footer",{className:c,"data-kind":"minimal"},n.createElement("div",{part:"container"},n.createElement("div",{part:"content"},(null===(t=e.links)||void 0===t?void 0:t.length)&&n.createElement("div",{part:"columns","data-cols":null===(r=e.links)||void 0===r?void 0:r.length},n.createElement("div",{part:"col"},n.createElement("div",{part:"col-items"},null===(a=e.links)||void 0===a?void 0:a.map(function(e,t){return n.createElement(o,{key:"".concat(e.label,"-").concat(t),kind:"tertiary",href:e.href},e.label)})))),n.createElement("div",{part:"social-links"},null===(l=e.socials)||void 0===l?void 0:l.map(function(e,t){return n.createElement(o,{key:"".concat(e.href,"-").concat(t),kind:"tertiary",href:e.href,icon:e.logo})})))))};function u(t){var o=t.shortcutKeys,i=void 0===o?["⌘","K"]:o,c=e(t,["shortcutKeys"]);return function(e,t){var n=a(t);r(function(){n.current=t},[t]),r(function(){if(!window.__UNSAFE_xyd_search_button_inited){var t=function(t){if(1!==e.length){if(2===e.length){var r=l(e,2),a=r[0],o=r[1],i=t.key.toLowerCase();("⌘"===a&&t.metaKey||"Ctrl"===a&&t.ctrlKey)&&i===o.toLowerCase()&&(t.preventDefault(),n.current())}}else t.key.toLowerCase()===e[0].toLowerCase()&&(t.preventDefault(),n.current())};return window.addEventListener("keydown",t,{capture:!0}),window.addEventListener("keyup",t,{capture:!0}),function(){window.removeEventListener("keydown",t,{capture:!0}),window.removeEventListener("keyup",t,{capture:!0})}}},[])}(i,function(){var e;return null===(e=c.onClick)||void 0===e?void 0:e.call(c)}),r(function(){return window.__UNSAFE_xyd_search_button_inited=!0,function(){window.__UNSAFE_xyd_search_button_inited=!1}},[]),n.createElement("xyd-search-button",{className:"s1f8k5y3","aria-label":"Search",onClick:c.onClick,"data-fullWidth":c.fullWidth},n.createElement("span",{part:"container"},n.createElement("svg",{width:20,height:20,part:"icon",viewBox:"0 0 20 20"},n.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"})),n.createElement("span",{part:"placeholder"},c.placeholder||"Search")),i.length>0&&n.createElement("span",{part:"keys"},i.map(function(e,t){return n.createElement("kbd",{key:"".concat(e,"-").concat(t),part:"key"},e)})))}export{i as Baseline,d as Footer,u as SearchButton};
+import{a as e}from"./Icon-Bfl3b3wZ.js";import*as t from"react";import n,{useEffect as r,useRef as a}from"react";import{B as o}from"./Button-CtjEqD5G.js";import{a as l}from"./_rollupPluginBabelHelpers-DGM7Eank.js";function i(n){var r=n.title,a=n.toolGroups,o=e(n,["title","toolGroups"]);return t.createElement("details",Object.assign({className:"bigwo3e"},o),t.createElement("summary",null,t.createElement("span",{part:"icon"}),t.createElement("div",{part:"title"},r),t.createElement("div",{part:"compatibility"},a.map(function(e,n){return t.createElement("span",{part:"tools",key:n},e.map(function(e,n){var r;return t.createElement("span",{key:e.tool+(null!==(r=e.label)&&void 0!==r?r:"")+n,"data-tool":e.tool,"data-supported":!!e.supported||void 0},e.label?e.label:null)}))}))))}var c="f30yyk8";function d(e){var t,r,a,o;return"minimal"===e.kind?n.createElement(d.Minimal,Object.assign({},e)):n.createElement("footer",{className:c},n.createElement("div",{part:"container"},n.createElement("div",{part:"content"},e.logo&&n.createElement("div",{part:"first-column"},e.logo),(null===(t=e.links)||void 0===t?void 0:t.length)&&n.createElement("div",{part:"columns","data-cols":null===(r=e.links)||void 0===r?void 0:r.length},null===(a=e.links)||void 0===a?void 0:a.map(function(e,t){var r;return n.createElement("div",{part:"col",key:"".concat(e.header,"-").concat(t)},n.createElement("div",{part:"col-items"},n.createElement("p",null,e.header),null===(r=e.items)||void 0===r?void 0:r.map(function(e){return n.createElement("a",{key:"".concat(e.label,"-").concat(t),target:"_blank",href:e.href},e.label)})))})),n.createElement("div",{part:"social-links"},null===(o=e.socials)||void 0===o?void 0:o.map(function(e,t){return n.createElement("a",{target:"_blank",href:e.href,key:"".concat(e.href,"-").concat(t)},e.logo)}))),e.footnote&&n.createElement("hr",null),n.createElement("div",{part:"footnote"},e.footnote)))}d.Minimal=function(e){var t,r,a,l;return n.createElement("footer",{className:c,"data-kind":"minimal"},n.createElement("div",{part:"container"},n.createElement("div",{part:"content"},(null===(t=e.links)||void 0===t?void 0:t.length)&&n.createElement("div",{part:"columns","data-cols":null===(r=e.links)||void 0===r?void 0:r.length},n.createElement("div",{part:"col"},n.createElement("div",{part:"col-items"},null===(a=e.links)||void 0===a?void 0:a.map(function(e,t){return n.createElement(o,{key:"".concat(e.label,"-").concat(t),kind:"tertiary",href:e.href},e.label)})))),n.createElement("div",{part:"social-links"},null===(l=e.socials)||void 0===l?void 0:l.map(function(e,t){return n.createElement(o,{key:"".concat(e.href,"-").concat(t),kind:"tertiary",href:e.href,icon:e.logo})})))))};function u(t){var o=t.shortcutKeys,i=void 0===o?["⌘","K"]:o,c=e(t,["shortcutKeys"]);return function(e,t){var n=a(t);r(function(){n.current=t},[t]),r(function(){if(!window.__UNSAFE_xyd_search_button_inited){var t=function(t){if(1!==e.length){if(2===e.length){var r=l(e,2),a=r[0],o=r[1],i=t.key.toLowerCase();("⌘"===a&&t.metaKey||"Ctrl"===a&&t.ctrlKey)&&i===o.toLowerCase()&&(t.preventDefault(),n.current())}}else t.key.toLowerCase()===e[0].toLowerCase()&&(t.preventDefault(),n.current())};return window.addEventListener("keydown",t,{capture:!0}),window.addEventListener("keyup",t,{capture:!0}),function(){window.removeEventListener("keydown",t,{capture:!0}),window.removeEventListener("keyup",t,{capture:!0})}}},[])}(i,function(){var e;return null===(e=c.onClick)||void 0===e?void 0:e.call(c)}),r(function(){return window.__UNSAFE_xyd_search_button_inited=!0,function(){window.__UNSAFE_xyd_search_button_inited=!1}},[]),n.createElement("xyd-search-button",{className:"s1f8k5y3","aria-label":"Search",onClick:c.onClick,"data-fullWidth":c.fullWidth},n.createElement("span",{part:"container"},n.createElement("svg",{width:20,height:20,part:"icon",viewBox:"0 0 20 20"},n.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"})),n.createElement("span",{part:"placeholder"},c.placeholder||"Search")),i.length>0&&n.createElement("span",{part:"keys"},i.map(function(e,t){return n.createElement("kbd",{key:"".concat(e,"-").concat(t),part:"key"},e)})))}export{i as Baseline,d as Footer,u as SearchButton};
 //# sourceMappingURL=system.js.map

package/dist/{useUXClick-3hnweQCd.js → useUXClick-hhNPMqlS.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./_rollupPluginBabelHelpers-D8eoFwtE.js";import{useState as a}from"react";function o(o,t,e){var n=a(!1),u=r(n,2),i=u[0],l=u[1];return function(r){var a=!i;l(a);var n=e();a?o(n):t(n)}}export{o as u};
-//# sourceMappingURL=useUXClick-3hnweQCd.js.map
+import{a as r}from"./_rollupPluginBabelHelpers-DGM7Eank.js";import{useState as a}from"react";function o(o,t,e){var n=a(!1),u=r(n,2),i=u[0],l=u[1];return function(r){var a=!i;l(a);var n=e();a?o(n):t(n)}}export{o as u};
+//# sourceMappingURL=useUXClick-hhNPMqlS.js.map

package/dist/{useUXClick-3hnweQCd.js.map → useUXClick-hhNPMqlS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useUXClick-3hnweQCd.js","sources":["../src/uxsdk/useUXClick.ts"],"sourcesContent":["import React, {useState} from \"react\";\n\nexport function useUXClick(\n    openEvent: (data: any) => void,\n    closeEvent: (data: any) => void,\n    getData: () => any\n) {\n    const [open, setOpen] = useState(false);\n\n    return (event: React.MouseEvent) => {\n        const newOpen = !open;\n        setOpen(newOpen);\n\n        const data = getData();\n        if (newOpen) {\n            openEvent(data);\n        } else {\n            closeEvent(data);\n        }\n    };\n}\n"],"names":["useUXClick","openEvent","closeEvent","getData","_useState","useState","_useState2","_slicedToArray","open","setOpen","event","newOpen","data"],"mappings":"sGAEgBA,EACZC,EACAC,EACAC,GAEA,IAAAC,EAAwBC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEpB,OAAO,SAACI,GACJ,IAAMC,GAAWH,EACjBC,EAAQE,GAER,IAAMC,EAAOT,IACTQ,EACAV,EAAUW,GAEVV,EAAWU,EAEnB,CACJ"}
+{"version":3,"file":"useUXClick-hhNPMqlS.js","sources":["../src/uxsdk/useUXClick.ts"],"sourcesContent":["import React, {useState} from \"react\";\n\nexport function useUXClick(\n    openEvent: (data: any) => void,\n    closeEvent: (data: any) => void,\n    getData: () => any\n) {\n    const [open, setOpen] = useState(false);\n\n    return (event: React.MouseEvent) => {\n        const newOpen = !open;\n        setOpen(newOpen);\n\n        const data = getData();\n        if (newOpen) {\n            openEvent(data);\n        } else {\n            closeEvent(data);\n        }\n    };\n}\n"],"names":["useUXClick","openEvent","closeEvent","getData","_useState","useState","_useState2","_slicedToArray","open","setOpen","event","newOpen","data"],"mappings":"sGAEgBA,EACZC,EACAC,EACAC,GAEA,IAAAC,EAAwBC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEpB,OAAO,SAACI,GACJ,IAAMC,GAAWH,EACjBC,EAAQE,GAER,IAAMC,EAAOT,IACTQ,EACAV,EAAUW,GAEVV,EAAWU,EAEnB,CACJ"}

package/dist/{useUXEvents-B4JMYOFq.js → useUXEvents-DPkscMiV.js}

@@ -1,2 +1,2 @@
 import{defineEvents as e}from"openux-js";var a="components.tabs.change",n=e(function(e){var a=e.CodeSample,n=e.Framework;return{docs:{code:{example_change:function(e){var a=e.example;return Object.assign(Object.assign({},t({Framework:n})),{example:a})},tab_change:function(e){var t=e.tab;return Object.assign(Object.assign({},r({CodeSample:a,Framework:n})),{tab:t})},copy:function(e){var t=e.code;return Object.assign(Object.assign({},r({CodeSample:a,Framework:n})),{code:(t||"").slice(0,100)+"..."})},scroll_100:function(){return Object.assign({},r({CodeSample:a,Framework:n}))},scroll_depth:function(e){var t=e.depth;return Object.assign(Object.assign({},r({CodeSample:a,Framework:n})),{depth:t})}},details:{open:function(e){var a=e.label;return Object.assign(Object.assign({},t({Framework:n})),{label:a})},close:function(e){var a=e.label;return Object.assign(Object.assign({},t({Framework:n})),{label:a})}},anchor:{click:function(e){var a=e.id;return Object.assign(Object.assign({},t({Framework:n})),{id:a})}}}}});function r(e){var a=e.CodeSample,n=e.Framework;return Object.assign(Object.assign({},t({Framework:n})),{tab:null==a?void 0:a.tab,example:null==a?void 0:a.example})}function t(e){var a=e.Framework;return{location:null==a?void 0:a.location}}export{a as E,n as u};
-//# sourceMappingURL=useUXEvents-B4JMYOFq.js.map
+//# sourceMappingURL=useUXEvents-DPkscMiV.js.map

package/dist/{useUXEvents-B4JMYOFq.js.map → useUXEvents-DPkscMiV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useUXEvents-B4JMYOFq.js","sources":["../src/uxsdk/const.ts","../src/uxsdk/useUXEvents.ts"],"sourcesContent":["export const EVENT_COMPONENT_TAB_CHANGE = \"components.tabs.change\"\n","import {defineEvents} from 'openux-js'\n\ninterface NodeCodeSample {\n    tab?: string\n    example?: string\n    code?: string\n}\n\ninterface NodeFramework {\n    location: string\n    uniformRegion?: string\n}\n\ninterface AnalyticsNodes {\n    CodeSample: NodeCodeSample\n    Framework: NodeFramework\n}\n\n// TODO: in the future + maybe better API\n// TODO: how to share nodes between packages\n// TODO: node abstraction?\n// TODO: merge abstraction?\nexport const useUXEvents = defineEvents(({CodeSample, Framework}: AnalyticsNodes) => ({\n    docs: {\n        code: {\n            example_change({example}: { example: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    example: example,\n                }\n            },\n            tab_change({tab}: { tab: string }) {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                    tab: tab,\n                }\n            },\n            copy({code}: { code: string }) {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                    code: (code || \"\").slice(0, 100) + \"...\",\n                }\n            },\n            scroll_100() {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                }\n            },\n            scroll_depth({depth}: { depth: number }) {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                    depth,\n                }\n            },\n        },\n\n        details: {\n            open({label}: { label: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    label: label,\n                }\n            },\n            close({label}: { label: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    label: label,\n                }\n            }\n        },\n\n        anchor: {\n            click({id}: { id: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    id: id,\n                }\n            }\n        }\n    }\n}))\n\nfunction commonCodeSampleProps({\n                                   CodeSample,\n                                   Framework\n                               }: {\n    CodeSample: NodeCodeSample | undefined\n    Framework: NodeFramework | undefined\n}) {\n    return {\n        ...commonFrameworkProps({Framework}),\n        tab: CodeSample?.tab!,\n        example: CodeSample?.example!,\n    }\n}\n\nfunction commonFrameworkProps({\n                                  Framework\n                              }: {\n    Framework: NodeFramework | undefined\n}) {\n    return {\n        location: Framework?.location!,\n    }\n}\n"],"names":["EVENT_COMPONENT_TAB_CHANGE","useUXEvents","defineEvents","_ref","CodeSample","Framework","docs","code","example_change","_ref2","example","Object","assign","commonFrameworkProps","tab_change","_ref3","tab","commonCodeSampleProps","copy","_ref4","slice","scroll_100","scroll_depth","_ref5","depth","details","open","_ref6","label","close","_ref7","anchor","click","_ref8","id","_ref9","_ref0","location"],"mappings":"yCAAO,IAAMA,EAA6B,yBCsB7BC,EAAcC,EAAa,SAAAC,GAAA,IAAEC,EAAUD,EAAVC,WAAYC,EAASF,EAATE,UAAS,MAAuB,CAClFC,KAAM,CACFC,KAAM,CACFC,eAAc,SAAAC,GAA+B,IAA7BC,EAAOD,EAAPC,QACZ,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCK,QAASA,GAEjB,EACAI,WAAU,SAAAC,GAAuB,IAArBC,EAAGD,EAAHC,IACR,OAAAL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,KAAW,CACjDW,IAAKA,GAEb,EACAE,KAAI,SAAAC,GAAyB,IAAvBZ,EAAIY,EAAJZ,KACF,OAAAI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,KAAW,CACjDE,MAAOA,GAAQ,IAAIa,MAAM,EAAG,KAAO,OAE3C,EACAC,WAAU,WACN,OAAAV,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,IAE9C,EACAiB,aAAY,SAAAC,GAA2B,IAAzBC,EAAKD,EAALC,MACV,OAAAb,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,KAAW,CACjDmB,MAAAA,GAER,GAGJC,QAAS,CACLC,KAAI,SAAAC,GAA2B,IAAzBC,EAAKD,EAALC,MACF,OAAAjB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCuB,MAAOA,GAEf,EACAC,MAAK,SAAAC,GAA2B,IAAzBF,EAAKE,EAALF,MACH,OAAAjB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCuB,MAAOA,GAEf,GAGJG,OAAQ,CACJC,MAAK,SAAAC,GAAqB,IAAnBC,EAAED,EAAFC,GACH,OAAAvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpC6B,GAAIA,GAEZ,IAGX,GAED,SAASjB,EAAqBkB,GAM7B,IALkC/B,EAAU+B,EAAV/B,WACAC,EAAS8B,EAAT9B,UAK/B,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCW,IAAKZ,aAAU,EAAVA,EAAYY,IACjBN,QAASN,aAAU,EAAVA,EAAYM,SAE7B,CAEA,SAASG,EAAoBuB,GAI5B,IAHiC/B,EAAS+B,EAAT/B,UAI9B,MAAO,CACHgC,SAAUhC,aAAS,EAATA,EAAWgC,SAE7B"}
+{"version":3,"file":"useUXEvents-DPkscMiV.js","sources":["../src/uxsdk/const.ts","../src/uxsdk/useUXEvents.ts"],"sourcesContent":["export const EVENT_COMPONENT_TAB_CHANGE = \"components.tabs.change\"\n","import {defineEvents} from 'openux-js'\n\ninterface NodeCodeSample {\n    tab?: string\n    example?: string\n    code?: string\n}\n\ninterface NodeFramework {\n    location: string\n    uniformRegion?: string\n}\n\ninterface AnalyticsNodes {\n    CodeSample: NodeCodeSample\n    Framework: NodeFramework\n}\n\n// TODO: in the future + maybe better API\n// TODO: how to share nodes between packages\n// TODO: node abstraction?\n// TODO: merge abstraction?\nexport const useUXEvents = defineEvents(({CodeSample, Framework}: AnalyticsNodes) => ({\n    docs: {\n        code: {\n            example_change({example}: { example: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    example: example,\n                }\n            },\n            tab_change({tab}: { tab: string }) {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                    tab: tab,\n                }\n            },\n            copy({code}: { code: string }) {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                    code: (code || \"\").slice(0, 100) + \"...\",\n                }\n            },\n            scroll_100() {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                }\n            },\n            scroll_depth({depth}: { depth: number }) {\n                return {\n                    ...commonCodeSampleProps({CodeSample, Framework}),\n                    depth,\n                }\n            },\n        },\n\n        details: {\n            open({label}: { label: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    label: label,\n                }\n            },\n            close({label}: { label: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    label: label,\n                }\n            }\n        },\n\n        anchor: {\n            click({id}: { id: string }) {\n                return {\n                    ...commonFrameworkProps({Framework}),\n                    id: id,\n                }\n            }\n        }\n    }\n}))\n\nfunction commonCodeSampleProps({\n                                   CodeSample,\n                                   Framework\n                               }: {\n    CodeSample: NodeCodeSample | undefined\n    Framework: NodeFramework | undefined\n}) {\n    return {\n        ...commonFrameworkProps({Framework}),\n        tab: CodeSample?.tab!,\n        example: CodeSample?.example!,\n    }\n}\n\nfunction commonFrameworkProps({\n                                  Framework\n                              }: {\n    Framework: NodeFramework | undefined\n}) {\n    return {\n        location: Framework?.location!,\n    }\n}\n"],"names":["EVENT_COMPONENT_TAB_CHANGE","useUXEvents","defineEvents","_ref","CodeSample","Framework","docs","code","example_change","_ref2","example","Object","assign","commonFrameworkProps","tab_change","_ref3","tab","commonCodeSampleProps","copy","_ref4","slice","scroll_100","scroll_depth","_ref5","depth","details","open","_ref6","label","close","_ref7","anchor","click","_ref8","id","_ref9","_ref0","location"],"mappings":"yCAAO,IAAMA,EAA6B,yBCsB7BC,EAAcC,EAAa,SAAAC,GAAA,IAAEC,EAAUD,EAAVC,WAAYC,EAASF,EAATE,UAAS,MAAuB,CAClFC,KAAM,CACFC,KAAM,CACFC,eAAc,SAAAC,GAA+B,IAA7BC,EAAOD,EAAPC,QACZ,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCK,QAASA,GAEjB,EACAI,WAAU,SAAAC,GAAuB,IAArBC,EAAGD,EAAHC,IACR,OAAAL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,KAAW,CACjDW,IAAKA,GAEb,EACAE,KAAI,SAAAC,GAAyB,IAAvBZ,EAAIY,EAAJZ,KACF,OAAAI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,KAAW,CACjDE,MAAOA,GAAQ,IAAIa,MAAM,EAAG,KAAO,OAE3C,EACAC,WAAU,WACN,OAAAV,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,IAE9C,EACAiB,aAAY,SAAAC,GAA2B,IAAzBC,EAAKD,EAALC,MACV,OAAAb,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOK,EAAsB,CAACb,WAAAA,EAAYC,UAAAA,KAAW,CACjDmB,MAAAA,GAER,GAGJC,QAAS,CACLC,KAAI,SAAAC,GAA2B,IAAzBC,EAAKD,EAALC,MACF,OAAAjB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCuB,MAAOA,GAEf,EACAC,MAAK,SAAAC,GAA2B,IAAzBF,EAAKE,EAALF,MACH,OAAAjB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCuB,MAAOA,GAEf,GAGJG,OAAQ,CACJC,MAAK,SAAAC,GAAqB,IAAnBC,EAAED,EAAFC,GACH,OAAAvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpC6B,GAAIA,GAEZ,IAGX,GAED,SAASjB,EAAqBkB,GAM7B,IALkC/B,EAAU+B,EAAV/B,WACAC,EAAS8B,EAAT9B,UAK/B,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOC,EAAqB,CAACR,UAAAA,KAAW,CACpCW,IAAKZ,aAAU,EAAVA,EAAYY,IACjBN,QAASN,aAAU,EAAVA,EAAYM,SAE7B,CAEA,SAASG,EAAoBuB,GAI5B,IAHiC/B,EAAS+B,EAAT/B,UAI9B,MAAO,CACHgC,SAAUhC,aAAS,EAATA,EAAWgC,SAE7B"}

package/dist/{useUXScrollDepth-3rk3Z95r.js → useUXScrollDepth-DEBdkeZs.js}

@@ -1,2 +1,2 @@
 import{useRef as r,useEffect as e}from"react";function n(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=t.thresholds,c=void 0===o?[25,50,75,100]:o,i=t.onDepthReached,u=r(new Set);e(function(){if(n.current){var r=n.current;return r.addEventListener("scroll",e),function(){r.removeEventListener("scroll",e)}}function e(){var r=n.current;if(r){var e=r.scrollTop,t=r.scrollHeight-r.clientHeight;if(!(t<=0)){var o=Math.round(e/t*100);c.forEach(function(r){o>=r&&!u.current.has(r)&&(u.current.add(r),null==i||i(r))})}}}},[n.current,c,i])}export{n as u};
-//# sourceMappingURL=useUXScrollDepth-3rk3Z95r.js.map
+//# sourceMappingURL=useUXScrollDepth-DEBdkeZs.js.map

package/dist/{useUXScrollDepth-3rk3Z95r.js.map → useUXScrollDepth-DEBdkeZs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useUXScrollDepth-3rk3Z95r.js","sources":["../src/uxsdk/useUXScrollDepth.ts"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\n\nexport interface ScrollDepthOptions {\n    thresholds?: number[]; // Default: [25, 50, 75, 100]\n    onDepthReached?: (depth: number) => void;\n}\n\nexport function useUXScrollDepth(\n    ref: React.RefObject<HTMLElement | null>, \n    options: ScrollDepthOptions = {}\n) {\n    const { thresholds = [25, 50, 75, 100], onDepthReached } = options;\n    const reachedDepthsRef = useRef<Set<number>>(new Set());\n\n    useEffect(() => {\n        if (!ref.current) {\n            return\n        }\n\n        function handleScroll() {\n            const element = ref.current;\n            if (!element) return;\n\n            const { scrollTop, scrollHeight, clientHeight } = element;\n            \n            // Calculate current scroll percentage\n            const scrollableHeight = scrollHeight - clientHeight;\n            if (scrollableHeight <= 0) return;\n            \n            const scrollPercentage = Math.round((scrollTop / scrollableHeight) * 100);\n            \n            // Check which thresholds have been reached\n            thresholds.forEach(threshold => {\n                if (scrollPercentage >= threshold && !reachedDepthsRef.current.has(threshold)) {\n                    reachedDepthsRef.current.add(threshold);\n                    onDepthReached?.(threshold);\n                }\n            });\n        }\n\n        const element = ref.current;\n        element.addEventListener('scroll', handleScroll);\n\n        return () => {\n            element.removeEventListener('scroll', handleScroll);\n        };\n    }, [ref.current, thresholds, onDepthReached]);\n}\n\n"],"names":["useUXScrollDepth","ref","options","_options$thresholds","thresholds","onDepthReached","reachedDepthsRef","useRef","Set","useEffect","current","element","addEventListener","handleScroll","removeEventListener","scrollTop","scrollableHeight","scrollHeight","clientHeight","scrollPercentage","Math","round","forEach","threshold","has","add"],"mappings":"uDAOgBA,EACZC,GACgC,IAAhCC,yDAA8B,CAAA,EAE9BC,EAA2DD,EAAnDE,WAAAA,OAAU,IAAAD,EAAG,CAAC,GAAI,GAAI,GAAI,KAAIA,EAAEE,EAAmBH,EAAnBG,eAClCC,EAAmBC,EAAoB,IAAIC,KAEjDC,EAAU,WACN,GAAKR,EAAIS,QAAT,CAyBA,IAAMC,EAAUV,EAAIS,QAGpB,OAFAC,EAAQC,iBAAiB,SAAUC,GAE5B,WACHF,EAAQG,oBAAoB,SAAUD,EAC1C,CA5BA,CAEA,SAASA,IACL,IAAMF,EAAUV,EAAIS,QACpB,GAAKC,EAAL,CAEA,IAAQI,EAA0CJ,EAA1CI,UAGFC,EAH4CL,EAA/BM,aAA+BN,EAAjBO,aAIjC,KAAIF,GAAoB,GAAxB,CAEA,IAAMG,EAAmBC,KAAKC,MAAON,EAAYC,EAAoB,KAGrEZ,EAAWkB,QAAQ,SAAAC,GACXJ,GAAoBI,IAAcjB,EAAiBI,QAAQc,IAAID,KAC/DjB,EAAiBI,QAAQe,IAAIF,GAC7BlB,SAAAA,EAAiBkB,GAEzB,EAV2B,CANb,CAiBlB,CAQJ,EAAG,CAACtB,EAAIS,QAASN,EAAYC,GACjC"}
+{"version":3,"file":"useUXScrollDepth-DEBdkeZs.js","sources":["../src/uxsdk/useUXScrollDepth.ts"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\n\nexport interface ScrollDepthOptions {\n    thresholds?: number[]; // Default: [25, 50, 75, 100]\n    onDepthReached?: (depth: number) => void;\n}\n\nexport function useUXScrollDepth(\n    ref: React.RefObject<HTMLElement | null>, \n    options: ScrollDepthOptions = {}\n) {\n    const { thresholds = [25, 50, 75, 100], onDepthReached } = options;\n    const reachedDepthsRef = useRef<Set<number>>(new Set());\n\n    useEffect(() => {\n        if (!ref.current) {\n            return\n        }\n\n        function handleScroll() {\n            const element = ref.current;\n            if (!element) return;\n\n            const { scrollTop, scrollHeight, clientHeight } = element;\n            \n            // Calculate current scroll percentage\n            const scrollableHeight = scrollHeight - clientHeight;\n            if (scrollableHeight <= 0) return;\n            \n            const scrollPercentage = Math.round((scrollTop / scrollableHeight) * 100);\n            \n            // Check which thresholds have been reached\n            thresholds.forEach(threshold => {\n                if (scrollPercentage >= threshold && !reachedDepthsRef.current.has(threshold)) {\n                    reachedDepthsRef.current.add(threshold);\n                    onDepthReached?.(threshold);\n                }\n            });\n        }\n\n        const element = ref.current;\n        element.addEventListener('scroll', handleScroll);\n\n        return () => {\n            element.removeEventListener('scroll', handleScroll);\n        };\n    }, [ref.current, thresholds, onDepthReached]);\n}\n\n"],"names":["useUXScrollDepth","ref","options","_options$thresholds","thresholds","onDepthReached","reachedDepthsRef","useRef","Set","useEffect","current","element","addEventListener","handleScroll","removeEventListener","scrollTop","scrollableHeight","scrollHeight","clientHeight","scrollPercentage","Math","round","forEach","threshold","has","add"],"mappings":"uDAOgBA,EACZC,GACgC,IAAhCC,yDAA8B,CAAA,EAE9BC,EAA2DD,EAAnDE,WAAAA,OAAU,IAAAD,EAAG,CAAC,GAAI,GAAI,GAAI,KAAIA,EAAEE,EAAmBH,EAAnBG,eAClCC,EAAmBC,EAAoB,IAAIC,KAEjDC,EAAU,WACN,GAAKR,EAAIS,QAAT,CAyBA,IAAMC,EAAUV,EAAIS,QAGpB,OAFAC,EAAQC,iBAAiB,SAAUC,GAE5B,WACHF,EAAQG,oBAAoB,SAAUD,EAC1C,CA5BA,CAEA,SAASA,IACL,IAAMF,EAAUV,EAAIS,QACpB,GAAKC,EAAL,CAEA,IAAQI,EAA0CJ,EAA1CI,UAGFC,EAH4CL,EAA/BM,aAA+BN,EAAjBO,aAIjC,KAAIF,GAAoB,GAAxB,CAEA,IAAMG,EAAmBC,KAAKC,MAAON,EAAYC,EAAoB,KAGrEZ,EAAWkB,QAAQ,SAAAC,GACXJ,GAAoBI,IAAcjB,EAAiBI,QAAQc,IAAID,KAC/DjB,EAAiBI,QAAQe,IAAIF,GAC7BlB,SAAAA,EAAiBkB,GAEzB,EAV2B,CANb,CAiBlB,CAQJ,EAAG,CAACtB,EAAIS,QAASN,EAAYC,GACjC"}

package/dist/uxsdk.js

@@ -1,2 +1,2 @@
-export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-mxPpR4nr.js";export{u as useUXClick}from"./useUXClick-HW1SIIo3.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-7UB-euyd.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";import"./_rollupPluginBabelHelpers-BXihn5zk.js";function n(n,u,c){var o=e(!1),i=e(!1),s=e(null),l=e(0),a=r(function(){var e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),m=r(function(){s.current&&clearTimeout(s.current),s.current=setTimeout(function(){o.current=!1,s.current=null},50)},[]);t(function(){if(n.current)return n.current.addEventListener("mouseenter",a),n.current.addEventListener("mouseleave",m),function(){n.current&&(n.current.removeEventListener("mouseenter",a),n.current.removeEventListener("mouseleave",m)),s.current&&clearTimeout(s.current)}},[n.current,a,m]);var v=r(function(){s.current&&(clearTimeout(s.current),s.current=null),i.current=!1,o.current&&(o.current=!1,i.current=!0,c())},[c]);t(function(){return document.addEventListener("visibilitychange",v),function(){document.removeEventListener("visibilitychange",v),s.current&&clearTimeout(s.current)}},[v])}export{n as useUXUnreachableElementTracker};
+export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-DPkscMiV.js";export{u as useUXClick}from"./useUXClick-hhNPMqlS.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-DEBdkeZs.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";import"./_rollupPluginBabelHelpers-DGM7Eank.js";function n(n,u,c){var o=e(!1),i=e(!1),s=e(null),l=e(0),a=r(function(){var e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),m=r(function(){s.current&&clearTimeout(s.current),s.current=setTimeout(function(){o.current=!1,s.current=null},50)},[]);t(function(){if(n.current)return n.current.addEventListener("mouseenter",a),n.current.addEventListener("mouseleave",m),function(){n.current&&(n.current.removeEventListener("mouseenter",a),n.current.removeEventListener("mouseleave",m)),s.current&&clearTimeout(s.current)}},[n.current,a,m]);var v=r(function(){s.current&&(clearTimeout(s.current),s.current=null),i.current=!1,o.current&&(o.current=!1,i.current=!0,c())},[c]);t(function(){return document.addEventListener("visibilitychange",v),function(){document.removeEventListener("visibilitychange",v),s.current&&clearTimeout(s.current)}},[v])}export{n as useUXUnreachableElementTracker};
 //# sourceMappingURL=uxsdk.js.map

package/dist/writer.js

@@ -1,2 +1,2 @@
-export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-DrNdQa9-.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-CdiI5w7-.js";export{B as Button}from"./Button-C3mD0WmY.js";import{I as e,a as r}from"./Icon-BqZUoi4D.js";export{b as IconProvider}from"./Icon-BqZUoi4D.js";import t from"react";export{T as Text}from"./TabsAnalytics-By_cUojO.js";import"./useUXEvents-mxPpR4nr.js";import"./_rollupPluginBabelHelpers-BXihn5zk.js";import"radix-ui";import"lucide-react";import"./useUXClick-HW1SIIo3.js";import"openux-js";function s(e){return e}function o(e){var a=e.children,r=e.className;return t.createElement("pre",{className:"".concat("p1vb39qj"," ").concat(r||"")},a)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l(a){var r=a.title,s=a.description,o=a.href,n=a.className,c=a.icon,l=a.as||m;return t.createElement("xyd-toccard",{className:"".concat(i," ").concat(n||"")},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:o,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},r),c&&t.createElement(e,{name:c,size:16})),t.createElement("div",{part:"description"},s))))}function m(e){var a=e.children,s=e.href,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
+export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-DDf4cFFB.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update--nTzbW_z.js";export{B as Button}from"./Button-CtjEqD5G.js";import{I as e,a as r}from"./Icon-Bfl3b3wZ.js";export{b as IconProvider}from"./Icon-Bfl3b3wZ.js";import t from"react";export{T as Text}from"./TabsAnalytics-BfXreDgo.js";import"./useUXEvents-DPkscMiV.js";import"./_rollupPluginBabelHelpers-DGM7Eank.js";import"radix-ui";import"lucide-react";import"./useUXClick-hhNPMqlS.js";import"openux-js";function s(e){return e}function o(e){var a=e.children,r=e.className;return t.createElement("pre",{className:"".concat("p1vb39qj"," ").concat(r||"")},a)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l(a){var r=a.title,s=a.description,o=a.href,n=a.className,c=a.icon,l=a.as||m;return t.createElement("xyd-toccard",{className:"".concat(i," ").concat(n||"")},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:o,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},r),c&&t.createElement(e,{name:c,size:16})),t.createElement("div",{part:"description"},s))))}function m(e){var a=e.children,s=e.href,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
 //# sourceMappingURL=writer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyd-js/components",
-  "version": "0.1.0-build.180",
+  "version": "0.1.0-build.181",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -49,7 +49,7 @@
     "@code-hike/lighter": "^1.0.3",
     "openux-js": "0.0.0-pre.1",
     "react": "^19.1.0",
-    "@xyd-js/core": "0.1.0-build.182"
+    "@xyd-js/core": "0.1.0-build.183"
   },
   "devDependencies": {
     "@linaria/core": "^6.2.0",

package/.idea/git_toolbox_blame.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="GitToolBoxBlameSettings">
-    <option name="version" value="2" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/xyd-components.iml" filepath="$PROJECT_DIR$/.idea/xyd-components.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
-  </component>
-</project>

package/.idea/xyd-components.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/dist/Button-BDgaB5lZ.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-C9llIhQp.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BDgaB5lZ.js.map

package/dist/Button-BDgaB5lZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BDgaB5lZ.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-BE-jseCX.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-D_e7ZpQM.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BE-jseCX.js.map

package/dist/Button-BE-jseCX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BE-jseCX.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-BLA2ghHZ.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon--77MqplU.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BLA2ghHZ.js.map

package/dist/Button-BLA2ghHZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BLA2ghHZ.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-BTJ2hIal.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-DbNmvK_Q.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BTJ2hIal.js.map

package/dist/Button-BTJ2hIal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BTJ2hIal.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-BXqYiK4m.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-CJifswP9.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BXqYiK4m.js.map

package/dist/Button-BXqYiK4m.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BXqYiK4m.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-BpHEbDmh.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-DpgHe7sc.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BpHEbDmh.js.map

package/dist/Button-BpHEbDmh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BpHEbDmh.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-C3mD0WmY.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-BqZUoi4D.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-C3mD0WmY.js.map

package/dist/Button-C3mD0WmY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-C3mD0WmY.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-CxQYHDK0.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-DNZQRTwa.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-CxQYHDK0.js.map

package/dist/Button-CxQYHDK0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-CxQYHDK0.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-DP-HzI3q.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-DvJ9NCb3.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-DP-HzI3q.js.map

package/dist/Button-DP-HzI3q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DP-HzI3q.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-DYNTgYIa.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-D55kdbr6.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-DYNTgYIa.js.map

package/dist/Button-DYNTgYIa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DYNTgYIa.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-DtjPbWqV.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-BmXLixZP.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-DtjPbWqV.js.map

package/dist/Button-DtjPbWqV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DtjPbWqV.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-M9iTzELY.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-veQb88gP.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-M9iTzELY.js.map

package/dist/Button-M9iTzELY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-M9iTzELY.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 36px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/Button-MwUoDNUe.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-D1nPu7gO.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-MwUoDNUe.js.map