@raystack/apsara 0.42.0 → 0.44.0

package/dist/v1/components/select/select-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,KAAK,SAAS,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AACF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAQF,eAAO,MAAM,gBAAgB,0BAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,+DAMpB,gBAAgB,WAAW,4CA2C7B,CAAC"}

package/dist/v1/components/select/select-root.js

@@ -0,0 +1,41 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { createContext, useContext, useState, useRef, useCallback } from 'react';
+import { Root as Root2 } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+
+/*
+Root context to manage the Select control
+@remarks Only for internal usage.
+*/
+const SelectContext = createContext(undefined);
+const useSelectContext = () => {
+    const context = useContext(SelectContext);
+    if (!context) {
+        throw new Error("useSelectContext must be used within a SelectProvider");
+    }
+    return context;
+};
+const SelectRoot = ({ children, value, onValueChange, defaultValue, ...props }) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const icons = useRef({});
+    const computedValue = value ?? internalValue;
+    const icon = computedValue && icons.current?.[computedValue];
+    const setValue = (_value) => {
+        onValueChange?.(_value);
+        setInternalValue(_value);
+    };
+    const registerIcon = useCallback((value, icon) => {
+        icons.current = { ...icons.current, [value]: icon };
+    }, []);
+    const unregisterIcon = useCallback(value => {
+        const { [value]: _, ...rest } = icons.current;
+        icons.current = rest;
+    }, []);
+    return (jsxRuntimeExports.jsx(SelectContext.Provider, { value: {
+            registerIcon,
+            unregisterIcon,
+            value: { value: computedValue, icon },
+        }, children: jsxRuntimeExports.jsx(Root2, { value: computedValue, onValueChange: setValue, ...props, children: children }) }));
+};
+
+export { SelectRoot, useSelectContext };
+//# sourceMappingURL=select-root.js.map

package/dist/v1/components/select/select-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-root.js","sources":["../../../../v1/components/select/select-root.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\n\ntype IconType = Record<string, ReactNode>;\ntype ValueType = {\n  value?: string;\n  icon?: ReactNode;\n};\ntype SelectContextValue = {\n  value: ValueType;\n  registerIcon: (value: string, icon: ReactNode) => void;\n  unregisterIcon: (value: string) => void;\n};\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"useSelectContext must be used within a SelectProvider\");\n  }\n  return context;\n};\n\nexport const SelectRoot = ({\n  children,\n  value,\n  onValueChange,\n  defaultValue,\n  ...props\n}: SelectPrimitive.SelectProps) => {\n  const [internalValue, setInternalValue] = useState<string | undefined>(\n    defaultValue,\n  );\n  const icons = useRef<IconType>({});\n\n  const computedValue = value ?? internalValue;\n  const icon = computedValue && icons.current?.[computedValue];\n\n  const setValue = (_value: string) => {\n    onValueChange?.(_value);\n    setInternalValue(_value);\n  };\n\n  const registerIcon = useCallback<SelectContextValue[\"registerIcon\"]>(\n    (value, icon) => {\n      icons.current = { ...icons.current, [value]: icon };\n    },\n    [],\n  );\n  const unregisterIcon = useCallback<SelectContextValue[\"unregisterIcon\"]>(\n    value => {\n      const { [value]: _, ...rest } = icons.current;\n      icons.current = rest;\n    },\n    [],\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        registerIcon,\n        unregisterIcon,\n        value: { value: computedValue, icon },\n      }}>\n      <SelectPrimitive.Root\n        value={computedValue}\n        onValueChange={setValue}\n        {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":["_jsx","SelectPrimitive.Root"],"mappings":";;;;AAsBA;;;AAGE;AACF,MAAM,aAAa,GAAG,aAAa,CAAiC,SAAS,CAAC,CAAC;AAExE,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;AACD,IAAA,OAAO,OAAO,CAAC;AACjB,EAAE;AAEW,MAAA,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,GAAG,KAAK,EACoB,KAAI;IAChC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,YAAY,CACb,CAAC;AACF,IAAA,MAAM,KAAK,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,KAAK,IAAI,aAAa,CAAC;IAC7C,MAAM,IAAI,GAAG,aAAa,IAAI,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,CAAC;AAE7D,IAAA,MAAM,QAAQ,GAAG,CAAC,MAAc,KAAI;AAClC,QAAA,aAAa,GAAG,MAAM,CAAC,CAAC;QACxB,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC3B,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAK,EAAE,IAAI,KAAI;AACd,QAAA,KAAK,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC;KACrD,EACD,EAAE,CACH,CAAC;AACF,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,KAAK,IAAG;AACN,QAAA,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;AAC9C,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;KACtB,EACD,EAAE,CACH,CAAC;AAEF,IAAA,QACEA,qBAAC,CAAA,aAAa,CAAC,QAAQ,EAAA,EACrB,KAAK,EAAE;YACL,YAAY;YACZ,cAAc;AACd,YAAA,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;AACtC,SAAA,EAAA,QAAA,EACDA,sBAACC,KAAoB,EACnB,EAAA,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,QAAQ,KACnB,KAAK,EAAA,QAAA,EACR,QAAQ,EACY,CAAA,EAAA,CACA,EACzB;AACJ;;;;"}

