vsc-ui-react 0.0.2 → 0.0.3

package/README.md

@@ -17,7 +17,7 @@ import { VscButton } from 'vsc-ui-react';
 
 export function Example() {
   return (
-    <VscButton appearance='primary' compact>
+    <VscButton appearance="primary" compact>
       Save
     </VscButton>
   );
@@ -28,8 +28,19 @@ export function Example() {
 
 - `VscButton` — VS Code styled button
 
-## Release checklist
+## Publishing
 
-1. Update `version` in `package.json`.
-2. Run `npm run test`, `npm run build`, and `npm run typecheck`.
-3. Publish with `npm publish`.
+The package is published to npm automatically via GitHub Actions. No manual `npm publish` is needed.
+
+### How it works
+
+1. The workflow is defined in `.github/workflows/publish.yml`.
+2. When a push to `main` changes `package.json`, it compares the version field to the previous commit.
+3. If the version has changed, it runs `npm ci` and `npm publish` using the `NPM_TOKEN` secret.
+4. The `prepublishOnly` script automatically runs `build`, `typecheck`, `lint`, and `test` before publishing.
+
+### Release steps
+
+1. Bump the `version` in `package.json`.
+2. Commit and push to `main`.
+3. The GitHub Actions workflow handles the rest.

package/dist/components/Button/VscButton.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
 import { type ButtonProps } from '@fluentui/react-components';
 type VscButtonSize = ButtonProps['size'] | 'compact';
 export type VscButtonProps = Omit<ButtonProps, 'size'> & {
     size?: VscButtonSize;
 };
-export declare const VscButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "size"> & {
+export declare const VscButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "size"> & {
     size?: VscButtonSize;
-} & React.RefAttributes<HTMLButtonElement>>;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=VscButton.d.ts.map

package/dist/components/Button/VscButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VscButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/VscButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAqBtE,KAAK,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS;WAHb,aAAa;2CA4BrB,CAAC"}
+{"version":3,"file":"VscButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/VscButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAuBtE,KAAK,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS;WAHb,aAAa;qDA6BrB,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const u=require("react/jsx-runtime"),m=require("react"),y=require("@fluentui/react-components");function r(o){var e,s,c="";if(typeof o=="string"||typeof o=="number")c+=o;else if(typeof o=="object")if(Array.isArray(o)){var n=o.length;for(e=0;e<n;e++)o[e]&&(s=r(o[e]))&&(c&&(c+=" "),c+=s)}else for(s in o)o[s]&&(c&&(c+=" "),c+=s);return c}function _(){for(var o,e,s=0,c="",n=arguments.length;s<n;s++)(o=arguments[s])&&(e=r(o))&&(c&&(c+=" "),c+=e);return c}const p="_vscodePrimary_lj2ci_21",S="_vscodeSmall_lj2ci_53",f="_vscodeCompact_lj2ci_64",j="_vscodeSecondary_lj2ci_76",b="_vscodeOutline_lj2ci_125",g="_vscodeSubtle_lj2ci_175",C="_vscodeTransparent_lj2ci_228",O="_vscodeIconOnly_lj2ci_316",t={vscodePrimary:p,vscodeSmall:S,vscodeCompact:f,vscodeSecondary:j,vscodeOutline:b,vscodeSubtle:g,vscodeTransparent:C,vscodeIconOnly:O},P={primary:t.vscodePrimary,secondary:t.vscodeSecondary,outline:t.vscodeOutline,subtle:t.vscodeSubtle,transparent:t.vscodeTransparent},T={small:t.vscodeSmall,medium:"",large:t.vscodeLarge,compact:t.vscodeCompact},a=m.forwardRef(({appearance:o,size:e,icon:s,className:c,children:n,...l},d)=>{const v=e==="compact"?void 0:e,i=_(P[o??"secondary"],e&&T[e],s&&!n&&t.vscodeIconOnly,c);return u.jsx(y.Button,{ref:d,appearance:o,size:v,icon:s,className:i,...l,children:n})});a.displayName="VscButton";exports.VscButton=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const m=require("react/jsx-runtime"),i=require("@fluentui/react-components"),_=require("react");function r(e){var o,c,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(o=0;o<n;o++)e[o]&&(c=r(e[o]))&&(s&&(s+=" "),s+=c)}else for(c in e)e[c]&&(s&&(s+=" "),s+=c);return s}function y(){for(var e,o,c=0,s="",n=arguments.length;c<n;c++)(e=arguments[c])&&(o=r(e))&&(s&&(s+=" "),s+=o);return s}const p="_vscBase_gu18e_2",g="_vscodePrimary_gu18e_21",S="_vscodeSmall_gu18e_53",f="_vscodeCompact_gu18e_64",b="_vscodeSecondary_gu18e_76",C="_vscodeOutline_gu18e_125",O="_vscodeSubtle_gu18e_175",B="_vscodeTransparent_gu18e_228",P="_vscodeIconOnly_gu18e_316",t={vscBase:p,vscodePrimary:g,vscodeSmall:S,vscodeCompact:f,vscodeSecondary:b,vscodeOutline:C,vscodeSubtle:O,vscodeTransparent:B,vscodeIconOnly:P},T={primary:t.vscodePrimary,secondary:t.vscodeSecondary,outline:t.vscodeOutline,subtle:t.vscodeSubtle,transparent:t.vscodeTransparent},j={small:t.vscodeSmall,medium:"",large:t.vscodeLarge,compact:t.vscodeCompact},a=_.forwardRef(({appearance:e,size:o,icon:c,className:s,children:n,...d},v)=>{const u=o==="compact"?void 0:o,l=y(t.vscBase,T[e??"secondary"],o&&j[o],c&&!n&&t.vscodeIconOnly,s);return m.jsx(i.Button,{ref:v,appearance:e,size:u,icon:c,className:l,...d,children:n})});a.displayName="VscButton";exports.VscButton=a;

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--fluent-fontFamilyBase: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fluent-fontWeightRegular: 400;--fluent-fontSizeBase300: 14px;--fluent-lineHeightBase300: 20px;--fluent-fontSizeBase200: 12px;--fluent-lineHeightBase200: 16px;--fluent-fontSizeBase100: 10px;--fluent-lineHeightBase100: 14px}._vscodePrimary_lj2ci_21{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border)!important;background-color:var(--vscode-button-background)!important;color:var(--vscode-button-foreground)!important;box-shadow:none!important}._vscodePrimary_lj2ci_21:hover{background-color:var(--vscode-button-hoverBackground)!important;color:var(--vscode-button-foreground)!important;border-color:var(--vscode-button-border)!important}._vscodePrimary_lj2ci_21[aria-pressed=true],._vscodePrimary_lj2ci_21:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimary_lj2ci_21:disabled,._vscodePrimary_lj2ci_21[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimary_lj2ci_21._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodePrimary_lj2ci_21._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeSecondary_lj2ci_76{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border)!important;background-color:var(--vscode-button-secondaryBackground)!important;color:var(--vscode-button-secondaryForeground)!important;box-shadow:none!important}._vscodeSecondary_lj2ci_76:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-button-secondaryForeground)!important;border-color:var(--vscode-button-border)!important}._vscodeSecondary_lj2ci_76[aria-pressed=true],._vscodeSecondary_lj2ci_76:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondary_lj2ci_76:disabled,._vscodeSecondary_lj2ci_76[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondary_lj2ci_76._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSecondary_lj2ci_76._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeOutline_lj2ci_125{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border)!important;background-color:transparent!important;color:var(--vscode-button-secondaryForeground)!important;box-shadow:none!important}._vscodeOutline_lj2ci_125:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-button-secondaryForeground)!important;border-color:var(--vscode-button-border)!important}._vscodeOutline_lj2ci_125[aria-pressed=true],._vscodeOutline_lj2ci_125:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutline_lj2ci_125:disabled,._vscodeOutline_lj2ci_125[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutline_lj2ci_125._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeOutline_lj2ci_125._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeSubtle_lj2ci_175{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid transparent!important;background-color:transparent!important;color:var(--vscode-foreground)!important;box-shadow:none!important}._vscodeSubtle_lj2ci_175:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-foreground)!important;border-color:var(--vscode-button-border)!important}._vscodeSubtle_lj2ci_175:hover span,._vscodeSubtle_lj2ci_175:hover svg{color:var(--vscode-foreground)!important}._vscodeSubtle_lj2ci_175[aria-pressed=true],._vscodeSubtle_lj2ci_175:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtle_lj2ci_175:disabled,._vscodeSubtle_lj2ci_175[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtle_lj2ci_175._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSubtle_lj2ci_175._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeTransparent_lj2ci_228{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:none!important;background-color:transparent!important;color:var(--vscode-foreground)!important;box-shadow:none!important}._vscodeTransparent_lj2ci_228:hover{background-color:transparent!important;color:var(--vscode-textLink-foreground)!important}._vscodeTransparent_lj2ci_228[aria-pressed=true],._vscodeTransparent_lj2ci_228:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparent_lj2ci_228:disabled,._vscodeTransparent_lj2ci_228[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparent_lj2ci_228._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeTransparent_lj2ci_228._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodePrimary_lj2ci_21 .fui-Button__icon,._vscodeSecondary_lj2ci_76 .fui-Button__icon,._vscodeOutline_lj2ci_125 .fui-Button__icon,._vscodeSubtle_lj2ci_175 .fui-Button__icon,._vscodeTransparent_lj2ci_228 .fui-Button__icon{font-size:16px;width:16px;height:16px;margin:0!important}._vscodeSmall_lj2ci_53 .fui-Button__icon{font-size:14px;width:14px;height:14px;margin:0!important}._vscodeCompact_lj2ci_64 .fui-Button__icon{font-size:12px;width:12px;height:12px;margin:0!important}._vscodeSmall_lj2ci_53 .fui-Button__icon .codicon{font-size:14px!important}._vscodeCompact_lj2ci_64 .fui-Button__icon .codicon{font-size:12px!important}._vscodeIconOnly_lj2ci_316{width:28px;height:28px;min-width:28px;min-height:28px;padding:6px;border-radius:4px}._vscodeIconOnly_lj2ci_316._vscodeSmall_lj2ci_53{width:22px;height:22px;min-width:22px;min-height:22px;padding:3px}._vscodeIconOnly_lj2ci_316._vscodeCompact_lj2ci_64{width:15px;height:15px;min-width:15px;min-height:15px;padding:0}.fui-SplitButton .fui-SplitButton__primaryActionButton:focus-visible,.fui-SplitButton .fui-SplitButton__primaryActionButton[aria-pressed=true]{z-index:1}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton:focus-visible,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton:focus-visible,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton:disabled,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);border:1px solid var(--vscode-button-border)}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton{border-right:none}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton:hover,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton:focus-visible,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton:disabled,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground);border:1px solid var(--vscode-button-border)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton:hover,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton:focus-visible,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton:disabled,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid var(--vscode-button-border)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton:hover,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton:focus-visible,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton:disabled,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid transparent}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton:hover,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton:focus-visible,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton:disabled,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:none}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton:hover,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton{width:22px;min-width:22px;padding:3px;border-radius:4px 0 0 4px}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton{width:16px;min-width:16px;padding:0 2px;border-radius:0 4px 4px 0}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton:focus-visible,._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton:disabled,._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__primaryActionButton,._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__menuButton{height:22px;min-height:22px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__primaryActionButton{padding:3px 6px}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__menuButton{padding:3px 4px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__primaryActionButton,._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__menuButton{height:15px;min-height:15px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__primaryActionButton{padding:0 4px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__menuButton{padding:0 3px}.fui-SplitButton .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:16px;width:16px;height:16px}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:14px;width:14px;height:14px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:12px;width:12px;height:12px}.fui-SplitButton .fui-SplitButton__menuButton svg{width:14px;height:14px}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__menuButton svg{width:12px;height:12px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__menuButton svg{width:10px;height:10px}._vscodePrimaryMenu_lj2ci_693{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodePrimaryMenu_lj2ci_693[aria-pressed=true],._vscodePrimaryMenu_lj2ci_693:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimaryMenu_lj2ci_693:disabled,._vscodePrimaryMenu_lj2ci_693[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimaryMenu_lj2ci_693 .fui-MenuButton__menuIcon{font-size:14px}._vscodePrimaryMenu_lj2ci_693 .fui-Button__icon{font-size:16px}._vscodePrimaryMenu_lj2ci_693{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-background);color:var(--vscode-button-foreground)}._vscodePrimaryMenu_lj2ci_693:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondaryMenu_lj2ci_730{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeSecondaryMenu_lj2ci_730[aria-pressed=true],._vscodeSecondaryMenu_lj2ci_730:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondaryMenu_lj2ci_730:disabled,._vscodeSecondaryMenu_lj2ci_730[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondaryMenu_lj2ci_730 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSecondaryMenu_lj2ci_730 .fui-Button__icon{font-size:16px}._vscodeSecondaryMenu_lj2ci_730{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground)}._vscodeSecondaryMenu_lj2ci_730:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineMenu_lj2ci_765{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeOutlineMenu_lj2ci_765[aria-pressed=true],._vscodeOutlineMenu_lj2ci_765:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineMenu_lj2ci_765:disabled,._vscodeOutlineMenu_lj2ci_765[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineMenu_lj2ci_765 .fui-MenuButton__menuIcon{font-size:14px}._vscodeOutlineMenu_lj2ci_765 .fui-Button__icon{font-size:16px}._vscodeOutlineMenu_lj2ci_765{border:1px solid var(--vscode-button-border);background-color:transparent;color:var(--vscode-button-secondaryForeground)}._vscodeOutlineMenu_lj2ci_765:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleMenu_lj2ci_800{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeSubtleMenu_lj2ci_800[aria-pressed=true],._vscodeSubtleMenu_lj2ci_800:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleMenu_lj2ci_800:disabled,._vscodeSubtleMenu_lj2ci_800[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleMenu_lj2ci_800 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSubtleMenu_lj2ci_800 .fui-Button__icon{font-size:16px}._vscodeSubtleMenu_lj2ci_800{border:1px solid transparent;background-color:transparent;color:var(--vscode-foreground)}._vscodeSubtleMenu_lj2ci_800:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentMenu_lj2ci_836{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeTransparentMenu_lj2ci_836[aria-pressed=true],._vscodeTransparentMenu_lj2ci_836:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentMenu_lj2ci_836:disabled,._vscodeTransparentMenu_lj2ci_836[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentMenu_lj2ci_836 .fui-MenuButton__menuIcon{font-size:14px}._vscodeTransparentMenu_lj2ci_836 .fui-Button__icon{font-size:16px}._vscodeTransparentMenu_lj2ci_836{border:none;background-color:transparent;color:var(--vscode-foreground)}._vscodeTransparentMenu_lj2ci_836:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeSmallMenu_lj2ci_873{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallMenu_lj2ci_873 .fui-MenuButton__menuIcon{font-size:12px}._vscodeSmallMenu_lj2ci_873 .fui-Button__icon{font-size:14px}._vscodeCompactMenu_lj2ci_888{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactMenu_lj2ci_888 .fui-MenuButton__menuIcon{font-size:10px}._vscodeCompactMenu_lj2ci_888 .fui-Button__icon,._vscodeIconOnlyMenu_lj2ci_904 .fui-MenuButton__menuIcon{font-size:12px}._vscodeIconOnlyMenu_lj2ci_904{width:auto;min-width:28px;height:28px;min-height:28px;padding:6px 7px 6px 6px;gap:2px!important}._vscodeIconOnlyMenu_lj2ci_904._vscodeSmallMenu_lj2ci_873{min-width:22px;height:22px;min-height:22px;padding:3px 4px 3px 3px}._vscodeIconOnlyMenu_lj2ci_904._vscodeCompactMenu_lj2ci_888{min-width:15px;height:15px;min-height:15px;padding:1px 2px 1px 1px}
+@charset "UTF-8";._vscBase_gu18e_2{--fluent-fontFamilyBase: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fluent-fontWeightRegular: 400;--fluent-fontSizeBase300: 14px;--fluent-lineHeightBase300: 20px;--fluent-fontSizeBase200: 12px;--fluent-lineHeightBase200: 16px;--fluent-fontSizeBase100: 10px;--fluent-lineHeightBase100: 14px}._vscBase_gu18e_2._vscodePrimary_gu18e_21{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);box-shadow:none}._vscBase_gu18e_2._vscodePrimary_gu18e_21:hover{background-color:var(--vscode-button-hoverBackground);color:var(--vscode-button-foreground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodePrimary_gu18e_21[aria-pressed=true],._vscBase_gu18e_2._vscodePrimary_gu18e_21:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodePrimary_gu18e_21:disabled,._vscBase_gu18e_2._vscodePrimary_gu18e_21[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodePrimary_gu18e_21._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodePrimary_gu18e_21._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeSecondary_gu18e_76{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground);box-shadow:none}._vscBase_gu18e_2._vscodeSecondary_gu18e_76:hover{background-color:var(--vscode-button-secondaryHoverBackground);color:var(--vscode-button-secondaryForeground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodeSecondary_gu18e_76[aria-pressed=true],._vscBase_gu18e_2._vscodeSecondary_gu18e_76:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeSecondary_gu18e_76:disabled,._vscBase_gu18e_2._vscodeSecondary_gu18e_76[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeSecondary_gu18e_76._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeSecondary_gu18e_76._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeOutline_gu18e_125{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border);background-color:transparent;color:var(--vscode-button-secondaryForeground);box-shadow:none}._vscBase_gu18e_2._vscodeOutline_gu18e_125:hover{background-color:var(--vscode-button-secondaryHoverBackground);color:var(--vscode-button-secondaryForeground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodeOutline_gu18e_125[aria-pressed=true],._vscBase_gu18e_2._vscodeOutline_gu18e_125:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeOutline_gu18e_125:disabled,._vscBase_gu18e_2._vscodeOutline_gu18e_125[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeOutline_gu18e_125._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeOutline_gu18e_125._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid transparent;background-color:transparent;color:var(--vscode-foreground);box-shadow:none}._vscBase_gu18e_2._vscodeSubtle_gu18e_175:hover{background-color:var(--vscode-button-secondaryHoverBackground);color:var(--vscode-foreground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175:hover span,._vscBase_gu18e_2._vscodeSubtle_gu18e_175:hover svg{color:var(--vscode-foreground)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175[aria-pressed=true],._vscBase_gu18e_2._vscodeSubtle_gu18e_175:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeSubtle_gu18e_175:disabled,._vscBase_gu18e_2._vscodeSubtle_gu18e_175[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeSubtle_gu18e_175._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeTransparent_gu18e_228{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:none;background-color:transparent;color:var(--vscode-foreground);box-shadow:none}._vscBase_gu18e_2._vscodeTransparent_gu18e_228:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscBase_gu18e_2._vscodeTransparent_gu18e_228[aria-pressed=true],._vscBase_gu18e_2._vscodeTransparent_gu18e_228:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeTransparent_gu18e_228:disabled,._vscBase_gu18e_2._vscodeTransparent_gu18e_228[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeTransparent_gu18e_228._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeTransparent_gu18e_228._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodePrimary_gu18e_21 .fui-Button__icon,._vscBase_gu18e_2._vscodeSecondary_gu18e_76 .fui-Button__icon,._vscBase_gu18e_2._vscodeOutline_gu18e_125 .fui-Button__icon,._vscBase_gu18e_2._vscodeSubtle_gu18e_175 .fui-Button__icon,._vscBase_gu18e_2._vscodeTransparent_gu18e_228 .fui-Button__icon{font-size:16px;width:16px;height:16px;margin:0}._vscBase_gu18e_2._vscodeSmall_gu18e_53 .fui-Button__icon{font-size:14px;width:14px;height:14px;margin:0}._vscBase_gu18e_2._vscodeCompact_gu18e_64 .fui-Button__icon{font-size:12px;width:12px;height:12px;margin:0}._vscBase_gu18e_2._vscodeSmall_gu18e_53 .fui-Button__icon .codicon{font-size:14px}._vscBase_gu18e_2._vscodeCompact_gu18e_64 .fui-Button__icon .codicon{font-size:12px}._vscBase_gu18e_2._vscodeIconOnly_gu18e_316{width:28px;height:28px;min-width:28px;min-height:28px;padding:6px;border-radius:4px}._vscBase_gu18e_2._vscodeIconOnly_gu18e_316._vscodeSmall_gu18e_53{width:22px;height:22px;min-width:22px;min-height:22px;padding:3px}._vscBase_gu18e_2._vscodeIconOnly_gu18e_316._vscodeCompact_gu18e_64{width:15px;height:15px;min-width:15px;min-height:15px;padding:0}.fui-SplitButton .fui-SplitButton__primaryActionButton:focus-visible,.fui-SplitButton .fui-SplitButton__primaryActionButton[aria-pressed=true]{z-index:1}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton:focus-visible,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton:focus-visible,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton:disabled,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);border:1px solid var(--vscode-button-border)}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton{border-right:none}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton:hover,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton:focus-visible,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton:disabled,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground);border:1px solid var(--vscode-button-border)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton:hover,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton:focus-visible,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton:disabled,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid var(--vscode-button-border)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton:hover,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton:focus-visible,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton:disabled,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid transparent}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton:hover,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton:focus-visible,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton:disabled,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:none}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton:hover,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton{width:22px;min-width:22px;padding:3px;border-radius:4px 0 0 4px}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton{width:16px;min-width:16px;padding:0 2px;border-radius:0 4px 4px 0}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton:focus-visible,._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton:disabled,._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__primaryActionButton,._vscodeSmallSplit_gu18e_624 .fui-SplitButton__menuButton{height:22px;min-height:22px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__primaryActionButton{padding:3px 6px}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__menuButton{padding:3px 4px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__primaryActionButton,._vscodeCompactSplit_gu18e_639 .fui-SplitButton__menuButton{height:15px;min-height:15px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__primaryActionButton{padding:0 4px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__menuButton{padding:0 3px}.fui-SplitButton .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:16px;width:16px;height:16px}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:14px;width:14px;height:14px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:12px;width:12px;height:12px}.fui-SplitButton .fui-SplitButton__menuButton svg{width:14px;height:14px}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__menuButton svg{width:12px;height:12px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__menuButton svg{width:10px;height:10px}._vscodePrimaryMenu_gu18e_693{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodePrimaryMenu_gu18e_693[aria-pressed=true],._vscodePrimaryMenu_gu18e_693:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimaryMenu_gu18e_693:disabled,._vscodePrimaryMenu_gu18e_693[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimaryMenu_gu18e_693 .fui-MenuButton__menuIcon{font-size:14px}._vscodePrimaryMenu_gu18e_693 .fui-Button__icon{font-size:16px}._vscodePrimaryMenu_gu18e_693{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-background);color:var(--vscode-button-foreground)}._vscodePrimaryMenu_gu18e_693:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondaryMenu_gu18e_730{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeSecondaryMenu_gu18e_730[aria-pressed=true],._vscodeSecondaryMenu_gu18e_730:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondaryMenu_gu18e_730:disabled,._vscodeSecondaryMenu_gu18e_730[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondaryMenu_gu18e_730 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSecondaryMenu_gu18e_730 .fui-Button__icon{font-size:16px}._vscodeSecondaryMenu_gu18e_730{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground)}._vscodeSecondaryMenu_gu18e_730:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineMenu_gu18e_765{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeOutlineMenu_gu18e_765[aria-pressed=true],._vscodeOutlineMenu_gu18e_765:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineMenu_gu18e_765:disabled,._vscodeOutlineMenu_gu18e_765[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineMenu_gu18e_765 .fui-MenuButton__menuIcon{font-size:14px}._vscodeOutlineMenu_gu18e_765 .fui-Button__icon{font-size:16px}._vscodeOutlineMenu_gu18e_765{border:1px solid var(--vscode-button-border);background-color:transparent;color:var(--vscode-button-secondaryForeground)}._vscodeOutlineMenu_gu18e_765:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleMenu_gu18e_800{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeSubtleMenu_gu18e_800[aria-pressed=true],._vscodeSubtleMenu_gu18e_800:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleMenu_gu18e_800:disabled,._vscodeSubtleMenu_gu18e_800[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleMenu_gu18e_800 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSubtleMenu_gu18e_800 .fui-Button__icon{font-size:16px}._vscodeSubtleMenu_gu18e_800{border:1px solid transparent;background-color:transparent;color:var(--vscode-foreground)}._vscodeSubtleMenu_gu18e_800:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentMenu_gu18e_836{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeTransparentMenu_gu18e_836[aria-pressed=true],._vscodeTransparentMenu_gu18e_836:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentMenu_gu18e_836:disabled,._vscodeTransparentMenu_gu18e_836[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentMenu_gu18e_836 .fui-MenuButton__menuIcon{font-size:14px}._vscodeTransparentMenu_gu18e_836 .fui-Button__icon{font-size:16px}._vscodeTransparentMenu_gu18e_836{border:none;background-color:transparent;color:var(--vscode-foreground)}._vscodeTransparentMenu_gu18e_836:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeSmallMenu_gu18e_873{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallMenu_gu18e_873 .fui-MenuButton__menuIcon{font-size:12px}._vscodeSmallMenu_gu18e_873 .fui-Button__icon{font-size:14px}._vscodeCompactMenu_gu18e_888{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactMenu_gu18e_888 .fui-MenuButton__menuIcon{font-size:10px}._vscodeCompactMenu_gu18e_888 .fui-Button__icon,._vscodeIconOnlyMenu_gu18e_904 .fui-MenuButton__menuIcon{font-size:12px}._vscodeIconOnlyMenu_gu18e_904{width:auto;min-width:28px;height:28px;min-height:28px;padding:6px 7px 6px 6px;gap:2px!important}._vscodeIconOnlyMenu_gu18e_904._vscodeSmallMenu_gu18e_873{min-width:22px;height:22px;min-height:22px;padding:3px 4px 3px 3px}._vscodeIconOnlyMenu_gu18e_904._vscodeCompactMenu_gu18e_888{min-width:15px;height:15px;min-height:15px;padding:1px 2px 1px 1px}

package/dist/index.js

@@ -1,62 +1,64 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Button as p } from "@fluentui/react-components";
-import './index.css';function r(o) {
-  var s, e, c = "";
-  if (typeof o == "string" || typeof o == "number") c += o;
+import { Button as u } from "@fluentui/react-components";
+import { forwardRef as _ } from "react";
+import './index.css';function a(o) {
+  var e, c, s = "";
+  if (typeof o == "string" || typeof o == "number") s += o;
   else if (typeof o == "object") if (Array.isArray(o)) {
     var n = o.length;
-    for (s = 0; s < n; s++) o[s] && (e = r(o[s])) && (c && (c += " "), c += e);
-  } else for (e in o) o[e] && (c && (c += " "), c += e);
-  return c;
+    for (e = 0; e < n; e++) o[e] && (c = a(o[e])) && (s && (s += " "), s += c);
+  } else for (c in o) o[c] && (s && (s += " "), s += c);
+  return s;
 }
-function u() {
-  for (var o, s, e = 0, c = "", n = arguments.length; e < n; e++) (o = arguments[e]) && (s = r(o)) && (c && (c += " "), c += s);
-  return c;
+function i() {
+  for (var o, e, c = 0, s = "", n = arguments.length; c < n; c++) (o = arguments[c]) && (e = a(o)) && (s && (s += " "), s += e);
+  return s;
 }
-const _ = "_vscodePrimary_lj2ci_21", y = "_vscodeSmall_lj2ci_53", f = "_vscodeCompact_lj2ci_64", S = "_vscodeSecondary_lj2ci_76", j = "_vscodeOutline_lj2ci_125", C = "_vscodeSubtle_lj2ci_175", b = "_vscodeTransparent_lj2ci_228", g = "_vscodeIconOnly_lj2ci_316", t = {
-  vscodePrimary: _,
-  vscodeSmall: y,
+const p = "_vscBase_gu18e_2", y = "_vscodePrimary_gu18e_21", g = "_vscodeSmall_gu18e_53", f = "_vscodeCompact_gu18e_64", S = "_vscodeSecondary_gu18e_76", C = "_vscodeOutline_gu18e_125", b = "_vscodeSubtle_gu18e_175", O = "_vscodeTransparent_gu18e_228", B = "_vscodeIconOnly_gu18e_316", t = {
+  vscBase: p,
+  vscodePrimary: y,
+  vscodeSmall: g,
   vscodeCompact: f,
   vscodeSecondary: S,
-  vscodeOutline: j,
-  vscodeSubtle: C,
-  vscodeTransparent: b,
-  vscodeIconOnly: g
-}, O = {
+  vscodeOutline: C,
+  vscodeSubtle: b,
+  vscodeTransparent: O,
+  vscodeIconOnly: B
+}, I = {
   primary: t.vscodePrimary,
   secondary: t.vscodeSecondary,
   outline: t.vscodeOutline,
   subtle: t.vscodeSubtle,
   transparent: t.vscodeTransparent
-}, I = {
+}, P = {
   small: t.vscodeSmall,
   medium: "",
   large: t.vscodeLarge,
   compact: t.vscodeCompact
-}, P = i(
-  ({ appearance: o, size: s, icon: e, className: c, children: n, ...a }, l) => {
-    const d = s === "compact" ? void 0 : s, v = u(
-      O[o ?? "secondary"],
-      s && I[s],
-      e && !n && t.vscodeIconOnly,
-      c
+}, T = _(
+  ({ appearance: o, size: e, icon: c, className: s, children: n, ...r }, d) => {
+    const v = e === "compact" ? void 0 : e, l = i(
+      t.vscBase,
+      I[o ?? "secondary"],
+      e && P[e],
+      c && !n && t.vscodeIconOnly,
+      s
     );
     return /* @__PURE__ */ m(
-      p,
+      u,
       {
-        ref: l,
+        ref: d,
         appearance: o,
-        size: d,
-        icon: e,
-        className: v,
-        ...a,
+        size: v,
+        icon: c,
+        className: l,
+        ...r,
         children: n
       }
     );
   }
 );
-P.displayName = "VscButton";
+T.displayName = "VscButton";
 export {
-  P as VscButton
+  T as VscButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vsc-ui-react",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "VS Code styled Fluent UI components for React.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -30,8 +30,12 @@
     "clean": "rimraf dist",
     "build": "npm run clean && vite build && tsc -p tsconfig.build.json",
     "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "test": "vitest run",
-    "prepublishOnly": "npm run build && npm run typecheck && npm run test"
+    "prepublishOnly": "npm run build && npm run typecheck && npm run lint && npm run test"
   },
   "peerDependencies": {
     "@fluentui/react-components": "^9.57.0",
@@ -39,18 +43,26 @@
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
     "@fluentui/react-components": "^9.57.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
     "happy-dom": "^20.8.3",
+    "prettier": "^3.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.0.1",
     "sass": "^1.85.1",
     "typescript": "^5.7.3",
+    "typescript-eslint": "^8.56.1",
     "vite": "^6.2.0",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.0.5"