@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/scroll-area_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/scroll-area.module.css","webpack://./src/components/ui/scroll-area.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,sDAAsD;EACtD,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,4BAA4B;EAC5B,cAAc;EACd,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,2BAA2B;EAC3B,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,YAAY;AACd;;AAEA;EACE,kCAAkC;EAClC,oBAAoB;EACpB,OAAO;EACP,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;AACzB","sourcesContent":[".root{overflow:hidden;position:relative}.viewport{border-radius:inherit;height:100%;width:100%}.content{min-width:100%}.scrollbar{display:flex;touch-action:none;transition:background-color var(--ac-transition-fast);user-select:none}.vertical{border-left:1px solid transparent;height:100%;padding:1px;width:.625rem}.horizontal{border-top:1px solid transparent;flex-direction:column;height:.625rem;padding:1px;width:100%}.thumb{background-color:var(--ac-border);border-radius:999px;flex:1;position:relative}.corner{background-color:transparent}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.viewport {\n  border-radius: inherit;\n  width: 100%;\n  height: 100%;\n}\n\n.content {\n  min-width: 100%;\n}\n\n.scrollbar {\n  touch-action: none;\n  transition: background-color var(--ac-transition-fast);\n  -webkit-user-select: none;\n  user-select: none;\n  display: flex;\n}\n\n.vertical {\n  border-left: 1px solid #0000;\n  width: .625rem;\n  height: 100%;\n  padding: 1px;\n}\n\n.horizontal {\n  border-top: 1px solid #0000;\n  flex-direction: column;\n  width: 100%;\n  height: .625rem;\n  padding: 1px;\n}\n\n.thumb {\n  background-color: var(--ac-border);\n  border-radius: 999px;\n  flex: 1;\n  position: relative;\n}\n\n.corner {\n  background-color: #0000;\n}\n"],"sourceRoot":""}

package/dist/components/ui/select.d.ts