package/dist/v1/components/select/select-trigger.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var select_module = require('./select.module.css.cjs');
+
+const trigger = index$1.cva(select_module.default.trigger, {
+    variants: {
+        size: {
+            small: select_module.default["trigger-small"],
+            medium: select_module.default["trigger-medium"],
+        },
+        variant: {
+            outline: select_module.default["trigger-outline"],
+            text: select_module.default["trigger-text"],
+        },
+    },
+    defaultVariants: {
+        size: "medium",
+        variant: "outline",
+    },
+});
+const SelectTrigger = React.forwardRef(({ size, variant, className, children, iconProps = {}, "aria-label": ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || "Select option", style: {
+        ...style,
+        display: "flex",
+        justifyContent: "space-between",
+    }, onPointerDown: e => {
+        if (stopPropagation) {
+            e.stopPropagation();
+        }
+    }, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.triggerContent, children: children }), jsxRuntime.jsxRuntimeExports.jsx(index.Icon, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: select_module.default.triggerIcon, "aria-hidden": "true", ...iconProps }) })] })));
+SelectTrigger.displayName = index.Trigger.displayName;
+
+exports.SelectTrigger = SelectTrigger;
+//# sourceMappingURL=select-trigger.cjs.map

package/dist/v1/components/select/select-trigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-trigger.cjs","sources":["../../../../v1/components/select/select-trigger.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport interface AriaProps {\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: boolean;\n  \"aria-invalid\"?: boolean;\n}\n\nexport interface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } & AriaProps &\n    TriggerStyleProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      \"aria-label\": ariaLabel,\n      style,\n      stopPropagation = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={trigger({ size, variant, className })}\n      aria-label={ariaLabel || \"Select option\"}\n      style={{\n        ...style,\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n      onPointerDown={e => {\n        if (stopPropagation) {\n          e.stopPropagation();\n        }\n      }}\n      {...props}>\n      <div className={styles.triggerContent}>{children}</div>\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon\n          className={styles.triggerIcon}\n          aria-hidden=\"true\"\n          {...iconProps}\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":["cva","styles","forwardRef","_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","ChevronDownIcon"],"mappings":";;;;;;;;;AA6BA,MAAM,OAAO,GAAGA,WAAG,CAACC,qBAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,qBAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,aAAa,GAAGC,gBAAU,CAQrC,CACE,EACE,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,iCAAC,CAAAC,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EACpC,SAAS,IAAI,eAAe,EACxC,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,IAAG;QACjB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CACTC,gCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEJ,qBAAM,CAAC,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EACvDI,gCAAC,CAAAC,UAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,iCAACE,8BAAe,EAAA,EACd,SAAS,EAAEN,qBAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,EACD;AACF,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-trigger.d.ts

@@ -0,0 +1,26 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { VariantProps } from "class-variance-authority";
+export interface AriaProps {
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-required"?: boolean;
+    "aria-invalid"?: boolean;
+}
+export interface TriggerStyleProps {
+    style?: React.CSSProperties;
+    className?: string;
+    stopPropagation?: boolean;
+}
+export interface IconProps extends React.SVGAttributes<SVGElement> {
+    children?: never;
+    color?: string;
+}
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | null | undefined;
+    variant?: "text" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    children?: import("react").ReactNode;
+} & {
+    iconProps?: IconProps | undefined;
+} & AriaProps & TriggerStyleProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=select-trigger.d.ts.map

