@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.3

package/dist/kernel/components/ui/scroll-area.js

@@ -0,0 +1,390 @@
+"use client";
+
+// src/kernel/components/ui/scroll-area.tsx
+import { ScrollArea as BaseScrollArea } from "@base-ui/react/scroll-area";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/scroll-area.tsx
+import { cva } from "class-variance-authority";
+import {
+  Children,
+  forwardRef,
+  isValidElement,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var scrollAreaVariants = cva(
+  "relative overflow-hidden rounded-scrollarea text-foreground-1",
+  {
+    variants: {
+      variant: {
+        default: "",
+        gradient: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var DEFAULT_MASK_SIZE = 24;
+function mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (!ref) continue;
+      if (typeof ref === "function") {
+        ref(value);
+      } else {
+        ref.current = value;
+      }
+    }
+  };
+}
+function normalizeMaskConfig({
+  mask,
+  orientation,
+  variant
+}) {
+  if (mask === false) return null;
+  if (!mask && variant !== "gradient") return null;
+  const maskConfig = typeof mask === "object" ? mask : {};
+  const axis = maskConfig.axis ?? (orientation === "horizontal" ? "horizontal" : "vertical");
+  const size = maskConfig.size ?? (axis === "horizontal" ? maskConfig.width : maskConfig.height) ?? maskConfig.height ?? maskConfig.width ?? DEFAULT_MASK_SIZE;
+  return {
+    axis,
+    size,
+    triggerSize: maskConfig.triggerSize ?? size
+  };
+}
+function createMaskValue({
+  axis,
+  endSize,
+  startSize
+}) {
+  const direction = axis === "horizontal" ? "to right" : "to bottom";
+  return `linear-gradient(${direction}, transparent 0, black ${startSize}px, black calc(100% - ${endSize}px), transparent 100%)`;
+}
+function initialMaskStyle(mask) {
+  if (!mask) return {};
+  const maskValue = createMaskValue({
+    axis: mask.axis,
+    endSize: mask.size,
+    startSize: 0
+  });
+  return {
+    WebkitMaskImage: maskValue,
+    maskImage: maskValue
+  };
+}
+function isScrollAreaBlock(child) {
+  return isValidElement(child) && (child.type === ScrollAreaViewport || child.type === ScrollAreaContent || child.type === ScrollAreaScrollbar || child.type === ScrollAreaThumb || child.type === ScrollAreaCorner);
+}
+function hasScrollAreaBlocks(children) {
+  return Children.toArray(children).some(isScrollAreaBlock);
+}
+var ScrollAreaRoot = forwardRef(function ScrollAreaRoot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseScrollArea.Root,
+    {
+      className: cn("relative overflow-hidden", className),
+      ref,
+      ...props
+    }
+  );
+});
+function ScrollArea({
+  border = "none",
+  borderEndClassName,
+  borderStartClassName,
+  children,
+  className,
+  contentClassName,
+  contentProps,
+  corner,
+  cornerClassName,
+  cornerProps,
+  mask,
+  orientation = "vertical",
+  scrollbar = true,
+  scrollbarClassName,
+  scrollbarProps,
+  thumbClassName,
+  thumbProps,
+  variant,
+  viewportClassName,
+  viewportProps,
+  viewportRef,
+  ...props
+}) {
+  const internalViewportRef = useRef(null);
+  const [showStartBorder, setShowStartBorder] = useState(false);
+  const [showEndBorder, setShowEndBorder] = useState(false);
+  const maskConfig = typeof mask === "object" ? mask : void 0;
+  const maskFallback = typeof mask === "object" ? true : mask;
+  const hasMaskConfig = maskConfig !== void 0;
+  const maskAxis = maskConfig?.axis;
+  const maskHeight = maskConfig?.height;
+  const maskSize = maskConfig?.size;
+  const maskTriggerSize = maskConfig?.triggerSize;
+  const maskWidth = maskConfig?.width;
+  const normalizedMask = useMemo(
+    () => normalizeMaskConfig({
+      mask: hasMaskConfig ? {
+        axis: maskAxis,
+        height: maskHeight,
+        size: maskSize,
+        triggerSize: maskTriggerSize,
+        width: maskWidth
+      } : maskFallback,
+      orientation,
+      variant
+    }),
+    [
+      hasMaskConfig,
+      maskAxis,
+      maskHeight,
+      maskSize,
+      maskTriggerSize,
+      maskWidth,
+      maskFallback,
+      orientation,
+      variant
+    ]
+  );
+  const viewportStyle = useMemo(
+    () => ({
+      ...initialMaskStyle(normalizedMask),
+      ...viewportProps?.style
+    }),
+    [normalizedMask, viewportProps?.style]
+  );
+  const setViewportRef = useMemo(
+    () => mergeRefs(internalViewportRef, viewportRef),
+    [viewportRef]
+  );
+  useEffect(() => {
+    const viewport = internalViewportRef.current;
+    if (!viewport || !normalizedMask && border === "none") {
+      return;
+    }
+    const updateScrollState = () => {
+      const scrollAxis = normalizedMask?.axis ?? (orientation === "horizontal" ? "horizontal" : "vertical");
+      const isHorizontal = scrollAxis === "horizontal";
+      const scrollOffset = isHorizontal ? viewport.scrollLeft : viewport.scrollTop;
+      const scrollSize = isHorizontal ? viewport.scrollWidth : viewport.scrollHeight;
+      const clientSize = isHorizontal ? viewport.clientWidth : viewport.clientHeight;
+      const maxScroll = Math.max(0, scrollSize - clientSize);
+      const hasOverflow = maxScroll > 1;
+      const showStart = hasOverflow && scrollOffset > 1;
+      const showEnd = hasOverflow && scrollOffset < maxScroll - 1;
+      setShowStartBorder(showStart);
+      setShowEndBorder(showEnd);
+      if (!normalizedMask) return;
+      if (!hasOverflow) {
+        viewport.style.removeProperty("mask-image");
+        viewport.style.removeProperty("-webkit-mask-image");
+        return;
+      }
+      const startSize = Math.min(
+        normalizedMask.size,
+        scrollOffset / normalizedMask.triggerSize * normalizedMask.size
+      );
+      const remainingScroll = maxScroll - scrollOffset;
+      const endSize = Math.min(
+        normalizedMask.size,
+        remainingScroll / normalizedMask.triggerSize * normalizedMask.size
+      );
+      const maskValue = createMaskValue({
+        axis: normalizedMask.axis,
+        endSize,
+        startSize
+      });
+      viewport.style.setProperty("mask-image", maskValue);
+      viewport.style.setProperty("-webkit-mask-image", maskValue);
+    };
+    const resizeObserver = new ResizeObserver(updateScrollState);
+    resizeObserver.observe(viewport);
+    viewport.addEventListener("scroll", updateScrollState, { passive: true });
+    updateScrollState();
+    return () => {
+      resizeObserver.disconnect();
+      viewport.removeEventListener("scroll", updateScrollState);
+    };
+  }, [border, normalizedMask, orientation]);
+  if (hasScrollAreaBlocks(children)) {
+    return /* @__PURE__ */ jsx(
+      ScrollAreaRoot,
+      {
+        className: cn(scrollAreaVariants({ variant }), className),
+        ...props,
+        children
+      }
+    );
+  }
+  const showVerticalScrollbar = scrollbar && orientation !== "horizontal";
+  const showHorizontalScrollbar = scrollbar && orientation !== "vertical";
+  const showCorner = corner ?? orientation === "both";
+  const defaultStartBorderClassName = orientation === "horizontal" ? "border-l-stroke-2" : "border-t-stroke-2";
+  const defaultEndBorderClassName = orientation === "horizontal" ? "border-r-stroke-2" : "border-b-stroke-2";
+  const scrollBorderClassName = orientation === "horizontal" ? cn(
+    border !== "none" && "border-x border-x-transparent transition-colors",
+    (border === "start" || border === "both") && showStartBorder && (borderStartClassName ?? defaultStartBorderClassName),
+    (border === "end" || border === "both") && showEndBorder && (borderEndClassName ?? defaultEndBorderClassName)
+  ) : cn(
+    border !== "none" && "border-y border-y-transparent transition-colors",
+    (border === "start" || border === "both") && showStartBorder && (borderStartClassName ?? defaultStartBorderClassName),
+    (border === "end" || border === "both") && showEndBorder && (borderEndClassName ?? defaultEndBorderClassName)
+  );
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaRoot,
+    {
+      className: cn(
+        scrollAreaVariants({ variant }),
+        scrollBorderClassName,
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaViewport,
+          {
+            ...viewportProps,
+            className: cn(viewportClassName, viewportProps?.className),
+            ref: setViewportRef,
+            style: viewportStyle,
+            children: /* @__PURE__ */ jsx(
+              ScrollAreaContent,
+              {
+                ...contentProps,
+                className: cn(contentClassName, contentProps?.className),
+                children
+              }
+            )
+          }
+        ),
+        showVerticalScrollbar ? /* @__PURE__ */ jsx(
+          ScrollAreaScrollbar,
+          {
+            ...scrollbarProps,
+            className: cn(scrollbarClassName, scrollbarProps?.className),
+            orientation: "vertical",
+            children: /* @__PURE__ */ jsx(
+              ScrollAreaThumb,
+              {
+                ...thumbProps,
+                className: cn(thumbClassName, thumbProps?.className)
+              }
+            )
+          }
+        ) : null,
+        showHorizontalScrollbar ? /* @__PURE__ */ jsx(
+          ScrollAreaScrollbar,
+          {
+            ...scrollbarProps,
+            className: cn(scrollbarClassName, scrollbarProps?.className),
+            orientation: "horizontal",
+            children: /* @__PURE__ */ jsx(
+              ScrollAreaThumb,
+              {
+                ...thumbProps,
+                className: cn(thumbClassName, thumbProps?.className)
+              }
+            )
+          }
+        ) : null,
+        showCorner ? /* @__PURE__ */ jsx(
+          ScrollAreaCorner,
+          {
+            ...cornerProps,
+            className: cn(cornerClassName, cornerProps?.className)
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var ScrollAreaViewport = forwardRef(function ScrollAreaViewport2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseScrollArea.Viewport,
+    {
+      className: cn("size-full rounded-[inherit]", className),
+      ref,
+      ...props
+    }
+  );
+});
+var ScrollAreaContent = forwardRef(function ScrollAreaContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(BaseScrollArea.Content, { className: cn(className), ref, ...props });
+});
+var ScrollAreaScrollbar = forwardRef(function ScrollAreaScrollbar2({ className, orientation = "vertical", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseScrollArea.Scrollbar,
+    {
+      className: cn(
+        "flex touch-none select-none bg-transparent p-0.5 transition-colors",
+        orientation === "vertical" ? "h-full w-2.5" : "h-2.5 w-full",
+        className
+      ),
+      orientation,
+      ref,
+      ...props
+    }
+  );
+});
+var ScrollAreaThumb = forwardRef(function ScrollAreaThumb2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseScrollArea.Thumb,
+    {
+      className: cn(
+        "flex-1 rounded-scrollbar-thumb bg-stroke-2 transition-colors hover:bg-stroke-1",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+var ScrollAreaCorner = forwardRef(function ScrollAreaCorner2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseScrollArea.Corner,
+    {
+      className: cn("bg-transparent", className),
+      ref,
+      ...props
+    }
+  );
+});
+export {
+  ScrollArea,
+  ScrollAreaContent,
+  ScrollAreaCorner,
+  ScrollAreaRoot,
+  ScrollAreaScrollbar,
+  ScrollAreaThumb,
+  ScrollAreaViewport,
+  scrollAreaVariants
+};

package/dist/kernel/components/ui/select.cjs

@@ -0,0 +1,244 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/select.tsx
+var select_exports = {};
+__export(select_exports, {
+  Select: () => Select,
+  SelectGroup: () => SelectGroup,
+  SelectGroupLabel: () => SelectGroupLabel,
+  SelectIcon: () => SelectIcon,
+  SelectItem: () => SelectItem,
+  SelectItemIndicator: () => SelectItemIndicator,
+  SelectItemText: () => SelectItemText,
+  SelectLabel: () => SelectLabel,
+  SelectList: () => SelectList,
+  SelectPopup: () => SelectPopup,
+  SelectPortal: () => SelectPortal,
+  SelectPositioner: () => SelectPositioner,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  selectTriggerVariants: () => selectTriggerVariants
+});
+module.exports = __toCommonJS(select_exports);
+var import_select = require("@base-ui/react/select");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/select.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var selectTriggerVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex w-full min-w-0 items-center justify-between gap-2 rounded-input border border-stroke-2 bg-surface-1 text-foreground-1 transition-colors",
+    "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+    "data-[placeholder]:text-foreground-3 data-[popup-open]:border-focus-ring"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        xs: "h-7 px-2 text-xs",
+        sm: "h-8 px-2.5 text-sm",
+        md: "h-10 px-3 text-sm",
+        lg: "h-11 px-3.5 text-base",
+        xl: "h-12 px-4 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function Select(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Root, { ...props });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Label,
+    {
+      className: cn("text-sm font-medium text-foreground-1", className),
+      ...props
+    }
+  );
+}
+function SelectTrigger({
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Trigger,
+    {
+      className: cn(selectTriggerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Value,
+    {
+      className: cn("min-w-0 flex-1 truncate text-left", className),
+      ...props
+    }
+  );
+}
+function SelectIcon({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Icon,
+    {
+      className: cn(
+        "flex size-4 shrink-0 items-center justify-center text-foreground-3 transition-transform data-[popup-open]:rotate-180",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function SelectPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Portal, { ...props });
+}
+function SelectPositioner({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Positioner,
+    {
+      className: cn("z-50 outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function SelectPopup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Popup,
+    {
+      className: cn(
+        "animate-popup max-h-72 w-[min(calc(var(--anchor-width)+2rem),var(--available-width))] min-w-[var(--anchor-width)] overflow-hidden rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-1 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.List, { className: cn("grid gap-1", className), ...props });
+}
+function SelectItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.Item,
+    {
+      className: cn(
+        "relative flex min-w-0 cursor-default select-none items-center rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] py-1.5 pl-8 pr-2 text-sm text-surface-menu-foreground outline-none",
+        "data-[highlighted]:bg-surface-menu-hover data-[highlighted]:text-surface-menu-hover-foreground data-[selected]:bg-surface-menu-active data-[selected]:text-surface-menu-active-foreground",
+        "data-disabled:pointer-events-none data-disabled:text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectItemIndicator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.ItemIndicator,
+    {
+      className: cn(
+        "absolute left-2 flex size-4 items-center justify-center text-accent-1",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+}
+function SelectItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.ItemText,
+    {
+      className: cn("min-w-0 flex-1 truncate", className),
+      ...props
+    }
+  );
+}
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Group, { className: cn("grid gap-1", className), ...props });
+}
+function SelectGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_select.Select.GroupLabel,
+    {
+      className: cn(
+        "px-2 py-1 text-xs font-medium text-surface-menu-disabled-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select,
+  SelectGroup,
+  SelectGroupLabel,
+  SelectIcon,
+  SelectItem,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectList,
+  SelectPopup,
+  SelectPortal,
+  SelectPositioner,
+  SelectTrigger,
+  SelectValue,
+  selectTriggerVariants
+});

package/dist/kernel/components/ui/select.d.cts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef } from 'react';
+
+type SelectRootProps = ComponentPropsWithoutRef<typeof Select$1.Root>;
+type SelectLabelProps = ComponentPropsWithoutRef<typeof Select$1.Label>;
+declare const selectTriggerVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+type SelectTriggerProps = ComponentPropsWithoutRef<typeof Select$1.Trigger> & SelectTriggerVariantProps;
+type SelectValueProps = ComponentPropsWithoutRef<typeof Select$1.Value>;
+type SelectIconProps = ComponentPropsWithoutRef<typeof Select$1.Icon>;
+type SelectPortalProps = ComponentPropsWithoutRef<typeof Select$1.Portal>;
+type SelectPositionerProps = ComponentPropsWithoutRef<typeof Select$1.Positioner>;
+type SelectPopupProps = ComponentPropsWithoutRef<typeof Select$1.Popup>;
+type SelectListProps = ComponentPropsWithoutRef<typeof Select$1.List>;
+type SelectItemProps = ComponentPropsWithoutRef<typeof Select$1.Item>;
+type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof Select$1.ItemIndicator>;
+type SelectItemTextProps = ComponentPropsWithoutRef<typeof Select$1.ItemText>;
+type SelectGroupProps = ComponentPropsWithoutRef<typeof Select$1.Group>;
+type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof Select$1.GroupLabel>;
+declare function Select(props: SelectRootProps): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ className, ...props }: SelectValueProps): react_jsx_runtime.JSX.Element;
+declare function SelectIcon({ children, className, ...props }: SelectIconProps): react_jsx_runtime.JSX.Element;
+declare function SelectPortal(props: SelectPortalProps): react_jsx_runtime.JSX.Element;
+declare function SelectPositioner({ className, sideOffset, ...props }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
+declare function SelectPopup({ className, ...props }: SelectPopupProps): react_jsx_runtime.JSX.Element;
+declare function SelectList({ className, ...props }: SelectListProps): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
+declare function SelectItemIndicator({ children, className, ...props }: SelectItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function SelectItemText({ className, ...props }: SelectItemTextProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ className, ...props }: SelectGroupProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectRootProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerVariantProps, SelectValue, type SelectValueProps, selectTriggerVariants };