@activecollab/components 1.0.203 → 1.0.204

package/dist/cjs/components/SelectTrigger/SelectTrigger.js

@@ -13,7 +13,7 @@ var _Typography = require("../Typography/Typography");
 
 var _Styles = require("./Styles");
 
-var _excluded = ["children", "type", "size", "invalid", "endAdornment"];
+var _excluded = ["children", "type", "size", "invalid", "open", "endAdornment"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -33,6 +33,8 @@ var SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       size = _ref$size === void 0 ? "regular" : _ref$size,
       _ref$invalid = _ref.invalid,
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
       endAdornment = _ref.endAdornment,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -47,7 +49,9 @@ var SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     overflow: "truncate",
     whitespace: "no-wrap",
     variant: size === "small" || size === "regular" ? "Body 2" : "Body 1"
-  }, children), endAdornment ? endAdornment : /*#__PURE__*/_react.default.createElement(_Styles.StyledCaretIcon, null));
+  }, children), endAdornment ? endAdornment : /*#__PURE__*/_react.default.createElement(_Styles.StyledCaretIcon, {
+    $open: open
+  }));
 });
 exports.SelectTrigger = SelectTrigger;
 SelectTrigger.displayName = "SelectTrigger";

package/dist/cjs/components/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"names":["SelectTrigger","ref","children","type","size","invalid","endAdornment","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;AAUO,IAAMA,aAAa,gBAAG,uBAC3B,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,QAON;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,0BALDC,OAKC;AAAA,MALDA,OAKC,6BALS,KAKT;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,2BAAD;AACE,IAAA,GAAG,EAAEN,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,IAAI,EAAEE,IAHR;AAIE,IAAA,KAAK,EAAEC,IAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAMME,IANN,gBAQE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,QAAQ,EAAC,UAFX;AAGE,IAAA,UAAU,EAAC,SAHb;AAIE,IAAA,OAAO,EAAEH,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAK,SAA7B,GAAyC,QAAzC,GAAoD;AAJ/D,KAMGF,QANH,CARF,EAiBGI,YAAY,GAAGA,YAAH,gBAAkB,6BAAC,uBAAD,OAjBjC,CADF;AAqBD,CAjC0B,CAAtB;;AAoCPN,aAAa,CAACQ,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      endAdornment,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"file":"SelectTrigger.js"}
+{"version":3,"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"names":["SelectTrigger","ref","children","type","size","invalid","open","endAdornment","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;AAWO,IAAMA,aAAa,gBAAG,uBAC3B,gBAUEC,GAVF,EAWK;AAAA,MATDC,QASC,QATDA,QASC;AAAA,uBARDC,IAQC;AAAA,MARDA,IAQC,0BARM,QAQN;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,0BANDC,OAMC;AAAA,MANDA,OAMC,6BANS,KAMT;AAAA,uBALDC,IAKC;AAAA,MALDA,IAKC,0BALM,KAKN;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,2BAAD;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,IAAI,EAAEE,IAHR;AAIE,IAAA,KAAK,EAAEC,IAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAMMG,IANN,gBAQE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,QAAQ,EAAC,UAFX;AAGE,IAAA,UAAU,EAAC,SAHb;AAIE,IAAA,OAAO,EAAEJ,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAK,SAA7B,GAAyC,QAAzC,GAAoD;AAJ/D,KAMGF,QANH,CARF,EAiBGK,YAAY,GAAGA,YAAH,gBAAkB,6BAAC,uBAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,IAjBjC,CADF;AAqBD,CAlC0B,CAAtB;;AAqCPN,aAAa,CAACS,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n  open?: boolean;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      open = false,\n      endAdornment,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"file":"SelectTrigger.js"}

package/dist/cjs/components/SelectTrigger/Styles.js

@@ -49,7 +49,10 @@ StyledSelectTrigger.displayName = "StyledSelectTrigger";
 var StyledCaretIcon = (0, _styledComponents.default)(_Icons.CollapseExpandSingleIcon).withConfig({
   displayName: "Styles__StyledCaretIcon",
   componentId: "sc-9799p2-1"
-})(["transform:rotate(180deg);margin-left:8px;flex-shrink:0;"]);
+})(["margin-left:8px;flex-shrink:0;", ""], function (_ref7) {
+  var $open = _ref7.$open;
+  return !$open && (0, _styledComponents.css)(["transform:rotate(180deg);"]);
+});
 exports.StyledCaretIcon = StyledCaretIcon;
 StyledCaretIcon.displayName = "StyledCaretIcon";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/SelectTrigger/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":["StyledSelectTrigger","Trigger","disabled","css","$invalid","$size","displayName","StyledCaretIcon","CollapseExpandSingleIcon"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAGO,IAAMA,mBAAmB,GAAG,+BAAOC,gBAAP,CAAH;AAAA;AAAA;AAAA,wPAa5B;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SACAA,QAAQ,QACRC,qBADQ,kCADR;AAAA,CAb4B,EAoB5B;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaF,QAAb,SAAaA,QAAb;AAAA,SACA,CAACE,QAAD,IACA,CAACF,QADD,QAEAC,qBAFA,8DADA;AAAA,CApB4B,EA8B5B;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,SACAA,QAAQ,QACRD,qBADQ,0BAEF;AAAA;AAAA,GAFE,EAKA;AAAA;AAAA,GALA,CADR;AAAA,CA9B4B,EAwC5B;AAAA,MAAGE,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,OAAV,QACAF,qBADA,gDADA;AAAA,CAxC4B,EA+C5B;AAAA,MAAGE,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,SAAV,QACAF,qBADA,gDADA;AAAA,CA/C4B,EAsD1B;AAAA,MAAGE,KAAH,SAAGA,KAAH;AAAA,SACFA,KAAK,KAAK,KAAV,QACAF,qBADA,gDADE;AAAA,CAtD0B,CAAzB;;AA8DPH,mBAAmB,CAACM,WAApB,GAAkC,qBAAlC;AAEO,IAAMC,eAAe,GAAG,+BAAOC,+BAAP,CAAH;AAAA;AAAA;AAAA,+DAArB;;AAMPD,eAAe,CAACD,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { Size } from \"./SelectTrigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\n    css`\n      ${tw`tw-border-alert`}\n\n      &:hover {\n        ${tw`tw-border-alert`}\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === \"small\" &&\n    css`\n      height: 24px;\n      border-radius: var(--ac-br-6);\n    `}\n\n  ${({ $size }) =>\n    $size === \"regular\" &&\n    css`\n      height: 32px;\n      border-radius: var(--ac-br-8);\n    `}\n\n    ${({ $size }) =>\n    $size === \"big\" &&\n    css`\n      height: 40px;\n      border-radius: var(--ac-br-8);\n    `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)`\n  transform: rotate(180deg);\n  margin-left: 8px;\n  flex-shrink: 0;\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":["StyledSelectTrigger","Trigger","disabled","css","$invalid","$size","displayName","StyledCaretIcon","CollapseExpandSingleIcon","$open"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAGO,IAAMA,mBAAmB,GAAG,+BAAOC,gBAAP,CAAH;AAAA;AAAA;AAAA,wPAa5B;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SACAA,QAAQ,QACRC,qBADQ,kCADR;AAAA,CAb4B,EAoB5B;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaF,QAAb,SAAaA,QAAb;AAAA,SACA,CAACE,QAAD,IACA,CAACF,QADD,QAEAC,qBAFA,8DADA;AAAA,CApB4B,EA8B5B;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,SACAA,QAAQ,QACRD,qBADQ,0BAEF;AAAA;AAAA,GAFE,EAKA;AAAA;AAAA,GALA,CADR;AAAA,CA9B4B,EAwC5B;AAAA,MAAGE,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,OAAV,QACAF,qBADA,gDADA;AAAA,CAxC4B,EA+C5B;AAAA,MAAGE,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,SAAV,QACAF,qBADA,gDADA;AAAA,CA/C4B,EAsD1B;AAAA,MAAGE,KAAH,SAAGA,KAAH;AAAA,SACFA,KAAK,KAAK,KAAV,QACAF,qBADA,gDADE;AAAA,CAtD0B,CAAzB;;AA8DPH,mBAAmB,CAACM,WAApB,GAAkC,qBAAlC;AAEO,IAAMC,eAAe,GAAG,+BAAOC,+BAAP,CAAH;AAAA;AAAA;AAAA,2CAMxB;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SACA,CAACA,KAAD,QACAN,qBADA,gCADA;AAAA,CANwB,CAArB;;AAaPI,eAAe,CAACD,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { Size } from \"./SelectTrigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\n    css`\n      ${tw`tw-border-alert`}\n\n      &:hover {\n        ${tw`tw-border-alert`}\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === \"small\" &&\n    css`\n      height: 24px;\n      border-radius: var(--ac-br-6);\n    `}\n\n  ${({ $size }) =>\n    $size === \"regular\" &&\n    css`\n      height: 32px;\n      border-radius: var(--ac-br-8);\n    `}\n\n    ${({ $size }) =>\n    $size === \"big\" &&\n    css`\n      height: 40px;\n      border-radius: var(--ac-br-8);\n    `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n  $open: boolean;\n}>`\n  margin-left: 8px;\n  flex-shrink: 0;\n\n  ${({ $open }) =>\n    !$open &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"file":"Styles.js"}

package/dist/esm/components/SelectTrigger/SelectTrigger.d.ts

@@ -4,6 +4,7 @@ export interface SelectTriggerProps extends ComponentPropsWithoutRef<"button"> {
     size?: Size;
     invalid?: boolean;
     endAdornment?: JSX.Element;
+    open?: boolean;
 }
 export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=SelectTrigger.d.ts.map

package/dist/esm/components/SelectTrigger/SelectTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAIpE,oBAAY,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,8FAkCzB,CAAC"}
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAIpE,oBAAY,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,8FAmCzB,CAAC"}

package/dist/esm/components/SelectTrigger/SelectTrigger.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "type", "size", "invalid", "endAdornment"];
+var _excluded = ["children", "type", "size", "invalid", "open", "endAdornment"];
 import React, { forwardRef } from "react";
 import { Typography } from "../Typography/Typography";
 import { StyledCaretIcon, StyledSelectTrigger } from "./Styles";