package/dist/v1/components/select/select-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-trigger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,aAAa;;;;;;;qFA+CzB,CAAC"}

package/dist/v1/components/select/select-trigger.js

@@ -0,0 +1,36 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { Trigger, Icon } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import styles from './select.module.css.js';
+
+const trigger = cva(styles.trigger, {
+    variants: {
+        size: {
+            small: styles["trigger-small"],
+            medium: styles["trigger-medium"],
+        },
+        variant: {
+            outline: styles["trigger-outline"],
+            text: styles["trigger-text"],
+        },
+    },
+    defaultVariants: {
+        size: "medium",
+        variant: "outline",
+    },
+});
+const SelectTrigger = forwardRef(({ size, variant, className, children, iconProps = {}, "aria-label": ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntimeExports.jsxs(Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || "Select option", style: {
+        ...style,
+        display: "flex",
+        justifyContent: "space-between",
+    }, onPointerDown: e => {
+        if (stopPropagation) {
+            e.stopPropagation();
+        }
+    }, ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.triggerContent, children: children }), jsxRuntimeExports.jsx(Icon, { asChild: true, children: jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles.triggerIcon, "aria-hidden": "true", ...iconProps }) })] })));
+SelectTrigger.displayName = Trigger.displayName;
+
+export { SelectTrigger };
+//# sourceMappingURL=select-trigger.js.map

package/dist/v1/components/select/select-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-trigger.js","sources":["../../../../v1/components/select/select-trigger.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport interface AriaProps {\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: boolean;\n  \"aria-invalid\"?: boolean;\n}\n\nexport interface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } & AriaProps &\n    TriggerStyleProps\n>(\n  (\n    {\n      size,\n      variant,\n      className,\n      children,\n      iconProps = {},\n      \"aria-label\": ariaLabel,\n      style,\n      stopPropagation = false,\n      ...props\n    },\n    ref,\n  ) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={trigger({ size, variant, className })}\n      aria-label={ariaLabel || \"Select option\"}\n      style={{\n        ...style,\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n      onPointerDown={e => {\n        if (stopPropagation) {\n          e.stopPropagation();\n        }\n      }}\n      {...props}>\n      <div className={styles.triggerContent}>{children}</div>\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon\n          className={styles.triggerIcon}\n          aria-hidden=\"true\"\n          {...iconProps}\n        />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n"],"names":["_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon"],"mappings":";;;;;;;AA6BA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,UAAU,CAQrC,CACE,EACE,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,sBAAC,CAAAC,OAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EACpC,SAAS,IAAI,eAAe,EACxC,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,IAAG;QACjB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CACTC,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EACvDA,qBAAC,CAAAC,IAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,sBAAC,eAAe,EAAA,EACd,SAAS,EAAE,MAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,EACD;AACF,aAAa,CAAC,WAAW,GAAGD,OAAuB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-value.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs');
+var select_module = require('./select.module.css.cjs');
+var selectRoot = require('./select-root.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+
+const SelectValue = React.forwardRef(({ children, ...props }, ref) => {
+    const { value } = selectRoot.useSelectContext();
+    const leadingIcon = value?.icon;
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: index.cx(select_module.default.valueContent), children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.leadingIcon, children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(index$1.Value, { ref: ref, ...props, children: children })] }));
+});
+SelectValue.displayName = index$1.Value.displayName;
+
+exports.SelectValue = SelectValue;
+//# sourceMappingURL=select-value.cjs.map

package/dist/v1/components/select/select-value.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-value.cjs","sources":["../../../../v1/components/select/select-value.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport styles from \"./select.module.css\";\nimport { useSelectContext } from \"./select-root\";\nimport { cx } from \"class-variance-authority\";\n\nexport const SelectValue = forwardRef<\n  ElementRef<typeof SelectPrimitive.Value>,\n  SelectPrimitive.SelectValueProps\n>(({ children, ...props }, ref) => {\n  const { value } = useSelectContext();\n  const leadingIcon = value?.icon;\n\n  return (\n    <div className={cx(styles.valueContent)}>\n      {leadingIcon && <div className={styles.leadingIcon}>{leadingIcon}</div>}\n      <SelectPrimitive.Value ref={ref} {...props}>\n        {children}\n      </SelectPrimitive.Value>\n    </div>\n  );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":["forwardRef","useSelectContext","_jsxs","cx","styles","_jsx","SelectPrimitive.Value"],"mappings":";;;;;;;;;AAMa,MAAA,WAAW,GAAGA,gBAAU,CAGnC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChC,IAAA,MAAM,EAAE,KAAK,EAAE,GAAGC,2BAAgB,EAAE,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,CAAC;AAEhC,IAAA,QACEC,iCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,QAAE,CAACC,qBAAM,CAAC,YAAY,CAAC,aACpC,WAAW,IAAIC,0CAAK,SAAS,EAAED,qBAAM,CAAC,WAAW,EAAG,QAAA,EAAA,WAAW,GAAO,EACvEC,gCAAA,CAACC,aAAqB,EAAC,EAAA,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,QAAA,EACvC,QAAQ,EACa,CAAA,CAAA,EAAA,CACpB,EACN;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGA,aAAqB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-value.d.ts

