@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.3

package/dist/Select/Select.js

@@ -0,0 +1,239 @@
+import { c } from 'react-compiler-runtime';
+import React from 'react';
+import { clsx } from 'clsx';
+import { TextInputWrapper } from '../internal/components/TextInputWrapper.js';
+import classes from './Select.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const ArrowIndicatorSVG = t0 => {
+  const $ = c(3);
+  const {
+    className
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /*#__PURE__*/jsx("path", {
+      d: "m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z"
+    });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== className) {
+    t2 = /*#__PURE__*/jsx("svg", {
+      "aria-hidden": "true",
+      width: "16",
+      height: "16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className,
+      children: t1
+    });
+    $[1] = className;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+const ArrowIndicator = t0 => {
+  const $ = c(4);
+  const {
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = clsx(classes.ArrowIndicator, className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/jsx(ArrowIndicatorSVG, {
+      className: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+const Select = /*#__PURE__*/React.forwardRef((t0, ref) => {
+  var _ref, _defaultValue;
+  const $ = c(37);
+  let block;
+  let children;
+  let className;
+  let defaultValue;
+  let disabled;
+  let placeholder;
+  let required;
+  let rest;
+  let size;
+  let validationStatus;
+  if ($[0] !== t0) {
+    ({
+      block,
+      children,
+      className,
+      defaultValue,
+      disabled,
+      placeholder,
+      size,
+      required,
+      validationStatus,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = block;
+    $[2] = children;
+    $[3] = className;
+    $[4] = defaultValue;
+    $[5] = disabled;
+    $[6] = placeholder;
+    $[7] = required;
+    $[8] = rest;
+    $[9] = size;
+    $[10] = validationStatus;
+  } else {
+    block = $[1];
+    children = $[2];
+    className = $[3];
+    defaultValue = $[4];
+    disabled = $[5];
+    placeholder = $[6];
+    required = $[7];
+    rest = $[8];
+    size = $[9];
+    validationStatus = $[10];
+  }
+  let t1;
+  if ($[11] !== className) {
+    t1 = clsx(classes.TextInputWrapper, className);
+    $[11] = className;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  const t2 = validationStatus === "error" ? "true" : "false";
+  const t3 = disabled && classes.Disabled;
+  let t4;
+  if ($[13] !== t3) {
+    t4 = clsx(classes.Select, t3);
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  const t5 = Boolean(placeholder);
+  const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : undefined;
+  let t7;
+  if ($[15] !== placeholder || $[16] !== required) {
+    t7 = placeholder && /*#__PURE__*/jsx("option", {
+      value: "",
+      disabled: required,
+      hidden: required,
+      children: placeholder
+    });
+    $[15] = placeholder;
+    $[16] = required;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== children || $[19] !== disabled || $[20] !== ref || $[21] !== required || $[22] !== rest || $[23] !== t2 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7) {
+    t8 = /*#__PURE__*/jsxs("select", {
+      ...rest,
+      ref: ref,
+      required: required,
+      disabled: disabled,
+      "aria-invalid": t2,
+      className: t4,
+      "data-hasplaceholder": t5,
+      defaultValue: t6,
+      children: [t7, children]
+    });
+    $[18] = children;
+    $[19] = disabled;
+    $[20] = ref;
+    $[21] = required;
+    $[22] = rest;
+    $[23] = t2;
+    $[24] = t4;
+    $[25] = t5;
+    $[26] = t6;
+    $[27] = t7;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/jsx(ArrowIndicator, {
+      className: classes.ArrowIndicator
+    });
+    $[29] = t9;
+  } else {
+    t9 = $[29];
+  }
+  let t10;
+  if ($[30] !== block || $[31] !== disabled || $[32] !== size || $[33] !== t1 || $[34] !== t8 || $[35] !== validationStatus) {
+    t10 = /*#__PURE__*/jsxs(TextInputWrapper, {
+      block: block,
+      disabled: disabled,
+      size: size,
+      validationStatus: validationStatus,
+      className: t1,
+      children: [t8, t9]
+    });
+    $[30] = block;
+    $[31] = disabled;
+    $[32] = size;
+    $[33] = t1;
+    $[34] = t8;
+    $[35] = validationStatus;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  return t10;
+});
+const Option = props => {
+  const $ = c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/jsx("option", {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+const OptGroup = props => {
+  const $ = c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/jsx("optgroup", {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+var Select$1 = Object.assign(Select, {
+  Option,
+  OptGroup
+});
+
+export { Select$1 as default };

package/dist/SelectPanel/SelectPanel-3ac7e8d0.css

@@ -0,0 +1,2 @@
+.prc-SelectPanel-Overlay-arLk6{--max-height:0}.prc-SelectPanel-Wrapper-43Iz8{display:flex;flex-direction:column;height:inherit;max-height:inherit}.prc-SelectPanel-Header-4dLqk{align-items:flex-start;display:flex;justify-content:space-between;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:var(--base-size-8,.5rem)}.prc-SelectPanel-Header-4dLqk:where([data-variant=fullscreen]){flex-shrink:0;min-height:40px}.prc-SelectPanel-Title--CZN1{font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem)}.prc-SelectPanel-Wrapper-43Iz8[data-variant=modal] .prc-SelectPanel-Title--CZN1{margin-top:var(--base-size-8,.5rem)}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-Wrapper-43Iz8[data-variant=anchored] .prc-SelectPanel-Title--CZN1{margin-top:var(--base-size-8,.5rem)}}.prc-SelectPanel-Subtitle-tMSzu{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel-Notice-xDTd4,.prc-SelectPanel-Subtitle-tMSzu{margin-left:var(--base-size-8,.5rem)}.prc-SelectPanel-Notice-xDTd4{margin-right:var(--base-size-8,.5rem);margin-top:var(--base-size-4,.25rem)}.prc-SelectPanel-Notice-xDTd4 a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel-Notice-xDTd4:where([data-variant=info]){background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border-color:var(--borderColor-accent-muted,var(--color-accent-muted));color:var(--fgColor-accent,var(--color-accent-fg))}.prc-SelectPanel-Notice-xDTd4:where([data-variant=warning]){background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-attention,var(--color-attention-fg))}.prc-SelectPanel-Notice-xDTd4:where([data-variant=critical]){background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel-Footer-78rgp{border-top:var(--borderWidth-thin,.0625rem) solid;border-top-color:var(--borderColor-default,var(--color-border-default));display:flex;padding:var(--base-size-8,.5rem)}.prc-SelectPanel-FilteredActionList-wzS7m{height:inherit;max-height:inherit}.prc-SelectPanel-Message-CSpwI{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--base-size-4,.25rem);height:100%;justify-content:center;padding:var(--base-size-24,1.5rem);text-align:center}.prc-SelectPanel-Message-CSpwI a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel-MessageTitle-o6PpS{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.prc-SelectPanel-MessageBody-89DEz{align-items:center;color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel-MessageIcon-GS8ry{color:var(--fgColor-attention,var(--color-attention-fg));margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel-MessageIcon-GS8ry:where([data-variant=error]){color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel-MessageAction-qwola{margin-top:var(--base-size-8,.5rem)}.prc-SelectPanel-ResponsiveCloseButton-3mdX2{display:inline-grid}.prc-SelectPanel-ResponsiveFooter-e-JSD{align-items:center;display:none;justify-content:center;padding:var(--base-size-8,.5rem)}.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-display-footer=always]){display:flex}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-display-footer=only-small]){display:flex}}.prc-SelectPanel-ResponsiveFooter-e-JSD[data-stretch-secondary-action=never]{justify-content:space-between}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-stretch-secondary-action=only-big]){justify-content:space-between}}.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-stretch-save-button=only-small]){justify-content:space-between}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-stretch-save-button=only-small]){justify-content:center}}.prc-SelectPanel-SecondaryAction-aWzLU{align-items:stretch;display:flex;flex-grow:1;justify-content:center}.prc-SelectPanel-SecondaryAction-aWzLU[data-stretch-secondary-action=never]{align-items:flex-start;flex-grow:0}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-SecondaryAction-aWzLU:where([data-stretch-secondary-action=only-big]){align-items:flex-start;flex-grow:0}}.prc-SelectPanel-CancelSaveButtons-kk2cT{display:flex;gap:var(--stack-gap-condensed,.5rem);justify-content:flex-end}.prc-SelectPanel-ResponsiveCancelSaveButtons-j1--s{display:none}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveCancelSaveButtons-j1--s{display:flex;gap:var(--stack-gap-condensed,.5rem);justify-content:flex-end}}.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y{display:none}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y{display:flex}}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y:where([data-stretch-save-button=only-small]){flex-grow:1}}.prc-SelectPanel-Backdrop-7XJa-{background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));inset:0;position:absolute}.prc-SelectPanel-TextInput-TjXuJ{margin:var(--base-size-8,.5rem)}
+/*# sourceMappingURL=SelectPanel-3ac7e8d0.css.map */