@@ -1,14 +1,272 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select as BaseSelect } from "@base-ui/react/select";
 import * as React from "react";
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface SelectProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Root>, "onValueChange"> {
+    /** Called when the selected value changes and resolves to a string. @default undefined */
+    onValueChange?: (value: string) => void;
+}
+interface SelectTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Trigger>, "className"> {
+    /** Additional CSS classes merged with the select trigger styles. @default undefined */
+    className?: string;
+}
+interface SelectScrollUpButtonProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.ScrollUpArrow>, "className"> {
+    /** Additional CSS classes merged with the scroll-up control styles. @default undefined */
+    className?: string;
+}
+interface SelectScrollDownButtonProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.ScrollDownArrow>, "className"> {
+    /** Additional CSS classes merged with the scroll-down control styles. @default undefined */
+    className?: string;
+}
+interface SelectContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Positioner>, "className"> {
+    /** Additional CSS classes merged with the select popup styles. @default undefined */
+    className?: string;
+    /** The offset in pixels between the trigger and the popup. @default 4 */
+    sideOffset?: number;
+}
+interface SelectLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.GroupLabel>, "className"> {
+    /** Additional CSS classes merged with the group label styles. @default undefined */
+    className?: string;
+}
+interface SelectItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Item>, "className"> {
+    /** Additional CSS classes merged with the select item styles. @default undefined */
+    className?: string;
+}
+interface SelectSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Separator>, "className"> {
+    /** Additional CSS classes merged with the separator styles. @default undefined */
+    className?: string;
+}
+/**
+ * Coordinates select state, keyboard navigation, and value management.
+ *
+ * @remarks
+ * - Renders no DOM element by default and coordinates descendant select parts
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports composition through descendant `render` props
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Select defaultValue="one">
+ *   <SelectTrigger />
+ *   <SelectContent>
+ *     <SelectItem value="one">One</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare function Select(props: Readonly<Select.Props>): React.ReactElement;
+declare namespace Select {
+    var displayName: string;
+}
+/**
+ * Groups related select items into a shared logical section.
+ *
+ * @remarks
+ * - Renders no DOM element by default beyond the underlying grouped option container
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports composition through descendant `render` props
+ * - Styling via CSS Modules with `--ac-*` custom properties through descendant components
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectGroup>
+ *   <SelectLabel>Team</SelectLabel>
+ *   <SelectItem value="one">One</SelectItem>
+ * </SelectGroup>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Displays the currently selected option inside the trigger.
+ *
+ * @remarks
+ * - Renders no DOM element by default beyond the underlying value slot
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports composition through surrounding select trigger rendering
+ * - Styling via CSS Modules with `--ac-*` custom properties through descendant components
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectValue placeholder="Select an option" />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Opens the select popup and displays the current selected value.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectTrigger>
+ *   <SelectValue />
+ * </SelectTrigger>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Scrolls the select list upward when the popup overflows its viewport.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Pass `children` to override the default `ChevronUp` icon
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectScrollUpButton />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare function SelectScrollUpButton(props: Readonly<SelectScrollUpButton.Props>): React.ReactElement;
+declare namespace SelectScrollUpButton {
+    var displayName: string;
+}
+/**
+ * Scrolls the select list downward when the popup overflows its viewport.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Pass `children` to override the default `ChevronDown` icon
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectScrollDownButton />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare function SelectScrollDownButton(props: Readonly<SelectScrollDownButton.Props>): React.ReactElement;
+declare namespace SelectScrollDownButton {
+    var displayName: string;
+}
+/**
+ * Portals and positions the select popup with scroll affordances.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectContent>
+ *   <SelectItem value="one">One</SelectItem>
+ * </SelectContent>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Labels a logical group of options inside the select popup.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectLabel>Team</SelectLabel>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare function SelectLabel(props: Readonly<SelectLabel.Props>): React.ReactElement;
+declare namespace SelectLabel {
+    var displayName: string;
+}
+/**
+ * Renders a selectable option row within the select popup.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectItem value="one">One</SelectItem>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare function SelectItem(props: Readonly<SelectItem.Props>): React.ReactElement;
+declare namespace SelectItem {
+    var displayName: string;
+}
+/**
+ * Separates groups of options inside the select popup.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SelectSeparator />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}
+ */
+declare function SelectSeparator(props: Readonly<SelectSeparator.Props>): React.ReactElement;
+declare namespace SelectSeparator {
+    var displayName: string;
+}
+declare namespace Select {
+    type Props = SelectProps;
+    type State = BaseSelect.Root.State;
+}
+declare namespace SelectTrigger {
+    type Props = SelectTriggerProps;
+    type State = BaseSelect.Trigger.State;
+}
+declare namespace SelectScrollUpButton {
+    type Props = SelectScrollUpButtonProps;
+    type State = BaseSelect.ScrollUpArrow.State;
+}
+declare namespace SelectScrollDownButton {
+    type Props = SelectScrollDownButtonProps;
+    type State = BaseSelect.ScrollDownArrow.State;
+}
+declare namespace SelectContent {
+    type Props = SelectContentProps;
+    type State = BaseSelect.Popup.State;
+}
+declare namespace SelectLabel {
+    type Props = SelectLabelProps;
+    type State = BaseSelect.GroupLabel.State;
+}
+declare namespace SelectItem {
+    type Props = SelectItemProps;
+    type State = BaseSelect.Item.State;
+}
+declare namespace SelectSeparator {
+    type Props = SelectSeparatorProps;
+    type State = BaseSelect.Separator.State;
+}
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
 //# sourceMappingURL=select.d.ts.map

package/dist/components/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAgBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAUxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAU1B,CAAC;AAGH,QAAA,MAAM,aAAa,8JA0BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAkBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IACtG,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC5G,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IACzH,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC;IAC7H,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;IAC/G,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;IAC7G,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IACtG,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC;IAChH,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAkBjE;kBAlBQ,MAAM;;;AAqBf;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW,+HAAmB,CAAC;AAErC;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW,gIAAmB,CAAC;AAGrC;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,aAAa,2GAoBlB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAiB7B;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,sBAAsB,CAAC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcjG;kBAdQ,sBAAsB;;;AAiB/B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,aAAa,wGA4BlB,CAAC;AAGF;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAiBpB;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAmBzE;kBAnBQ,UAAU;;;AAsBnB;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAanF;kBAbQ,eAAe;;;AAiBxB,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;CAC9C;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;CACpD;AAGD,kBAAU,sBAAsB,CAAC;IAC/B,KAAY,KAAK,GAAG,2BAA2B,CAAC;IAChD,KAAY,KAAK,GAAG,UAAU,CAAC,eAAe,CAAC,KAAK,CAAC;CACtD;AAGD,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,eAAe,CAAC;IACxB,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;CAChD;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/components/ui/select.js