@@ -0,0 +1,3 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=select-value.d.ts.map

package/dist/v1/components/select/select-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-value.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-value.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,eAAO,MAAM,WAAW,8HAetB,CAAC"}

package/dist/v1/components/select/select-value.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { Value } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import styles from './select.module.css.js';
+import { useSelectContext } from './select-root.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+
+const SelectValue = forwardRef(({ children, ...props }, ref) => {
+    const { value } = useSelectContext();
+    const leadingIcon = value?.icon;
+    return (jsxRuntimeExports.jsxs("div", { className: cx(styles.valueContent), children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.leadingIcon, children: leadingIcon }), jsxRuntimeExports.jsx(Value, { ref: ref, ...props, children: children })] }));
+});
+SelectValue.displayName = Value.displayName;
+
+export { SelectValue };
+//# sourceMappingURL=select-value.js.map

package/dist/v1/components/select/select-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-value.js","sources":["../../../../v1/components/select/select-value.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport styles from \"./select.module.css\";\nimport { useSelectContext } from \"./select-root\";\nimport { cx } from \"class-variance-authority\";\n\nexport const SelectValue = forwardRef<\n  ElementRef<typeof SelectPrimitive.Value>,\n  SelectPrimitive.SelectValueProps\n>(({ children, ...props }, ref) => {\n  const { value } = useSelectContext();\n  const leadingIcon = value?.icon;\n\n  return (\n    <div className={cx(styles.valueContent)}>\n      {leadingIcon && <div className={styles.leadingIcon}>{leadingIcon}</div>}\n      <SelectPrimitive.Value ref={ref} {...props}>\n        {children}\n      </SelectPrimitive.Value>\n    </div>\n  );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":["_jsxs","_jsx","SelectPrimitive.Value"],"mappings":";;;;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChC,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,CAAC;AAEhC,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,aACpC,WAAW,IAAIC,+BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAG,QAAA,EAAA,WAAW,GAAO,EACvEA,qBAAA,CAACC,KAAqB,EAAC,EAAA,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,QAAA,EACvC,QAAQ,EACa,CAAA,CAAA,EAAA,CACpB,EACN;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGA,KAAqB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select.cjs