@@ -12,6 +12,8 @@ export var SelectTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
       size = _ref$size === void 0 ? "regular" : _ref$size,
       _ref$invalid = _ref.invalid,
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
       endAdornment = _ref.endAdornment,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
@@ -26,7 +28,9 @@ export var SelectTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
     overflow: "truncate",
     whitespace: "no-wrap",
     variant: size === "small" || size === "regular" ? "Body 2" : "Body 1"
-  }, children), endAdornment ? endAdornment : /*#__PURE__*/React.createElement(StyledCaretIcon, null));
+  }, children), endAdornment ? endAdornment : /*#__PURE__*/React.createElement(StyledCaretIcon, {
+    $open: open
+  }));
 });
 SelectTrigger.displayName = "SelectTrigger";
 //# sourceMappingURL=SelectTrigger.js.map

package/dist/esm/components/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"names":["React","forwardRef","Typography","StyledCaretIcon","StyledSelectTrigger","SelectTrigger","ref","children","type","size","invalid","endAdornment","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA4D,OAA5D;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,eAAT,EAA0BC,mBAA1B,QAAqD,UAArD;AAUA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,gBASEK,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,QAON;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,0BALDC,OAKC;AAAA,MALDA,OAKC,6BALS,KAKT;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAEN,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,IAAI,EAAEE,IAHR;AAIE,IAAA,KAAK,EAAEC,IAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAMME,IANN,gBAQE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,QAAQ,EAAC,UAFX;AAGE,IAAA,UAAU,EAAC,SAHb;AAIE,IAAA,OAAO,EAAEH,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAK,SAA7B,GAAyC,QAAzC,GAAoD;AAJ/D,KAMGF,QANH,CARF,EAiBGI,YAAY,GAAGA,YAAH,gBAAkB,oBAAC,eAAD,OAjBjC,CADF;AAqBD,CAjCoC,CAAhC;AAoCPN,aAAa,CAACQ,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      endAdornment,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"file":"SelectTrigger.js"}
+{"version":3,"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"names":["React","forwardRef","Typography","StyledCaretIcon","StyledSelectTrigger","SelectTrigger","ref","children","type","size","invalid","open","endAdornment","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA4D,OAA5D;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,eAAT,EAA0BC,mBAA1B,QAAqD,UAArD;AAWA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,gBAUEK,GAVF,EAWK;AAAA,MATDC,QASC,QATDA,QASC;AAAA,uBARDC,IAQC;AAAA,MARDA,IAQC,0BARM,QAQN;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,0BANDC,OAMC;AAAA,MANDA,OAMC,6BANS,KAMT;AAAA,uBALDC,IAKC;AAAA,MALDA,IAKC,0BALM,KAKN;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,IAAI,EAAEE,IAHR;AAIE,IAAA,KAAK,EAAEC,IAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAMMG,IANN,gBAQE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,QAAQ,EAAC,UAFX;AAGE,IAAA,UAAU,EAAC,SAHb;AAIE,IAAA,OAAO,EAAEJ,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAK,SAA7B,GAAyC,QAAzC,GAAoD;AAJ/D,KAMGF,QANH,CARF,EAiBGK,YAAY,GAAGA,YAAH,gBAAkB,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,IAjBjC,CADF;AAqBD,CAlCoC,CAAhC;AAqCPN,aAAa,CAACS,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\n\nexport type Size = \"regular\" | \"big\" | \"small\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n  size?: Size;\n  invalid?: boolean;\n  endAdornment?: JSX.Element;\n  open?: boolean;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      type = \"button\",\n      size = \"regular\",\n      invalid = false,\n      open = false,\n      endAdornment,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSelectTrigger\n        ref={ref}\n        role=\"button\"\n        type={type}\n        $size={size}\n        $invalid={invalid}\n        {...rest}\n      >\n        <Typography\n          as=\"div\"\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant={size === \"small\" || size === \"regular\" ? \"Body 2\" : \"Body 1\"}\n        >\n          {children}\n        </Typography>\n\n        {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n      </StyledSelectTrigger>\n    );\n  }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"file":"SelectTrigger.js"}

package/dist/esm/components/SelectTrigger/Styles.d.ts

@@ -4,5 +4,7 @@ export declare const StyledSelectTrigger: import("styled-components").StyledComp
     $size?: Size | undefined;
     $invalid?: boolean | undefined;
 }, never>;
-export declare const StyledCaretIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "css" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledCaretIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "css" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {
+    $open: boolean;
+}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/SelectTrigger/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,eAAO,MAAM,mBAAmB;;;SA4D/B,CAAC;AAIF,eAAO,MAAM,eAAe,grPAI3B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,eAAO,MAAM,mBAAmB;;;SA4D/B,CAAC;AAIF,eAAO,MAAM,eAAe;WACnB,OAAO;SAUf,CAAC"}

package/dist/esm/components/SelectTrigger/Styles.js

@@ -32,6 +32,9 @@ StyledSelectTrigger.displayName = "StyledSelectTrigger";
 export var StyledCaretIcon = styled(CollapseExpandSingleIcon).withConfig({
   displayName: "Styles__StyledCaretIcon",
   componentId: "sc-9799p2-1"
-})(["transform:rotate(180deg);margin-left:8px;flex-shrink:0;"]);
+})(["margin-left:8px;flex-shrink:0;", ""], function (_ref7) {
+  var $open = _ref7.$open;
+  return !$open && css(["transform:rotate(180deg);"]);
+});
 StyledCaretIcon.displayName = "StyledCaretIcon";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/SelectTrigger/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":["styled","css","CollapseExpandSingleIcon","Trigger","StyledSelectTrigger","disabled","$invalid","$size","displayName","StyledCaretIcon"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,wBAAT,QAAyC,UAAzC;AACA,SAASC,OAAT,QAAwB,YAAxB;AAGA,OAAO,IAAMC,mBAAmB,GAAGJ,MAAM,CAACG,OAAD,CAAT;AAAA;AAAA;AAAA,wPAa5B;AAAA,MAAGE,QAAH,QAAGA,QAAH;AAAA,SACAA,QAAQ,IACRJ,GADQ,iCADR;AAAA,CAb4B,EAoB5B;AAAA,MAAGK,QAAH,SAAGA,QAAH;AAAA,MAAaD,QAAb,SAAaA,QAAb;AAAA,SACA,CAACC,QAAD,IACA,CAACD,QADD,IAEAJ,GAFA,6DADA;AAAA,CApB4B,EA8B5B;AAAA,MAAGK,QAAH,SAAGA,QAAH;AAAA,SACAA,QAAQ,IACRL,GADQ,yBAEF;AAAA;AAAA,GAFE,EAKA;AAAA;AAAA,GALA,CADR;AAAA,CA9B4B,EAwC5B;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,OAAV,IACAN,GADA,+CADA;AAAA,CAxC4B,EA+C5B;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,SAAV,IACAN,GADA,+CADA;AAAA,CA/C4B,EAsD1B;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SACFA,KAAK,KAAK,KAAV,IACAN,GADA,+CADE;AAAA,CAtD0B,CAAzB;AA8DPG,mBAAmB,CAACI,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMC,eAAe,GAAGT,MAAM,CAACE,wBAAD,CAAT;AAAA;AAAA;AAAA,+DAArB;AAMPO,eAAe,CAACD,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { Size } from \"./SelectTrigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\n    css`\n      ${tw`tw-border-alert`}\n\n      &:hover {\n        ${tw`tw-border-alert`}\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === \"small\" &&\n    css`\n      height: 24px;\n      border-radius: var(--ac-br-6);\n    `}\n\n  ${({ $size }) =>\n    $size === \"regular\" &&\n    css`\n      height: 32px;\n      border-radius: var(--ac-br-8);\n    `}\n\n    ${({ $size }) =>\n    $size === \"big\" &&\n    css`\n      height: 40px;\n      border-radius: var(--ac-br-8);\n    `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)`\n  transform: rotate(180deg);\n  margin-left: 8px;\n  flex-shrink: 0;\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":["styled","css","CollapseExpandSingleIcon","Trigger","StyledSelectTrigger","disabled","$invalid","$size","displayName","StyledCaretIcon","$open"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,wBAAT,QAAyC,UAAzC;AACA,SAASC,OAAT,QAAwB,YAAxB;AAGA,OAAO,IAAMC,mBAAmB,GAAGJ,MAAM,CAACG,OAAD,CAAT;AAAA;AAAA;AAAA,wPAa5B;AAAA,MAAGE,QAAH,QAAGA,QAAH;AAAA,SACAA,QAAQ,IACRJ,GADQ,iCADR;AAAA,CAb4B,EAoB5B;AAAA,MAAGK,QAAH,SAAGA,QAAH;AAAA,MAAaD,QAAb,SAAaA,QAAb;AAAA,SACA,CAACC,QAAD,IACA,CAACD,QADD,IAEAJ,GAFA,6DADA;AAAA,CApB4B,EA8B5B;AAAA,MAAGK,QAAH,SAAGA,QAAH;AAAA,SACAA,QAAQ,IACRL,GADQ,yBAEF;AAAA;AAAA,GAFE,EAKA;AAAA;AAAA,GALA,CADR;AAAA,CA9B4B,EAwC5B;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,OAAV,IACAN,GADA,+CADA;AAAA,CAxC4B,EA+C5B;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SACAA,KAAK,KAAK,SAAV,IACAN,GADA,+CADA;AAAA,CA/C4B,EAsD1B;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SACFA,KAAK,KAAK,KAAV,IACAN,GADA,+CADE;AAAA,CAtD0B,CAAzB;AA8DPG,mBAAmB,CAACI,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMC,eAAe,GAAGT,MAAM,CAACE,wBAAD,CAAT;AAAA;AAAA;AAAA,2CAMxB;AAAA,MAAGQ,KAAH,SAAGA,KAAH;AAAA,SACA,CAACA,KAAD,IACAT,GADA,+BADA;AAAA,CANwB,CAArB;AAaPQ,eAAe,CAACD,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { Size } from \"./SelectTrigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n  $size?: Size;\n  $invalid?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--color-theme-500);\n  padding: 0 8px;\n  width: 300px;\n  transition: border-color 0.3s ease;\n  background-color: var(--input-background-color);\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      opacity: 50%;\n      cursor: default;\n    `}\n\n  ${({ $invalid, disabled }) =>\n    !$invalid &&\n    !disabled &&\n    css`\n      &:hover,\n      &:focus {\n        border-color: var(--color-primary-700);\n      }\n    `}\n\n  ${({ $invalid }) =>\n    $invalid &&\n    css`\n      ${tw`tw-border-alert`}\n\n      &:hover {\n        ${tw`tw-border-alert`}\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === \"small\" &&\n    css`\n      height: 24px;\n      border-radius: var(--ac-br-6);\n    `}\n\n  ${({ $size }) =>\n    $size === \"regular\" &&\n    css`\n      height: 32px;\n      border-radius: var(--ac-br-8);\n    `}\n\n    ${({ $size }) =>\n    $size === \"big\" &&\n    css`\n      height: 40px;\n      border-radius: var(--ac-br-8);\n    `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n  $open: boolean;\n}>`\n  margin-left: 8px;\n  flex-shrink: 0;\n\n  ${({ $open }) =>\n    !$open &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"file":"Styles.js"}

package/dist/index.js

@@ -10776,10 +10776,13 @@
   var StyledCaretIcon = styled__default["default"](CollapseExpandSingleIcon$1).withConfig({
     displayName: "Styles__StyledCaretIcon",
     componentId: "sc-9799p2-1"
-  })(["transform:rotate(180deg);margin-left:8px;flex-shrink:0;"]);
+  })(["margin-left:8px;flex-shrink:0;", ""], function (_ref7) {
+    var $open = _ref7.$open;
+    return !$open && styled.css(["transform:rotate(180deg);"]);
+  });
   StyledCaretIcon.displayName = "StyledCaretIcon";
 
-  var _excluded$b = ["children", "type", "size", "invalid", "endAdornment"];
+  var _excluded$b = ["children", "type", "size", "invalid", "open", "endAdornment"];
   var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         _ref$type = _ref.type,
@@ -10788,6 +10791,8 @@
         size = _ref$size === void 0 ? "regular" : _ref$size,
         _ref$invalid = _ref.invalid,
         invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+        _ref$open = _ref.open,
+        open = _ref$open === void 0 ? false : _ref$open,
         endAdornment = _ref.endAdornment,
         rest = _objectWithoutProperties(_ref, _excluded$b);
 
@@ -10802,7 +10807,9 @@
       overflow: "truncate",
       whitespace: "no-wrap",
       variant: size === "small" || size === "regular" ? "Body 2" : "Body 1"
-    }, children), endAdornment ? endAdornment : /*#__PURE__*/React__default["default"].createElement(StyledCaretIcon, null));
+    }, children), endAdornment ? endAdornment : /*#__PURE__*/React__default["default"].createElement(StyledCaretIcon, {
+      $open: open
+    }));
   });
   SelectTrigger.displayName = "SelectTrigger";