@@ -1,93 +1,178 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Select } from "@base-ui/react/select";
+import { useRender } from "@base-ui/react/use-render";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import { forwardRef } from "react";
+import { forwardRef, useCallback } from "react";
 import { cn } from "../../lib/utilities.js";
-const Select = Root;
-const SelectGroup = Group;
-const SelectValue = Value;
-const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+import select_module from "./select.module.js";
+function select_Select(props) {
+    const { onValueChange, ...otherProps } = props;
+    const handleChange = useCallback((value)=>{
+        if (onValueChange && "string" == typeof value) onValueChange(value);
+    }, [
+        onValueChange
+    ]);
+    return /*#__PURE__*/ jsx(Select.Root, {
+        onValueChange: handleChange,
+        ...otherProps
+    });
+}
+select_Select.displayName = "Select";
+const SelectGroup = Select.Group;
+SelectGroup.displayName = "SelectGroup";
+const SelectValue = Select.Value;
+SelectValue.displayName = "SelectValue";
+const SelectTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Select.Trigger, {
         ref: ref,
-        className: cn("flex h-9 w-full items-center justify-between rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm ring-offset-white focus:ring-1 focus:ring-neutral-950 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-neutral-500 dark:border-neutral-800 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[placeholder]:text-neutral-400 [&>span]:line-clamp-1", className),
-        ...props,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(select_module.trigger, className)
+            }, {})
+        }),
         children: [
             children,
-            /*#__PURE__*/ jsx(Icon, {
-                asChild: true,
+            /*#__PURE__*/ jsx(Select.Icon, {
+                className: select_module.icon,
                 children: /*#__PURE__*/ jsx(ChevronDown, {
-                    className: "h-4 w-4 opacity-50"
+                    className: select_module.iconSvg
                 })
             })
         ]
-    }));
-SelectTrigger.displayName = Trigger.displayName;
-const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollUpButton, {
-        ref: ref,
-        className: cn("flex cursor-default items-center justify-center py-1", className),
-        ...props,
-        children: /*#__PURE__*/ jsx(ChevronUp, {
-            className: "h-4 w-4"
+    });
+});
+SelectTrigger.displayName = "SelectTrigger";
+function SelectScrollUpButton(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Select.ScrollUpArrow, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(select_module.scrollButton, className)
+            }, {})
+        }),
+        children: children ?? /*#__PURE__*/ jsx(ChevronUp, {
+            className: select_module.scrollIcon
         })
-    }));
-SelectScrollUpButton.displayName = ScrollUpButton.displayName;
-const SelectScrollDownButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollDownButton, {
-        ref: ref,
-        className: cn("flex cursor-default items-center justify-center py-1", className),
-        ...props,
-        children: /*#__PURE__*/ jsx(ChevronDown, {
-            className: "h-4 w-4"
+    });
+}
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+function SelectScrollDownButton(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Select.ScrollDownArrow, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(select_module.scrollButton, className)
+            }, {})
+        }),
+        children: children ?? /*#__PURE__*/ jsx(ChevronDown, {
+            className: select_module.scrollIcon
         })