@@ -1,92 +1,22 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var React = require('react');
-var text = require('../text/text.cjs');
-var select_module = require('./select.module.css.cjs');
+var selectTrigger = require('./select-trigger.cjs');
+var selectContent = require('./select-content.cjs');
+var selectItem = require('./select-item.cjs');
+var selectValue = require('./select-value.cjs');
+var selectRoot = require('./select-root.cjs');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const trigger = index$1.cva(select_module.default.trigger, {
-    variants: {
-        size: {
-            small: select_module.default["trigger-small"],
-            medium: select_module.default["trigger-medium"],
-        },
-        variant: {
-            outline: select_module.default["trigger-outline"],
-            text: select_module.default["trigger-text"],
-        }
-    },
-    defaultVariants: {
-        size: "medium",
-        variant: "outline",
-    },
-});
-const SelectTrigger = React__namespace.forwardRef(({ size, variant, className, children, iconProps = {}, 'aria-label': ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', role: "combobox", style: {
-        ...style,
-        display: 'flex',
-        justifyContent: 'space-between'
-    }, onPointerDown: (e) => {
-        if (stopPropagation) {
-            e.stopPropagation();
-        }
-    }, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.triggerContent, children: children }), jsxRuntime.jsxRuntimeExports.jsx(index.Icon, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: select_module.default.triggerIcon, "aria-hidden": "true", ...iconProps }) })] })));
-SelectTrigger.displayName = index.Trigger.displayName;
-const content = index$1.cva(select_module.default.content);
-const SelectContent = React__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, className: content({ className }), position: position, role: "listbox", onPointerDownOutside: (e) => {
-            e.stopPropagation();
-        }, ...props, children: children }) })));
-SelectContent.displayName = index.Content.displayName;
-const menuitem = index$1.cva(select_module.default.menuitem);
-const SelectIconContext = React__namespace.createContext({
-    icons: {},
-    registerIcon: () => { }
-});
-const SelectRoot = ({ children, disabled, ...props }) => {
-    const [icons, setIcons] = React__namespace.useState({});
-    const registerIcon = React__namespace.useCallback((value, icon) => {
-        setIcons(prev => ({ ...prev, [value]: icon }));
-    }, []);
-    return (jsxRuntime.jsxRuntimeExports.jsx(SelectIconContext.Provider, { value: { icons, registerIcon }, children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { disabled: disabled, ...props, children: children }) }));
-};
-const SelectItem = React__namespace.forwardRef(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Item, { ref: ref, className: menuitem({ className }), role: "option", ...props, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(index.ItemText, { children: jsxRuntime.jsxRuntimeExports.jsx(text.Text, { ...textProps, children: children }) })] })));
-SelectItem.displayName = index.Item.displayName;
-const separator = index$1.cva(select_module.default.separator);
-const SelectSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Separator, { ref: ref, className: separator({ className }), ...props })));
-SelectSeparator.displayName = index.Separator.displayName;
-const SelectValue = React__namespace.forwardRef(({ leadingIcon, children, placeholder, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Value, { ref: ref, placeholder: placeholder, ...props, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: select_module.default.valueContent, title: typeof children === 'string' ? children : undefined, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.leadingIcon, children: leadingIcon }), children] }) })));
-SelectValue.displayName = index.Value.displayName;
-const Select = Object.assign(SelectRoot, {
+const Select = Object.assign(selectRoot.SelectRoot, {
     Group: index.Group,
-    Value: SelectValue,
+    Value: selectValue.SelectValue,
     ScrollUpButton: index.ScrollDownButton,
     ScrollDownButton: index.ScrollDownButton,
     Viewport: index.Viewport,
-    Trigger: SelectTrigger,
-    Content: SelectContent,
-    Item: SelectItem,
-    Separator: SelectSeparator,
+    Trigger: selectTrigger.SelectTrigger,
+    Content: selectContent.SelectContent,
+    Item: selectItem.SelectItem,
+    Separator: index.Separator,
 });
 
 exports.Select = Select;

package/dist/v1/components/select/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Text } from \"../text\";\nimport { TextProps } from \"../text/text\";\nimport styles from \"./select.module.css\";\n\ninterface AriaProps {\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  'aria-required'?: boolean;\n  'aria-invalid'?: boolean;\n}\n\ninterface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\ninterface SelectValueProps extends SelectPrimitive.SelectValueProps {\n  leadingIcon?: React.ReactNode;\n  placeholder?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    }\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    React.PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } &\n    AriaProps &\n    TriggerStyleProps\n>(({ \n  size, \n  variant, \n  className, \n  children, \n  iconProps = {}, \n  'aria-label': ariaLabel,\n  style,\n  stopPropagation = false,\n  ...props \n}, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={trigger({ size, variant, className })}\n    aria-label={ariaLabel || 'Select option'}\n    role=\"combobox\"\n    style={{\n      ...style,\n      display: 'flex',\n      justifyContent: 'space-between'\n    }}\n    onPointerDown={(e) => {\n      if (stopPropagation) {\n        e.stopPropagation();\n      }\n    }}\n    {...props}\n  >\n    <div className={styles.triggerContent}>\n      {children}\n    </div>\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon \n        className={styles.triggerIcon} \n        aria-hidden=\"true\"\n        {...iconProps} \n      />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst content = cva(styles.content);\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={content({ className })}\n      position={position}\n      role=\"listbox\"\n      onPointerDownOutside={(e) => {\n        e.stopPropagation();\n      }}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\n\nconst SelectIconContext = React.createContext<{\n  icons: Record<string, React.ReactNode>;\n  registerIcon: (value: string, icon: React.ReactNode) => void;\n}>({\n  icons: {},\n  registerIcon: () => {}\n});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps {\n  disabled?: boolean;\n}\n\nconst SelectRoot = ({ children, disabled, ...props }: SelectRootProps) => {\n  const [icons, setIcons] = React.useState<Record<string, React.ReactNode>>({});\n  \n  const registerIcon = React.useCallback((value: string, icon: React.ReactNode) => {\n    setIcons(prev => ({ ...prev, [value]: icon }));\n  }, []);\n  \n  return (\n    <SelectIconContext.Provider value={{ icons, registerIcon }}>\n      <SelectPrimitive.Root disabled={disabled} {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectIconContext.Provider>\n  );\n};\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    role=\"option\"\n    {...props}\n  >\n    {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n    <SelectPrimitive.ItemText>\n      <Text {...textProps}>{children}</Text>\n    </SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst separator = cva(styles.separator);\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nconst SelectValue = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ leadingIcon, children, placeholder, ...props }, ref) => (\n  <SelectPrimitive.Value \n    ref={ref} \n    placeholder={placeholder}\n    {...props}\n  >\n    <div \n      className={styles.valueContent}\n      title={typeof children === 'string' ? children : undefined}\n    >\n      {leadingIcon && <div className={styles.leadingIcon}>{leadingIcon}</div>}\n      {children}\n    </div>\n  </SelectPrimitive.Value>\n));\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"names":["cva","styles","React","_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","ChevronDownIcon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Root","SelectPrimitive.Item","SelectPrimitive.ItemText","Text","SelectPrimitive.Separator","SelectPrimitive.Value","SelectPrimitive.Group","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":"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"}
+{"version":3,"file":"select.cjs","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectValue } from \"./select-value\";\nimport { SelectRoot } from \"./select-root\";\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectPrimitive.Separator,\n});\n"],"names":["SelectRoot","SelectPrimitive.Group","SelectValue","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport","SelectTrigger","SelectContent","SelectItem","SelectPrimitive.Separator"],"mappings":";;;;;;;;;MAOa,MAAM,GAAG,MAAM,CAAC,MAAM,CAACA,qBAAU,EAAE;IAC9C,KAAK,EAAEC,WAAqB;AAC5B,IAAA,KAAK,EAAEC,uBAAW;IAClB,cAAc,EAAEC,sBAAgC;IAChD,gBAAgB,EAAEA,sBAAgC;IAClD,QAAQ,EAAEC,cAAwB;AAClC,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,OAAO,EAAEC,2BAAa;AACtB,IAAA,IAAI,EAAEC,qBAAU;IAChB,SAAS,EAAEC,eAAyB;AACrC,CAAA;;;;"}

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

