@opengovsg/oui 0.0.0-snapshot-20250312072954 → 0.0.0-snapshot-20250313070232

package/dist/cjs/index.cjs

@@ -19,6 +19,7 @@ var comboBox = require('./combo-box/combo-box.cjs');
 var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
 var banner = require('./banner/banner.cjs');
 var tagField = require('./tag-field/tag-field.cjs');
+var select = require('./select/select.cjs');
 
 
 
@@ -45,3 +46,4 @@ exports.ComboBoxItem = comboBox.ComboBoxItem;
 exports.ComboBoxFuzzy = comboBoxFuzzy.ComboBoxFuzzy;
 exports.Banner = banner.Banner;
 exports.TagField = tagField.TagField;
+exports.Select = select.Select;

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createLucideIcon = require('../createLucideIcon.cjs');
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon.default("Check", __iconNode);
+
+exports.__iconNode = __iconNode;
+exports.default = Check;

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-up-down.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createLucideIcon = require('../createLucideIcon.cjs');
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+];
+const ChevronsUpDown = createLucideIcon.default("ChevronsUpDown", __iconNode);
+
+exports.__iconNode = __iconNode;
+exports.default = ChevronsUpDown;

package/dist/cjs/select/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var select = require('./select.cjs');
+
+
+
+exports.Select = select.Select;

package/dist/cjs/select/select-item.cjs

@@ -0,0 +1,52 @@
+"use strict";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ouiTheme = require('@opengovsg/oui-theme');
+var reactAriaComponents = require('react-aria-components');
+var utils = require('../system/utils.cjs');
+var check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.cjs');
+
+function SelectItem({ classNames, ...originalProps }) {
+  const [props, variantProps] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.selectItemStyles.variantKeys
+  );
+  const styles = ouiTheme.selectItemStyles(variantProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.ListBoxItem,
+    {
+      ...props,
+      textValue: props.children,
+      className: ouiTheme.composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => styles.base({ className, ...renderProps })
+      ),
+      children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: styles.text({
+              className: classNames?.text,
+              ...renderProps
+            }),
+            children: props.children
+          }
+        ),
+        renderProps.isSelected && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: styles.icon({
+              className: classNames?.icon,
+              ...renderProps
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(check.default, {})
+          }
+        )
+      ] })
+    }
+  );
+}
+
+exports.SelectItem = SelectItem;

package/dist/cjs/select/select.cjs