-    }));
-SelectScrollDownButton.displayName = ScrollDownButton.displayName;
-const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = "popper", ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsxs(Content, {
-            ref: ref,
-            className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-            position: position,
-            ...props,
-            children: [
-                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
-                /*#__PURE__*/ jsx(Viewport, {
-                    className: cn("p-1", "popper" === position && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
-                    children: children
+    });
+}
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+const SelectContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, sideOffset = 4, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Select.Portal, {
+        children: /*#__PURE__*/ jsx(Select.Positioner, {
+            sideOffset: sideOffset,
+            ...otherProps,
+            render: useRender({
+                defaultTagName: "div",
+                props: mergeProps({
+                    className: select_module.positioner
+                }, {})
+            }),
+            children: /*#__PURE__*/ jsxs(Select.Popup, {
+                ref: ref,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(select_module.popup, className)
+                    }, {})
                 }),
-                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
-            ]
+                children: [
+                    /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                    /*#__PURE__*/ jsx(Select.List, {
+                        className: select_module.list,
+                        children: children
+                    }),
+                    /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+                ]
+            })
         })
-    }));
-SelectContent.displayName = Content.displayName;
-const SelectLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
-        ref: ref,
-        className: cn("px-2 py-1.5 text-sm font-semibold", className),
-        ...props
-    }));
-SelectLabel.displayName = Label.displayName;
-const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Item, {
-        ref: ref,
-        className: cn("relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
-        ...props,
+    });
+});
+SelectContent.displayName = "SelectContent";
+function SelectLabel(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Select.GroupLabel, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(select_module.label, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+SelectLabel.displayName = "SelectLabel";
+function SelectItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Select.Item, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(select_module.item, className)
+            }, {})
+        }),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                className: select_module.itemIndicatorSlot,
+                children: /*#__PURE__*/ jsx(Select.ItemIndicator, {
                     children: /*#__PURE__*/ jsx(Check, {
-                        className: "h-4 w-4"
+                        className: select_module.itemIndicatorIcon
                     })
                 })
             }),
-            /*#__PURE__*/ jsx(ItemText, {
+            /*#__PURE__*/ jsx(Select.ItemText, {
+                className: select_module.itemText,
                 children: children
             })
         ]
-    }));
-SelectItem.displayName = Item.displayName;
-const SelectSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
-        ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800", className),
-        ...props
-    }));
-SelectSeparator.displayName = Separator.displayName;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+    });
+}
+SelectItem.displayName = "SelectItem";
+function SelectSeparator(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Select.Separator, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(select_module.separator, className)
+            }, {})
+        })
+    });
+}
+SelectSeparator.displayName = "SelectSeparator";
+export { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, select_Select as Select };
 
 //# sourceMappingURL=select.js.map