@@ -1,50 +1,23 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-interface AriaProps {
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    'aria-required'?: boolean;
-    'aria-invalid'?: boolean;
-}
-interface TriggerStyleProps {
-    style?: React.CSSProperties;
-    className?: string;
-    stopPropagation?: boolean;
-}
-export interface IconProps extends React.SVGAttributes<SVGElement> {
-    children?: never;
-    color?: string;
-}
-interface SelectValueProps extends SelectPrimitive.SelectValueProps {
-    leadingIcon?: React.ReactNode;
-    placeholder?: string;
-}
-interface SelectRootProps extends SelectPrimitive.SelectProps {
-    disabled?: boolean;
-}
-export declare const Select: (({ children, disabled, ...props }: SelectRootProps) => import("react/jsx-runtime").JSX.Element) & {
-    Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Value: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-    ScrollUpButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
-    ScrollDownButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+export declare const Select: (({ children, value, onValueChange, defaultValue, ...props }: SelectPrimitive.SelectProps) => import("react/jsx-runtime").JSX.Element) & {
+    Group: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Value: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ScrollUpButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+    ScrollDownButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+    Viewport: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
         size?: "small" | "medium" | null | undefined;
         variant?: "text" | "outline" | null | undefined;
     } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
     } & {
-        iconProps?: IconProps | undefined;
-    } & AriaProps & TriggerStyleProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        textProps?: any;
-        leadingIcon?: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+        iconProps?: import("./select-trigger").IconProps | undefined;
+    } & import("./select-trigger").AriaProps & import("./select-trigger").TriggerStyleProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        textProps?: import("../text").TextBaseProps | undefined;
+        leadingIcon?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-export {};
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,gBAAiB,SAAQ,eAAe,CAAC,gBAAgB;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuGD,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwED,eAAO,MAAM,MAAM,sCAtEmC,eAAe;;;;;;;;;;;;;;;;;;;sBAoBnD,MAAM,SAAS;;;CA4D/B,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}