package/dist/SelectPanel/SelectPanel-3ac7e8d0.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SelectPanel/SelectPanel.module.css"],"names":[],"mappings":"AAAA,+BAEE,cACF,CAEA,+BACE,YAAa,CAGb,qBAAsB,CAFtB,cAAe,CACf,kBAEF,CAEA,8BAGE,sBAAuB,CAFvB,YAAa,CACb,6BAA8B,CAI9B,qCAAgC,CADhC,sCAAiC,CADjC,oCAQF,CAJE,+DAEE,aAAc,CADd,eAEF,CAGF,6BAEE,8CAAuC,CADvC,oCAEF,CAEA,gFACE,mCAEF,CASE,mDADF,mFAEI,mCAEJ,CADE,CAGF,gCAGE,gDAA2B,CAD3B,4CAEF,CAEA,8DALE,oCASF,CAJA,8BAEE,qCAAgC,CADhC,oCAGF,CAEA,gCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAEA,yDAEE,uEAA6C,CAC7C,sEAA6C,CAF7C,kDAGF,CAEA,4DAEE,6EAAgD,CAChD,4EAAgD,CAFhD,wDAGF,CAEA,6DAEE,uEAA6C,CAC7C,sEAA6C,CAF7C,kDAGF,CAEA,8BAGE,iDAAyC,CACzC,uEAA4C,CAH5C,YAAa,CACb,gCAGF,CAEA,0CAGE,cAAe,CACf,kBACF,CAEA,+BAOE,kBAAmB,CANnB,YAAa,CAIb,qBAAsB,CAGtB,WAAY,CACZ,6BAAuB,CAPvB,WAAY,CAIZ,sBAAuB,CAHvB,kCAA4B,CAC5B,iBAWF,CAJE,iCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAGF,oCACE,8CAAuC,CACvC,gDACF,CAEA,mCAGE,kBAAmB,CADnB,gDAA2B,CAD3B,4CAAsC,CAGtC,oCACF,CAEA,mCAEE,wDAA+B,CAD/B,sCAMF,CAHE,+DACE,kDACF,CAGF,qCACE,mCACF,CAEA,6CACE,mBACF,CAEA,wCAEE,kBAAmB,CADnB,YAAa,CAGb,sBAAuB,CADvB,gCA8BF,CA3BE,4EACE,YACF,CAGE,mDADF,gFAEI,YAEJ,CADE,CAGF,6EACE,6BACF,CAGE,mDADF,wFAEI,6BAEJ,CADE,CAGF,qFACE,6BAKF,CAHE,mDAHF,qFAII,sBAEJ,CADE,CAIJ,uCAEE,mBAAoB,CACpB,YAAa,CAFb,WAAY,CAGZ,sBAaF,CAXE,4EAEE,sBAAuB,CADvB,WAEF,CAGE,mDADF,uFAGI,sBAAuB,CADvB,WAGJ,CADE,CAIJ,yCACE,YAAa,CACb,oCAA+B,CAC/B,wBACF,CAEA,mDACE,YAOF,CALE,mDAHF,mDAII,YAAa,CACb,oCAA+B,CAC/B,wBAEJ,CADE,CAGF,4CACE,YAWF,CATE,mDAHF,4CAII,YAQJ,CAPE,CAGE,mDADF,yFAEI,WAEJ,CADE,CAIJ,gCAGE,8EAAiD,CADjD,OAAQ,CADR,iBAGF,CAEA,iCACE,+BACF","file":"SelectPanel-3ac7e8d0.css","sourcesContent":[".Overlay {\n  /* CSS variables values are passed in via styles */\n  --max-height: 0;\n}\n\n.Wrapper {\n  display: flex;\n  height: inherit;\n  max-height: inherit;\n  flex-direction: column;\n}\n\n.Header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-top: var(--base-size-8);\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n\n  &:where([data-variant='fullscreen']) {\n    min-height: 40px;\n    flex-shrink: 0;\n  }\n}\n\n.Title {\n  margin-left: var(--base-size-8);\n  font-size: var(--text-body-size-medium);\n}\n\n.Wrapper[data-variant='modal'] .Title {\n  margin-top: var(--base-size-8);\n  /* styling specific to the modal variant */\n}\n\n/*\n * Align SelectPanel header text with AnchoredOverlay close button\n * \n * Ensures the title properly aligns with the close button position\n * in anchor variant on narrow viewports.\n */\n.Wrapper[data-variant='anchored'] .Title {\n  @media screen and (--viewportRange-narrow) {\n    margin-top: var(--base-size-8);\n  }\n}\n\n.Subtitle {\n  margin-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n  color: var(--fgColor-muted);\n}\n\n.Notice {\n  margin-top: var(--base-size-4);\n  margin-right: var(--base-size-8);\n  margin-left: var(--base-size-8);\n}\n\n.Notice a {\n  color: inherit;\n  text-decoration: underline;\n}\n\n.Notice:where([data-variant='info']) {\n  color: var(--fgColor-accent);\n  background-color: var(--bgColor-accent-muted);\n  border-color: var(--borderColor-accent-muted);\n}\n\n.Notice:where([data-variant='warning']) {\n  color: var(--fgColor-attention);\n  background-color: var(--bgColor-attention-muted);\n  border-color: var(--borderColor-attention-muted);\n}\n\n.Notice:where([data-variant='critical']) {\n  color: var(--fgColor-danger);\n  background-color: var(--bgColor-danger-muted);\n  border-color: var(--borderColor-danger-muted);\n}\n\n.Footer {\n  display: flex;\n  padding: var(--base-size-8);\n  border-top: var(--borderWidth-thin) solid;\n  border-top-color: var(--borderColor-default);\n}\n\n.FilteredActionList {\n  /* inheriting height and maxHeight ensures that the FilteredActionList is never taller\n     than the Overlay (which would break scrolling the items) */\n  height: inherit;\n  max-height: inherit;\n}\n\n.Message {\n  display: flex;\n  height: 100%;\n  padding: var(--base-size-24);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 1;\n  gap: var(--base-size-4);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n}\n\n.MessageTitle {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.MessageBody {\n  font-size: var(--text-body-size-small);\n  color: var(--fgColor-muted);\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.MessageIcon {\n  margin-bottom: var(--base-size-8);\n  color: var(--fgColor-attention);\n\n  &:where([data-variant='error']) {\n    color: var(--fgColor-danger);\n  }\n}\n\n.MessageAction {\n  margin-top: var(--base-size-8);\n}\n\n.ResponsiveCloseButton {\n  display: inline-grid;\n}\n\n.ResponsiveFooter {\n  display: none;\n  align-items: center;\n  padding: var(--base-size-8);\n  justify-content: center;\n\n  &:where([data-display-footer='always']) {\n    display: flex;\n  }\n\n  &:where([data-display-footer='only-small']) {\n    @media screen and (--viewportRange-narrow) {\n      display: flex;\n    }\n  }\n\n  &[data-stretch-secondary-action='never'] {\n    justify-content: space-between;\n  }\n\n  &:where([data-stretch-secondary-action='only-big']) {\n    @media screen and (--viewportRange-narrow) {\n      justify-content: space-between;\n    }\n  }\n\n  &:where([data-stretch-save-button='only-small']) {\n    justify-content: space-between;\n\n    @media screen and (--viewportRange-narrow) {\n      justify-content: center;\n    }\n  }\n}\n\n.SecondaryAction {\n  flex-grow: 1;\n  align-items: stretch;\n  display: flex;\n  justify-content: center;\n\n  &[data-stretch-secondary-action='never'] {\n    flex-grow: 0;\n    align-items: flex-start;\n  }\n\n  &:where([data-stretch-secondary-action='only-big']) {\n    @media screen and (--viewportRange-narrow) {\n      flex-grow: 0;\n      align-items: flex-start;\n    }\n  }\n}\n\n.CancelSaveButtons {\n  display: flex;\n  gap: var(--stack-gap-condensed);\n  justify-content: flex-end;\n}\n\n.ResponsiveCancelSaveButtons {\n  display: none;\n\n  @media screen and (--viewportRange-narrow) {\n    display: flex;\n    gap: var(--stack-gap-condensed);\n    justify-content: flex-end;\n  }\n}\n\n.ResponsiveSaveButton {\n  display: none;\n\n  @media screen and (--viewportRange-narrow) {\n    display: flex;\n  }\n\n  &:where([data-stretch-save-button='only-small']) {\n    @media screen and (--viewportRange-narrow) {\n      flex-grow: 1;\n    }\n  }\n}\n\n.Backdrop {\n  position: absolute;\n  inset: 0;\n  background-color: var(--overlay-backdrop-bgColor);\n}\n\n.TextInput {\n  margin: var(--base-size-8);\n}\n"]}

package/dist/SelectPanel/SelectPanel.d.ts

@@ -0,0 +1,87 @@
+import { type IconProps } from '@primer/octicons-react';
+import React from 'react';
+import type { AnchoredOverlayProps } from '../AnchoredOverlay';
+import type { AnchoredOverlayWrapperAnchorProps } from '../AnchoredOverlay/AnchoredOverlay';
+import type { FilteredActionListProps } from '../FilteredActionList';
+import type { OverlayProps } from '../Overlay';
+import type { ItemInput } from './';
+import type { ButtonProps, LinkButtonProps } from '../Button/types';
+interface SelectPanelSingleSelection {
+    selected: ItemInput | undefined;
+    onSelectedChange: (selected: ItemInput | undefined) => void;
+}
+interface SelectPanelMultiSelection {
+    selected: ItemInput[];
+    onSelectedChange: (selected: ItemInput[]) => void;
+}
+export type InitialLoadingType = 'spinner' | 'skeleton';
+export type SelectPanelSecondaryAction = React.ReactElement<typeof SecondaryButton> | React.ReactElement<typeof SecondaryLink>;
+interface SelectPanelBaseProps {
+    title?: string | React.ReactElement;
+    subtitle?: string | React.ReactElement;
+    onOpenChange: (open: boolean, gesture: 'anchor-click' | 'anchor-key-press' | 'click-outside' | 'escape' | 'selection' | 'cancel') => void;
+    secondaryAction?: SelectPanelSecondaryAction;
+    placeholder?: string;
+    inputLabel?: string;
+    overlayProps?: Partial<OverlayProps>;
+    initialLoadingType?: InitialLoadingType;
+    className?: string;
+    notice?: {
+        text: string | React.ReactElement;
+        variant: 'info' | 'warning' | 'error';
+    };
+    message?: {
+        title: string;
+        body: string | React.ReactElement;
+        variant: 'empty' | 'error' | 'warning';
+        icon?: React.ComponentType<IconProps>;
+        action?: React.ReactElement;
+    };
+    /**
+     * @deprecated Use `secondaryAction` instead.
+     */
+    footer?: string | React.ReactElement;
+    showSelectedOptionsFirst?: boolean;
+    /**
+     * Whether to disable fullscreen behavior on narrow viewports.
+     * When `true`, the panel will maintain its anchored position regardless of viewport size.
+     * When `false`, the panel will go fullscreen on narrow viewports (if feature flag is enabled).
+     * @default undefined (uses feature flag default)
+     */
+    disableFullscreenOnNarrow?: boolean;
+    showSelectAll?: boolean;
+}
+type SelectPanelVariantProps = {
+    variant?: 'anchored';
+    onCancel?: () => void;
+} | {
+    variant: 'modal';
+    onCancel: () => void;
+};
+export type SelectPanelProps = SelectPanelBaseProps & Omit<FilteredActionListProps, 'selectionVariant' | 'variant' | 'message'> & Pick<AnchoredOverlayProps, 'open' | 'height' | 'width' | 'align'> & AnchoredOverlayWrapperAnchorProps & (SelectPanelSingleSelection | SelectPanelMultiSelection) & SelectPanelVariantProps;
+declare function Panel({ open, onOpenChange, renderAnchor, anchorRef: externalAnchorRef, placeholder, placeholderText, inputLabel, selected, title, subtitle, onSelectedChange, filterValue: externalFilterValue, onFilterChange: externalOnFilterChange, items, footer, textInputProps, overlayProps, loading, initialLoadingType, className, height, width, id, message, notice, onCancel, variant, secondaryAction, showSelectedOptionsFirst, disableFullscreenOnNarrow, align, showSelectAll, ...listProps }: SelectPanelProps): JSX.Element;
+declare const SecondaryButton: React.FC<ButtonProps>;
+declare const SecondaryLink: React.FC<LinkButtonProps & ButtonProps>;
+export declare const SelectPanel: typeof Panel & {
+    SecondaryActionButton: React.FC<ButtonProps>;
+    SecondaryActionLink: React.FC<LinkButtonProps & {
+        alignContent?: import("../Button/types").AlignContent;
+        icon?: React.FunctionComponent<IconProps> | React.ElementType | React.ReactElement | null;
+        leadingVisual?: React.ElementType | React.ReactElement | null;
+        trailingVisual?: React.ElementType | React.ReactElement | null;
+        trailingAction?: React.ElementType | null;
+        children?: React.ReactNode;
+        count?: number | string;
+    } & {
+        variant?: import("../Button/types").VariantType;
+        size?: import("../Button/types").Size;
+        disabled?: boolean;
+        block?: boolean;
+        loading?: boolean;
+        loadingAnnouncement?: string;
+        inactive?: boolean;
+        labelWrap?: boolean;
+    } & import("..").SxProp & React.ButtonHTMLAttributes<HTMLButtonElement>>;
+};
+export {};
+//# sourceMappingURL=SelectPanel.d.ts.map

package/dist/SelectPanel/SelectPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../src/SelectPanel/SelectPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAC1F,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAA;AAE5D,OAAO,KAAK,EAAC,iCAAiC,EAAC,MAAM,oCAAoC,CAAA;AACzF,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAGlE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAE5C,OAAO,KAAK,EAAY,SAAS,EAAC,MAAM,IAAI,CAAA;AAiB5C,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAA;AAgCjE,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5D;AAED,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,EAAE,CAAA;IACrB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;CAClD;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAA;AACvD,MAAM,MAAM,0BAA0B,GAClC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,GAC1C,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE5C,UAAU,oBAAoB;IAE5B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IACtC,YAAY,EAAE,CACZ,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,cAAc,GAAG,kBAAkB,GAAG,eAAe,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,KAC/F,IAAI,CAAA;IACT,eAAe,CAAC,EAAE,0BAA0B,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;QACjC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;KACtC,CAAA;IACD,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;QACjC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAA;QACtC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;QACrC,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAC5B,CAAA;IACD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IACpC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAGD,KAAK,uBAAuB,GAAG;IAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAC,GAAG;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAC,CAAA;AAEvH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,IAAI,CAAC,uBAAuB,EAAE,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC,GACjE,iCAAiC,GACjC,CAAC,0BAA0B,GAAG,yBAAyB,CAAC,GACxD,uBAAuB,CAAA;AAgCzB,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,YAAY,EACZ,YAAkC,EAClC,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EACX,eAAgC,EAChC,UAA4B,EAC5B,QAAQ,EACR,KAA0E,EAC1E,QAAQ,EACR,gBAAgB,EAChB,WAAW,EAAE,mBAAmB,EAChC,cAAc,EAAE,sBAAsB,EACtC,KAAK,EACL,MAAM,EACN,cAAc,EACd,YAAY,EACZ,OAAO,EACP,kBAA8B,EAC9B,SAAS,EACT,MAAM,EACN,KAAK,EACL,EAAE,EACF,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAoB,EACpB,eAAe,EACf,wBAA+B,EAC/B,yBAAyB,EACzB,KAAK,EACL,aAAqB,EACrB,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6tBhC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAM1C,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,WAAW,CAM1D,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAGtB,CAAA"}