package/dist/components/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\r\nimport {Check, ChevronDown, ChevronUp} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\n\r\nconst SelectGroup = SelectPrimitive.Group;\r\n\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <SelectPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-9 w-full items-center justify-between rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm ring-offset-white focus:ring-1 focus:ring-neutral-950 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-neutral-500 dark:border-neutral-800 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[placeholder]:text-neutral-400 [&>span]:line-clamp-1\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {children}\r\n    <SelectPrimitive.Icon asChild>\r\n      <ChevronDown className='h-4 w-4 opacity-50' />\r\n    </SelectPrimitive.Icon>\r\n  </SelectPrimitive.Trigger>\r\n));\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.ScrollUpButton\r\n    ref={ref}\r\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n    {...props}>\r\n    <ChevronUp className='h-4 w-4' />\r\n  </SelectPrimitive.ScrollUpButton>\r\n));\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.ScrollDownButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.ScrollDownButton\r\n    ref={ref}\r\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n    {...props}>\r\n    <ChevronDown className='h-4 w-4' />\r\n  </SelectPrimitive.ScrollDownButton>\r\n));\r\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\r\n\r\nconst SelectContent = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({className, children, position = \"popper\", ...props}, ref) => (\r\n  <SelectPrimitive.Portal>\r\n    <SelectPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        position === \"popper\"\r\n          && \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n        className,\r\n      )}\r\n      position={position}\r\n      {...props}>\r\n      <SelectScrollUpButton />\r\n      <SelectPrimitive.Viewport\r\n        className={cn(\r\n          \"p-1\",\r\n          position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\r\n        )}>\r\n        {children}\r\n      </SelectPrimitive.Viewport>\r\n      <SelectScrollDownButton />\r\n    </SelectPrimitive.Content>\r\n  </SelectPrimitive.Portal>\r\n));\r\nSelectContent.displayName = SelectPrimitive.Content.displayName;\r\n\r\nconst SelectLabel = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\r\n\r\nconst SelectItem = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({className, children, ...props}, ref) => (\r\n  <SelectPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <span className='absolute right-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <SelectPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </SelectPrimitive.ItemIndicator>\r\n    </span>\r\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n  </SelectPrimitive.Item>\r\n));\r\nSelectItem.displayName = SelectPrimitive.Item.displayName;\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\r\n\r\nexport {\r\n  Select,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n};\r\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":";;;;;;AAQA,MAAMA,SAASC;AAEf,MAAMC,cAAcD;AAEpB,MAAME,cAAcF;AAEpB,MAAMG,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,SAAuB;QACtB,KAAKQ;QACL,WAAWC,GACT,+bACAJ;QAED,GAAGE,KAAK;;YACRD;0BACD,IAACN,MAAoB;gBAAC,SAAO;0BAC3B,kBAACU,aAAWA;oBAAC,WAAU;;;;;AAI7BP,cAAc,WAAW,GAAGH,QAAAA,WAAmC;AAE/D,MAAMW,uBAAuB,WAAvBA,GAAuBP,WAG3B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,gBAA8B;QAC7B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACK,WAASA;YAAC,WAAU;;;AAGzBD,qBAAqB,WAAW,GAAGX,eAAAA,WAA0C;AAE7E,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,kBAAgC;QAC/B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACG,aAAWA;YAAC,WAAU;;;AAG3BG,uBAAuB,WAAW,GAAGb,iBAAAA,WAA4C;AAEjF,MAAMc,gBAAgB,WAAhBA,GAAgBV,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAES,WAAW,QAAQ,EAAE,GAAGR,OAAM,EAAEC,MAAAA,WAAAA,GACvD,IAACR,QAAsB;kBACrB,mBAACA,SAAuB;YACtB,KAAKQ;YACL,WAAWC,GACT,4nBACAM,AAAa,aAAbA,YACK,mIACLV;YAEF,UAAUU;YACT,GAAGR,KAAK;;8BACT,IAACI,sBAAAA,CAAAA;8BACD,IAACX,UAAwB;oBACvB,WAAWS,GACT,OACAM,AAAa,aAAbA,YAAyB;8BAE1BT;;8BAEH,IAACO,wBAAAA,CAAAA;;;;AAIPC,cAAc,WAAW,GAAGd,QAAAA,WAAmC;AAE/D,MAAMgB,cAAc,WAAdA,GAAcZ,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAqB;QACpB,KAAKQ;QACL,WAAWC,GAAG,qCAAqCJ;QAClD,GAAGE,KAAK;;AAGbS,YAAY,WAAW,GAAGhB,MAAAA,WAAiC;AAE3D,MAAMiB,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,MAAoB;QACnB,KAAKQ;QACL,WAAWC,GACT,iRACAJ;QAED,GAAGE,KAAK;;0BACT,IAAC;gBAAK,WAAU;0BACd,kBAACP,eAA6B;8BAC5B,kBAACkB,OAAKA;wBAAC,WAAU;;;;0BAGrB,IAAClB,UAAwB;0BAAEM;;;;AAG/BW,WAAW,WAAW,GAAGjB,KAAAA,WAAgC;AAEzD,MAAMmB,kBAAkB,WAAlBA,GAAkBf,WAGtB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,WAAyB;QACxB,KAAKQ;QACL,WAAWC,GAAG,sDAAsDJ;QACnE,GAAGE,KAAK;;AAGbY,gBAAgB,WAAW,GAAGnB,UAAAA,WAAqC"}
+{"version":3,"file":"components/ui/select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Select as BaseSelect} from \"@base-ui/react/select\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Check, ChevronDown, ChevronUp} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./select.module.css\";\r\n\r\ninterface SelectProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Root>, \"onValueChange\"> {\r\n  /** Called when the selected value changes and resolves to a string. @default undefined */\r\n  onValueChange?: (value: string) => void;\r\n}\r\n\r\ninterface SelectTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Trigger>, \"className\"> {\r\n  /** Additional CSS classes merged with the select trigger styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface SelectScrollUpButtonProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.ScrollUpArrow>, \"className\"> {\r\n  /** Additional CSS classes merged with the scroll-up control styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface SelectScrollDownButtonProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.ScrollDownArrow>, \"className\"> {\r\n  /** Additional CSS classes merged with the scroll-down control styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface SelectContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Positioner>, \"className\"> {\r\n  /** Additional CSS classes merged with the select popup styles. @default undefined */\r\n  className?: string;\r\n  /** The offset in pixels between the trigger and the popup. @default 4 */\r\n  sideOffset?: number;\r\n}\r\n\r\ninterface SelectLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.GroupLabel>, \"className\"> {\r\n  /** Additional CSS classes merged with the group label styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface SelectItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Item>, \"className\"> {\r\n  /** Additional CSS classes merged with the select item styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface SelectSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseSelect.Separator>, \"className\"> {\r\n  /** Additional CSS classes merged with the separator styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates select state, keyboard navigation, and value management.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant select parts\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Select defaultValue=\"one\">\r\n *   <SelectTrigger />\r\n *   <SelectContent>\r\n *     <SelectItem value=\"one\">One</SelectItem>\r\n *   </SelectContent>\r\n * </Select>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nfunction Select(props: Readonly<Select.Props>): React.ReactElement {\r\n  const {onValueChange, ...otherProps} = props;\r\n\r\n  const handleChange = React.useCallback(\r\n    (value: unknown) => {\r\n      if (onValueChange && typeof value === \"string\") {\r\n        onValueChange(value);\r\n      }\r\n    },\r\n    [onValueChange],\r\n  );\r\n\r\n  return (\r\n    <BaseSelect.Root\r\n      onValueChange={handleChange as React.ComponentPropsWithRef<typeof BaseSelect.Root>[\"onValueChange\"]}\r\n      {...otherProps}\r\n    />\r\n  );\r\n}\r\nSelect.displayName = \"Select\";\r\n\r\n/**\r\n * Groups related select items into a shared logical section.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default beyond the underlying grouped option container\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectGroup>\r\n *   <SelectLabel>Team</SelectLabel>\r\n *   <SelectItem value=\"one\">One</SelectItem>\r\n * </SelectGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nconst SelectGroup = BaseSelect.Group;\r\nSelectGroup.displayName = \"SelectGroup\";\r\n/**\r\n * Displays the currently selected option inside the trigger.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default beyond the underlying value slot\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports composition through surrounding select trigger rendering\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectValue placeholder=\"Select an option\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nconst SelectValue = BaseSelect.Value;\r\nSelectValue.displayName = \"SelectValue\";\r\n\r\n/**\r\n * Opens the select popup and displays the current selected value.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectTrigger>\r\n *   <SelectValue />\r\n * </SelectTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nconst SelectTrigger = React.forwardRef<React.ComponentRef<typeof BaseSelect.Trigger>, SelectTrigger.Props>(\r\n  (props: Readonly<SelectTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSelect.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n        })}>\r\n        {children}\r\n        <BaseSelect.Icon className={styles.icon}>\r\n          <ChevronDown className={styles.iconSvg} />\r\n        </BaseSelect.Icon>\r\n      </BaseSelect.Trigger>\r\n    );\r\n  },\r\n);\r\nSelectTrigger.displayName = \"SelectTrigger\";\r\n\r\n/**\r\n * Scrolls the select list upward when the popup overflows its viewport.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Pass `children` to override the default `ChevronUp` icon\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectScrollUpButton />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nfunction SelectScrollUpButton(props: Readonly<SelectScrollUpButton.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSelect.ScrollUpArrow\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.scrollButton, className)}, {}),\r\n      })}>\r\n      {children ?? <ChevronUp className={styles.scrollIcon} />}\r\n    </BaseSelect.ScrollUpArrow>\r\n  );\r\n}\r\nSelectScrollUpButton.displayName = \"SelectScrollUpButton\";\r\n\r\n/**\r\n * Scrolls the select list downward when the popup overflows its viewport.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Pass `children` to override the default `ChevronDown` icon\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectScrollDownButton />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nfunction SelectScrollDownButton(props: Readonly<SelectScrollDownButton.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSelect.ScrollDownArrow\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.scrollButton, className)}, {}),\r\n      })}>\r\n      {children ?? <ChevronDown className={styles.scrollIcon} />}\r\n    </BaseSelect.ScrollDownArrow>\r\n  );\r\n}\r\nSelectScrollDownButton.displayName = \"SelectScrollDownButton\";\r\n\r\n/**\r\n * Portals and positions the select popup with scroll affordances.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectContent>\r\n *   <SelectItem value=\"one\">One</SelectItem>\r\n * </SelectContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nconst SelectContent = React.forwardRef<React.ComponentRef<typeof BaseSelect.Popup>, SelectContent.Props>(\r\n  (props: Readonly<SelectContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSelect.Portal>\r\n        <BaseSelect.Positioner\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseSelect.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n            })}>\r\n            <SelectScrollUpButton />\r\n            <BaseSelect.List className={styles.list}>{children}</BaseSelect.List>\r\n            <SelectScrollDownButton />\r\n          </BaseSelect.Popup>\r\n        </BaseSelect.Positioner>\r\n      </BaseSelect.Portal>\r\n    );\r\n  },\r\n);\r\nSelectContent.displayName = \"SelectContent\";\r\n\r\n/**\r\n * Labels a logical group of options inside the select popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectLabel>Team</SelectLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nfunction SelectLabel(props: Readonly<SelectLabel.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSelect.GroupLabel\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseSelect.GroupLabel>\r\n  );\r\n}\r\nSelectLabel.displayName = \"SelectLabel\";\r\n\r\n/**\r\n * Renders a selectable option row within the select popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectItem value=\"one\">One</SelectItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nfunction SelectItem(props: Readonly<SelectItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSelect.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, className)}, {}),\r\n      })}>\r\n      <span className={styles.itemIndicatorSlot}>\r\n        <BaseSelect.ItemIndicator>\r\n          <Check className={styles.itemIndicatorIcon} />\r\n        </BaseSelect.ItemIndicator>\r\n      </span>\r\n      <BaseSelect.ItemText className={styles.itemText}>{children}</BaseSelect.ItemText>\r\n    </BaseSelect.Item>\r\n  );\r\n}\r\nSelectItem.displayName = \"SelectItem\";\r\n\r\n/**\r\n * Separates groups of options inside the select popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/select | Base UI Select}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <SelectSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/select | Base UI Documentation}\r\n */\r\nfunction SelectSeparator(props: Readonly<SelectSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSelect.Separator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\nSelectSeparator.displayName = \"SelectSeparator\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Select {\r\n  export type Props = SelectProps;\r\n  export type State = BaseSelect.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectTrigger {\r\n  export type Props = SelectTriggerProps;\r\n  export type State = BaseSelect.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectScrollUpButton {\r\n  export type Props = SelectScrollUpButtonProps;\r\n  export type State = BaseSelect.ScrollUpArrow.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectScrollDownButton {\r\n  export type Props = SelectScrollDownButtonProps;\r\n  export type State = BaseSelect.ScrollDownArrow.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectContent {\r\n  export type Props = SelectContentProps;\r\n  export type State = BaseSelect.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectLabel {\r\n  export type Props = SelectLabelProps;\r\n  export type State = BaseSelect.GroupLabel.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectItem {\r\n  export type Props = SelectItemProps;\r\n  export type State = BaseSelect.Item.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SelectSeparator {\r\n  export type Props = SelectSeparatorProps;\r\n  export type State = BaseSelect.Separator.State;\r\n}\r\n\r\nexport {\r\n  Select,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n};\r\n"],"names":["Select","props","onValueChange","otherProps","handleChange","React","value","BaseSelect","SelectGroup","SelectValue","SelectTrigger","ref","className","children","render","useRender","mergeProps","cn","styles","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","sideOffset","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}