package/dist/v1/components/select/select.js

@@ -1,61 +1,10 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { Trigger, Icon, Portal, Content as Content2, Item, ItemText, Separator, Value, Group, ScrollDownButton, Viewport, Root as Root2 } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import * as React from 'react';
-import { Text } from '../text/text.js';
-import styles from './select.module.css.js';
+import { Group, ScrollDownButton, Viewport, Separator } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { SelectTrigger } from './select-trigger.js';
+import { SelectContent } from './select-content.js';
+import { SelectItem } from './select-item.js';
+import { SelectValue } from './select-value.js';
+import { SelectRoot } from './select-root.js';
 
-const trigger = cva(styles.trigger, {
-    variants: {
-        size: {
-            small: styles["trigger-small"],
-            medium: styles["trigger-medium"],
-        },
-        variant: {
-            outline: styles["trigger-outline"],
-            text: styles["trigger-text"],
-        }
-    },
-    defaultVariants: {
-        size: "medium",
-        variant: "outline",
-    },
-});
-const SelectTrigger = React.forwardRef(({ size, variant, className, children, iconProps = {}, 'aria-label': ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntimeExports.jsxs(Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', role: "combobox", style: {
-        ...style,
-        display: 'flex',
-        justifyContent: 'space-between'
-    }, onPointerDown: (e) => {
-        if (stopPropagation) {
-            e.stopPropagation();
-        }
-    }, ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.triggerContent, children: children }), jsxRuntimeExports.jsx(Icon, { asChild: true, children: jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles.triggerIcon, "aria-hidden": "true", ...iconProps }) })] })));
-SelectTrigger.displayName = Trigger.displayName;
-const content = cva(styles.content);
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, className: content({ className }), position: position, role: "listbox", onPointerDownOutside: (e) => {
-            e.stopPropagation();
-        }, ...props, children: children }) })));
-SelectContent.displayName = Content2.displayName;
-const menuitem = cva(styles.menuitem);
-const SelectIconContext = React.createContext({
-    icons: {},
-    registerIcon: () => { }
-});
-const SelectRoot = ({ children, disabled, ...props }) => {
-    const [icons, setIcons] = React.useState({});
-    const registerIcon = React.useCallback((value, icon) => {
-        setIcons(prev => ({ ...prev, [value]: icon }));
-    }, []);
-    return (jsxRuntimeExports.jsx(SelectIconContext.Provider, { value: { icons, registerIcon }, children: jsxRuntimeExports.jsx(Root2, { disabled: disabled, ...props, children: children }) }));
-};
-const SelectItem = React.forwardRef(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (jsxRuntimeExports.jsxs(Item, { ref: ref, className: menuitem({ className }), role: "option", ...props, children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsxRuntimeExports.jsx(ItemText, { children: jsxRuntimeExports.jsx(Text, { ...textProps, children: children }) })] })));
-SelectItem.displayName = Item.displayName;
-const separator = cva(styles.separator);
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Separator, { ref: ref, className: separator({ className }), ...props })));
-SelectSeparator.displayName = Separator.displayName;
-const SelectValue = React.forwardRef(({ leadingIcon, children, placeholder, ...props }, ref) => (jsxRuntimeExports.jsx(Value, { ref: ref, placeholder: placeholder, ...props, children: jsxRuntimeExports.jsxs("div", { className: styles.valueContent, title: typeof children === 'string' ? children : undefined, children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.leadingIcon, children: leadingIcon }), children] }) })));
-SelectValue.displayName = Value.displayName;
 const Select = Object.assign(SelectRoot, {
     Group: Group,
     Value: SelectValue,
@@ -65,7 +14,7 @@ const Select = Object.assign(SelectRoot, {
     Trigger: SelectTrigger,
     Content: SelectContent,
     Item: SelectItem,
-    Separator: SelectSeparator,
+    Separator: Separator,
 });
 
 export { Select };

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Text } from \"../text\";\nimport { TextProps } from \"../text/text\";\nimport styles from \"./select.module.css\";\n\ninterface AriaProps {\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  'aria-required'?: boolean;\n  'aria-invalid'?: boolean;\n}\n\ninterface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\ninterface SelectValueProps extends SelectPrimitive.SelectValueProps {\n  leadingIcon?: React.ReactNode;\n  placeholder?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    }\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    React.PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } &\n    AriaProps &\n    TriggerStyleProps\n>(({ \n  size, \n  variant, \n  className, \n  children, \n  iconProps = {}, \n  'aria-label': ariaLabel,\n  style,\n  stopPropagation = false,\n  ...props \n}, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={trigger({ size, variant, className })}\n    aria-label={ariaLabel || 'Select option'}\n    role=\"combobox\"\n    style={{\n      ...style,\n      display: 'flex',\n      justifyContent: 'space-between'\n    }}\n    onPointerDown={(e) => {\n      if (stopPropagation) {\n        e.stopPropagation();\n      }\n    }}\n    {...props}\n  >\n    <div className={styles.triggerContent}>\n      {children}\n    </div>\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon \n        className={styles.triggerIcon} \n        aria-hidden=\"true\"\n        {...iconProps} \n      />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst content = cva(styles.content);\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={content({ className })}\n      position={position}\n      role=\"listbox\"\n      onPointerDownOutside={(e) => {\n        e.stopPropagation();\n      }}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\n\nconst SelectIconContext = React.createContext<{\n  icons: Record<string, React.ReactNode>;\n  registerIcon: (value: string, icon: React.ReactNode) => void;\n}>({\n  icons: {},\n  registerIcon: () => {}\n});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps {\n  disabled?: boolean;\n}\n\nconst SelectRoot = ({ children, disabled, ...props }: SelectRootProps) => {\n  const [icons, setIcons] = React.useState<Record<string, React.ReactNode>>({});\n  \n  const registerIcon = React.useCallback((value: string, icon: React.ReactNode) => {\n    setIcons(prev => ({ ...prev, [value]: icon }));\n  }, []);\n  \n  return (\n    <SelectIconContext.Provider value={{ icons, registerIcon }}>\n      <SelectPrimitive.Root disabled={disabled} {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectIconContext.Provider>\n  );\n};\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    role=\"option\"\n    {...props}\n  >\n    {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n    <SelectPrimitive.ItemText>\n      <Text {...textProps}>{children}</Text>\n    </SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst separator = cva(styles.separator);\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nconst SelectValue = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ leadingIcon, children, placeholder, ...props }, ref) => (\n  <SelectPrimitive.Value \n    ref={ref} \n    placeholder={placeholder}\n    {...props}\n  >\n    <div \n      className={styles.valueContent}\n      title={typeof children === 'string' ? children : undefined}\n    >\n      {leadingIcon && <div className={styles.leadingIcon}>{leadingIcon}</div>}\n      {children}\n    </div>\n  </SelectPrimitive.Value>\n));\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"names":["_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Root","SelectPrimitive.Item","SelectPrimitive.ItemText","SelectPrimitive.Separator","SelectPrimitive.Value","SelectPrimitive.Group","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectValue } from \"./select-value\";\nimport { SelectRoot } from \"./select-root\";\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectPrimitive.Separator,\n});\n"],"names":["SelectPrimitive.Group","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport","SelectPrimitive.Separator"],"mappings":";;;;;;;MAOa,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC9C,KAAK,EAAEA,KAAqB;AAC5B,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEC,gBAAgC;IAChD,gBAAgB,EAAEA,gBAAgC;IAClD,QAAQ,EAAEC,QAAwB;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;IAChB,SAAS,EAAEC,SAAyB;AACrC,CAAA;;;;"}

package/dist/v1/components/spinner/spinner.cjs

@@ -17,7 +17,11 @@ const spinner = index.cva(spinner_module.default.spinner, {
         },
         color: {
             default: spinner_module.default["spinner-color-default"],
-            inverted: spinner_module.default["spinner-color-inverted"],
+            neutral: spinner_module.default["spinner-color-neutral"],
+            accent: spinner_module.default["spinner-color-accent"],
+            danger: spinner_module.default["spinner-color-danger"],
+            success: spinner_module.default["spinner-color-success"],
+            attention: spinner_module.default["spinner-color-attention"],
         }
     },
     defaultVariants: {