@@ -0,0 +1,116 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ouiTheme = require('@opengovsg/oui-theme');
+var reactAriaComponents = require('react-aria-components');
+var utils = require('../system/utils.cjs');
+var selectItem = require('./select-item.cjs');
+var chevronsUpDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-up-down.cjs');
+var field = require('../field/field.cjs');
+var button = require('../button/button.cjs');
+
+const calculateEstimatedRowHeight = (size) => {
+  switch (size) {
+    case "xs":
+      return 44;
+    case "sm":
+      return 44;
+    case "md":
+      return 48;
+  }
+};
+function Select({
+  label,
+  description,
+  classNames,
+  itemClassNames,
+  ...originalProps
+}) {
+  const [_props, variantProps] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.selectStyles.variantKeys
+  );
+  const { items, children, listLayoutOptions, ...props } = _props;
+  const styles = ouiTheme.selectStyles(variantProps);
+  const layout = react.useMemo(() => {
+    return new reactAriaComponents.ListLayout({
+      estimatedRowHeight: calculateEstimatedRowHeight(
+        variantProps.size ?? "md"
+      ),
+      ...listLayoutOptions
+    });
+  }, [listLayoutOptions, variantProps.size]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.Select,
+    {
+      className: ouiTheme.composeRenderProps(
+        props.className,
+        (className, renderProps) => styles.base({ className, ...renderProps })
+      ),
+      ...props,
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(field.Label, { size: variantProps.size, className: classNames?.label, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            size: variantProps.size,
+            variant: variantProps.variant ?? ouiTheme.selectStyles.defaultVariants.variant,
+            color: variantProps.color ?? ouiTheme.selectStyles.defaultVariants.color,
+            className: ouiTheme.composeRenderProps(
+              classNames?.trigger,
+              (className, renderProps) => styles.trigger({ className, ...renderProps })
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                reactAriaComponents.SelectValue,
+                {
+                  className: styles.selectedText({
+                    className: classNames?.selectedText
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(chevronsUpDown.default, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx(
+          field.Description,
+          {
+            size: variantProps.size,
+            className: classNames?.description,
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { className: styles.popover({ className: classNames?.popover }), children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Virtualizer, { layout, children: /* @__PURE__ */ jsxRuntime.jsx(
+          reactAriaComponents.ListBox,
+          {
+            items,
+            shouldFocusWrap: true,
+            className: ouiTheme.composeRenderProps(
+              classNames?.list,
+              (className, renderProps) => styles.list({ className, ...renderProps })
+            ),
+            children: (item) => {
+              if (typeof children === "function") {
+                return children(item);
+              }
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                selectItem.SelectItem,
+                {
+                  classNames: itemClassNames,
+                  size: variantProps.size,
+                  children: item.textValue
+                }
+              );
+            }
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+exports.Select = Select;

package/dist/esm/index.js

@@ -17,3 +17,4 @@ export { ComboBox, ComboBoxEmptyState, ComboBoxItem } from './combo-box/combo-bo
 export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
 export { Banner } from './banner/banner.js';
 export { TagField } from './tag-field/tag-field.js';
+export { Select } from './select/select.js';

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js

@@ -0,0 +1,14 @@
+import createLucideIcon from '../createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("Check", __iconNode);
+
+export { __iconNode, Check as default };

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js

@@ -0,0 +1,17 @@
+import createLucideIcon from '../createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+];
+const ChevronsUpDown = createLucideIcon("ChevronsUpDown", __iconNode);
+
+export { __iconNode, ChevronsUpDown as default };

package/dist/esm/select/index.js

@@ -0,0 +1,2 @@
+"use strict";
+export { Select } from './select.js';

package/dist/esm/select/select-item.js

@@ -0,0 +1,50 @@
+"use strict";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { selectItemStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { ListBoxItem } from 'react-aria-components';
+import { mapPropsVariants } from '../system/utils.js';
+import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
+
+function SelectItem({ classNames, ...originalProps }) {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    selectItemStyles.variantKeys
+  );
+  const styles = selectItemStyles(variantProps);
+  return /* @__PURE__ */ jsx(
+    ListBoxItem,
+    {
+      ...props,
+      textValue: props.children,
+      className: composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => styles.base({ className, ...renderProps })
+      ),
+      children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: styles.text({
+              className: classNames?.text,
+              ...renderProps
+            }),
+            children: props.children
+          }
+        ),
+        renderProps.isSelected && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: styles.icon({
+              className: classNames?.icon,
+              ...renderProps
+            }),
+            children: /* @__PURE__ */ jsx(Check, {})
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { SelectItem };

package/dist/esm/select/select.js

@@ -0,0 +1,114 @@
+"use strict";
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { ListLayout, Select as Select$1, SelectValue, Popover, Virtualizer, ListBox } from 'react-aria-components';
+import { mapPropsVariants } from '../system/utils.js';
+import { SelectItem } from './select-item.js';
+import ChevronsUpDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js';
+import { Label, Description } from '../field/field.js';
+import { Button } from '../button/button.js';
+
+const calculateEstimatedRowHeight = (size) => {
+  switch (size) {
+    case "xs":
+      return 44;
+    case "sm":
+      return 44;
+    case "md":
+      return 48;
+  }
+};
+function Select({
+  label,
+  description,
+  classNames,
+  itemClassNames,
+  ...originalProps
+}) {
+  const [_props, variantProps] = mapPropsVariants(
+    originalProps,
+    selectStyles.variantKeys
+  );
+  const { items, children, listLayoutOptions, ...props } = _props;
+  const styles = selectStyles(variantProps);
+  const layout = useMemo(() => {
+    return new ListLayout({
+      estimatedRowHeight: calculateEstimatedRowHeight(
+        variantProps.size ?? "md"
+      ),
+      ...listLayoutOptions
+    });
+  }, [listLayoutOptions, variantProps.size]);
+  return /* @__PURE__ */ jsxs(
+    Select$1,
+    {
+      className: composeRenderProps(
+        props.className,
+        (className, renderProps) => styles.base({ className, ...renderProps })
+      ),
+      ...props,
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { size: variantProps.size, className: classNames?.label, children: label }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: variantProps.size,
+            variant: variantProps.variant ?? selectStyles.defaultVariants.variant,
+            color: variantProps.color ?? selectStyles.defaultVariants.color,
+            className: composeRenderProps(
+              classNames?.trigger,
+              (className, renderProps) => styles.trigger({ className, ...renderProps })
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectValue,
+                {
+                  className: styles.selectedText({
+                    className: classNames?.selectedText
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        description && /* @__PURE__ */ jsx(
+          Description,
+          {
+            size: variantProps.size,
+            className: classNames?.description,
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsx(Popover, { className: styles.popover({ className: classNames?.popover }), children: /* @__PURE__ */ jsx(Virtualizer, { layout, children: /* @__PURE__ */ jsx(
+          ListBox,
+          {
+            items,
+            shouldFocusWrap: true,
+            className: composeRenderProps(
+              classNames?.list,
+              (className, renderProps) => styles.list({ className, ...renderProps })
+            ),
+            children: (item) => {
+              if (typeof children === "function") {
+                return children(item);
+              }
+              return /* @__PURE__ */ jsx(
+                SelectItem,
+                {
+                  classNames: itemClassNames,
+                  size: variantProps.size,
+                  children: item.textValue
+                }
+              );
+            }
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+export { Select };

package/dist/types/button/button.d.ts

@@ -1,7 +1,6 @@
-import type { VariantProps } from "@opengovsg/oui-theme";
+import type { ButtonVariantProps } from "@opengovsg/oui-theme";
 import type { ButtonProps as AriaButtonProps } from "react-aria-components";
-import { buttonStyles } from "@opengovsg/oui-theme";
-interface _ButtonProps extends Omit<AriaButtonProps, "children">, VariantProps<typeof buttonStyles> {
+export interface ButtonProps extends Omit<AriaButtonProps, "children">, ButtonVariantProps {
     /**
      * Whether the button should display a ripple effect on press.
      * @defaultValue false
@@ -32,17 +31,9 @@ interface _ButtonProps extends Omit<AriaButtonProps, "children">, VariantProps<t
      */
     spinnerPlacement?: "start" | "end";
 }
-export type ButtonProps = Omit<_ButtonProps, "aria-label"> & ({
-    isIconOnly: true;
-    "aria-label": string;
-} | {
-    isIconOnly?: false;
-    "aria-label"?: string;
-});
 /**
  * You probably do not want to use this component if you are rendering a link.
  * Use `LinkButton` component instead.
  */
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
 //# sourceMappingURL=button.d.ts.map

package/dist/types/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQnD,UAAU,YACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GACxD,CACI;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAChD,CAAA;AAEH;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAU3E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}

package/dist/types/index.d.mts

@@ -13,4 +13,5 @@ export * from "./text-area-field";
 export * from "./combo-box";
 export * from "./banner";
 export * from "./tag-field";
+export * from "./select";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -13,4 +13,5 @@ export * from "./text-area-field";
 export * from "./combo-box";
 export * from "./banner";
 export * from "./tag-field";
+export * from "./select";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA"}

package/dist/types/select/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./select";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/types/select/select-item.d.ts

@@ -0,0 +1,9 @@
+import { SelectItemVariantProps, SelectItemVariantSlots, SlotsToClasses } from "@opengovsg/oui-theme";
+import { ListBoxItemProps } from "react-aria-components";
+interface SelectItemProps extends ListBoxItemProps, SelectItemVariantProps {
+    classNames?: SlotsToClasses<SelectItemVariantSlots>;
+    children: string;
+}
+export declare function SelectItem({ classNames, ...originalProps }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select-item.d.ts.map

package/dist/types/select/select-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/select/select-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,sBAAsB,EACtB,sBAAsB,EACtB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAe,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAIrE,UAAU,eAAgB,SAAQ,gBAAgB,EAAE,sBAAsB;IACxE,UAAU,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAA;IACnD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,EAAE,eAAe,2CA0C3E"}

package/dist/types/select/select.d.ts

@@ -0,0 +1,23 @@
+import { SelectItemVariantSlots, selectStyles, SelectVariantSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
+import { Key } from "react-aria";
+import { SelectProps as AriaSelectProps, ListBoxProps, ListLayoutOptions } from "react-aria-components";
+export interface SelectProps<T extends SelectItemType = SelectItemType> extends Omit<AriaSelectProps, "children">, VariantProps<typeof selectStyles> {
+    classNames?: SlotsToClasses<SelectVariantSlots>;
+    itemClassNames?: SlotsToClasses<SelectItemVariantSlots>;
+    /**
+     * Any additional props to be spread to the list layout.
+     */
+    listLayoutOptions?: ListLayoutOptions;
+    label?: string;
+    description?: string | null;
+    /** The list of Select options to render */
+    items: NonNullable<ListBoxProps<T>["items"]>;
+    children?: ListBoxProps<T>["children"];
+}
+type SelectItemType = {
+    textValue: string;
+    id: Key;
+};
+export declare function Select<T extends SelectItemType>({ label, description, classNames, itemClassNames, ...originalProps }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/types/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,sBAAsB,EACtB,YAAY,EAEZ,kBAAkB,EAClB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EAEL,WAAW,IAAI,eAAe,EAE9B,YAAY,EAEZ,iBAAiB,EAIlB,MAAM,uBAAuB,CAAA;AAO9B,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,CACpE,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IAC/C,cAAc,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAA;IAEvD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE3B,2CAA2C;IAC3C,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IAE5C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;CACvC;AAED,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,GAAG,CAAA;CACR,CAAA;AAeD,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,EAAE,EAC/C,KAAK,EACL,WAAW,EACX,UAAU,EACV,cAAc,EACd,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoFhB"}

package/dist/types/system/utils.d.ts

@@ -13,7 +13,7 @@ export declare function forwardRef<Component extends As, Props extends object, O
     as?: As;
 }>>): InternalForwardRefRenderFunction<Component, Props, OmitKeys>;
 export declare function forwardRefGeneric<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactNode): (props: P & React.RefAttributes<T>) => React.ReactNode;
-export declare const mapPropsVariants: <T extends Record<string, any>, K extends keyof T>(props: T, variantKeys?: K[], removeVariantProps?: boolean) => readonly [Omit<T, K> | T, Pick<T, K> | {}];
+export declare const mapPropsVariants: <T extends Record<string, any>, K extends keyof T>(props: T, variantKeys?: K[], removeVariantProps?: boolean) => readonly [Omit<T, K> | T, Pick<T, K>];
 export declare function useRenderProps<T>(props: RenderPropsHookOptions<T>): {
     className: string | undefined;
     style: {

package/dist/types/system/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/system/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/system/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.0-snapshot-20250312072954",
+  "version": "0.0.0-snapshot-20250313070232",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -47,11 +47,11 @@
     "prettier": "^3.5.0",
     "tsx": "^4.19.2",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.4",
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20250313070232",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
-    "@oui/prettier-config": "0.0.0",
-    "@oui/typescript-config": "0.0.0"
+    "@oui/typescript-config": "0.0.0",
+    "@oui/prettier-config": "0.0.0"
   },
   "dependencies": {
     "@internationalized/date": "^3.7.0",
@@ -78,7 +78,7 @@
   "peerDependencies": {
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react-aria-components": "^1.7.1",
-    "@opengovsg/oui-theme": "0.0.4"
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20250313070232"
   },
   "prettier": "@oui/prettier-config",
   "scripts": {