@codefast/ui 0.0.9 → 0.0.11

package/dist/scroll-area.mjs

@@ -7,36 +7,30 @@ import {
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
-      /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
+var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+  /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
+  /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
+  /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+] }));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollAreaScrollbar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.Scrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
-  }
-));
+var ScrollAreaScrollbar = React.forwardRef(
+  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.Scrollbar,
+    {
+      ref,
+      orientation,
+      className: cn(
+        "flex touch-none select-none transition-colors",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
+    }
+  )
+);
 ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
 export {
   ScrollArea,

package/dist/scroll-area.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaProps = ScrollAreaPrimitive.ScrollAreaProps;\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollAreaScrollbar orientation=\"vertical\" />\n    <ScrollAreaScrollbar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarProps = ScrollAreaPrimitive.ScrollAreaScrollbarProps;\nconst ScrollAreaScrollbar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-px\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-px\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n  </ScrollAreaPrimitive.Scrollbar>\n));\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  ScrollArea,\n  ScrollAreaScrollbar,\n  type ScrollAreaProps,\n  type ScrollAreaScrollbarProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAYnC,SAKE,KALF;AAJF,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAqB,8BAApB,EAA6B,WAAU,+BACrC,UACH;AAAA,MACA,oBAAC,uBAAoB,aAAY,YAAW;AAAA,MAC5C,oBAAC,uBAAoB,aAAY,cAAa;AAAA,MAC9C,oBAAqB,4BAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAkC,yBAAK;AAOlD,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cACd;AAAA,MACF,gBAAgB,gBACd;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,oBAAoB,cAAkC,8BAAU;","names":[]}
+{"version":3,"sources":["../src/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;\ntype ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>;\n\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root ref={ref} className={cn(\"relative overflow-hidden\", className)} {...props}>\n    <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">{children}</ScrollAreaPrimitive.Viewport>\n    <ScrollAreaScrollbar orientation=\"vertical\" />\n    <ScrollAreaScrollbar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\n\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarElement = React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>;\ntype ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;\n\nconst ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollAreaScrollbarProps>(\n  ({ className, orientation = \"vertical\", ...props }, ref) => (\n    <ScrollAreaPrimitive.Scrollbar\n      ref={ref}\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none select-none transition-colors\",\n        orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-px\",\n        orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-px\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  ),\n);\n\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar, type ScrollAreaProps, type ScrollAreaScrollbarProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAWnC,SACE,KADF;AADF,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAC1G,qBAAqB,0BAApB,EAAyB,KAAU,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAC5F;AAAA,sBAAqB,8BAApB,EAA6B,WAAU,+BAA+B,UAAS;AAAA,EAChF,oBAAC,uBAAoB,aAAY,YAAW;AAAA,EAC5C,oBAAC,uBAAoB,aAAY,cAAa;AAAA,EAC9C,oBAAqB,4BAApB,EAA2B;AAAA,GAC9B,CACD;AAED,WAAW,cAAkC,yBAAK;AASlD,IAAM,sBAA4B;AAAA,EAChC,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QAClD;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,cAAc;AAAA,QAC9B,gBAAgB,gBAAgB;AAAA,QAChC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA;AAAA,EAC1F;AAEJ;AAEA,oBAAoB,cAAkC,8BAAU;","names":[]}

package/dist/section.js

@@ -2,12 +2,10 @@
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reactslot = require('@radix-ui/react-slot');
 var _jsxruntime = require('react/jsx-runtime');
-var Section = React.forwardRef(
-  ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? _reactslot.Slot : "section";
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
-  }
-);
+var Section = React.forwardRef(({ asChild, ...props }, ref) => {
+  const Component = asChild ? _reactslot.Slot : "section";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, ...props });
+});
 Section.displayName = "Section";
 
 

package/dist/section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/section.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,QAAQ,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Section\n * -------------------------------------------------------------------------- */\n\ninterface SectionProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\nconst Section = React.forwardRef<HTMLElement, SectionProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"section\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nSection.displayName = \"Section\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Section, type SectionProps };\n"]}
+{"version":3,"sources":["../src/section.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAeZ;AAHT,IAAM,UAAgB,iBAAyC,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7F,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,QAAQ,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Section\n * -------------------------------------------------------------------------- */\n\ntype SectionElement = HTMLElement;\n\ninterface SectionProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\n\nconst Section = React.forwardRef<SectionElement, SectionProps>(({ asChild, ...props }, ref) => {\n  const Component = asChild ? Slot : \"section\";\n\n  return <Component ref={ref} {...props} />;\n});\n\nSection.displayName = \"Section\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Section, type SectionProps };\n"]}

package/dist/section.mjs

@@ -2,12 +2,10 @@
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
-var Section = React.forwardRef(
-  ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ jsx(Comp, { ref, ...props });
-  }
-);
+var Section = React.forwardRef(({ asChild, ...props }, ref) => {
+  const Component = asChild ? Slot : "section";
+  return /* @__PURE__ */ jsx(Component, { ref, ...props });
+});
 Section.displayName = "Section";
 export {
   Section

package/dist/section.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/section.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Section\n * -------------------------------------------------------------------------- */\n\ninterface SectionProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\nconst Section = React.forwardRef<HTMLElement, SectionProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"section\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nSection.displayName = \"Section\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Section, type SectionProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,QAAQ,cAAc;","names":[]}
+{"version":3,"sources":["../src/section.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Section\n * -------------------------------------------------------------------------- */\n\ntype SectionElement = HTMLElement;\n\ninterface SectionProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\n\nconst Section = React.forwardRef<SectionElement, SectionProps>(({ asChild, ...props }, ref) => {\n  const Component = asChild ? Slot : \"section\";\n\n  return <Component ref={ref} {...props} />;\n});\n\nSection.displayName = \"Section\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Section, type SectionProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAeZ;AAHT,IAAM,UAAgB,iBAAyC,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7F,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,QAAQ,cAAc;","names":[]}

package/dist/segmented.d.mts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+
+type RemovedProps = "value" | "asChild" | "defaultChecked" | "defaultValue";
+type SegmentedProps = Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>, RemovedProps | "disabled" | "type" | "onValueChange"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+declare const Segmented: React.ForwardRefExoticComponent<Omit<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">, "disabled" | "type" | "onValueChange" | RemovedProps> & {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+type SegmentedItemProps = Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, RemovedProps | "disabled" | "type"> & {
+    value: string;
+};
+declare const SegmentedItem: React.ForwardRefExoticComponent<Omit<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "type" | RemovedProps> & {
+    value: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Segmented, SegmentedItem, type SegmentedItemProps, type SegmentedProps };

package/dist/segmented.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+
+type RemovedProps = "value" | "asChild" | "defaultChecked" | "defaultValue";
+type SegmentedProps = Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>, RemovedProps | "disabled" | "type" | "onValueChange"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+declare const Segmented: React.ForwardRefExoticComponent<Omit<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">, "disabled" | "type" | "onValueChange" | RemovedProps> & {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+type SegmentedItemProps = Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, RemovedProps | "disabled" | "type"> & {
+    value: string;
+};
+declare const SegmentedItem: React.ForwardRefExoticComponent<Omit<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "type" | RemovedProps> & {
+    value: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Segmented, SegmentedItem, type SegmentedItemProps, type SegmentedProps };

package/dist/segmented.js

@@ -0,0 +1,126 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
+
+// src/segmented.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reacttogglegroup = require('@radix-ui/react-toggle-group'); var ToggleGroupPrimitive = _interopRequireWildcard(_reacttogglegroup);
+var _reactusecontrollablestate = require('@radix-ui/react-use-controllable-state');
+var _reactcontext = require('@radix-ui/react-context');
+var _primitive = require('@radix-ui/primitive');
+var _jsxruntime = require('react/jsx-runtime');
+var SEGMENTED_NAME = "Segmented";
+var [createSegmentedContext] = _reactcontext.createContextScope.call(void 0, SEGMENTED_NAME);
+var [SegmentedProvider, useSegmentedContext] = createSegmentedContext(SEGMENTED_NAME);
+var Segmented = React.forwardRef(
+  ({
+    __scopeSegmented,
+    children,
+    className,
+    value: valueProp,
+    onValueChange: onValueChangeProp,
+    defaultValue: defaultValueProp,
+    ...props
+  }, ref) => {
+    const [value, setValue] = _reactusecontrollablestate.useControllableState.call(void 0, {
+      prop: valueProp,
+      onChange: onValueChangeProp,
+      defaultProp: defaultValueProp
+    });
+    const childCount = React.Children.count(children);
+    const [offset, setOffset] = React.useState({
+      left: 0,
+      top: 0
+    });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SegmentedProvider, { scope: __scopeSegmented, offset, setOffset, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      ToggleGroupPrimitive.Root,
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "bg-background relative isolate inline-grid h-10 min-w-max auto-cols-fr grid-flow-col items-stretch rounded-md border text-center align-top shadow-sm",
+          className
+        ),
+        value,
+        onValueChange: (valueChanged) => {
+          if (valueChanged) {
+            setValue(valueChanged);
+          }
+        },
+        type: "single",
+        ...props,
+        style: {
+          "--offset-left": `${offset.left.toString()}px`,
+          "--offset-top": `${offset.top.toString()}px`,
+          ...props.style
+        },
+        children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: _chunkG3NP7M2Njs.cn.call(void 0, 
+                "pointer-events-none absolute -z-[1] h-full translate-x-[var(--offset-left)] transition-transform",
+                "before:bg-accent before:absolute before:inset-0 before:rounded"
+              ),
+              style: {
+                width: `calc(100% / ${childCount.toString()})`
+              }
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+Segmented.displayName = SEGMENTED_NAME;
+var SEGMENTED_ITEM_NAME = "SegmentedItem";
+var SegmentedItem = React.forwardRef(
+  ({ __scopeSegmented, children, className, onClick, ...props }, ref) => {
+    const { setOffset } = useSegmentedContext(SEGMENTED_ITEM_NAME, __scopeSegmented);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      ToggleGroupPrimitive.Item,
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "group flex select-none items-stretch rounded text-sm first:rounded-l-[inherit] [&:nth-last-child(2)]:rounded-r-[inherit]",
+          "hover:bg-accent/30",
+          "group-aria-checked:text-accent-foreground",
+          className
+        ),
+        onClick: _primitive.composeEventHandlers.call(void 0, onClick, (event) => {
+          setOffset({
+            left: event.currentTarget.offsetLeft,
+            top: event.currentTarget.offsetTop
+          });
+        }),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: _chunkG3NP7M2Njs.cn.call(void 0, 
+                "bg-border my-1.5 w-px transition",
+                "group-first:opacity-0",
+                "group-[:where([data-state=on])+*]:opacity-0 group-aria-checked:opacity-0",
+                "group-focus-visible:opacity-0 group-[&:focus-visible+*]:opacity-0",
+                "group-[:where([data-state=on])+*]:scale-0 group-aria-checked:scale-0",
+                "group-focus-visible:scale-0 group-[&:focus-visible+*]:scale-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex grow items-center justify-center gap-2 px-3 py-1 [&_svg]:shrink-0", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium opacity-0 transition-opacity group-aria-checked:opacity-100", children }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute opacity-100 transition-opacity group-aria-checked:opacity-0", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+SegmentedItem.displayName = SEGMENTED_ITEM_NAME;
+
+
+
+exports.Segmented = Segmented; exports.SegmentedItem = SegmentedItem;
+//# sourceMappingURL=segmented.js.map

package/dist/segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segmented.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,4BAA4B;AACrC,SAAS,0BAAsC;AAC/C,SAAS,4BAA4B;AA+D7B,SAuBE,KAvBF;AAtDR,IAAM,iBAAiB;AAIvB,IAAM,CAAC,sBAAsB,IAAI,mBAAmB,cAAc;AAYlE,IAAM,CAAC,mBAAmB,mBAAmB,IAAI,uBAA8C,cAAc;AAY7G,IAAM,YAAkB;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,MAC7C,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AACD,UAAM,aAAmB,eAAS,MAAM,QAAQ;AAChD,UAAM,CAAC,QAAQ,SAAS,IAAU,eAAiB;AAAA,MACjD,MAAM;AAAA,MACN,KAAK;AAAA,IACP,CAAC;AAED,WACE,oBAAC,qBAAkB,OAAO,kBAAkB,QAAgB,WAC1D;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA,eAAe,CAAC,iBAAiB;AAC/B,cAAI,cAAc;AAChB,qBAAS,YAAY;AAAA,UACvB;AAAA,QACF;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,OACE;AAAA,UACE,iBAAiB,GAAG,OAAO,KAAK,SAAS,CAAC;AAAA,UAC1C,gBAAgB,GAAG,OAAO,IAAI,SAAS,CAAC;AAAA,UACxC,GAAG,MAAM;AAAA,QACX;AAAA,QAGD;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACA,OACE;AAAA,gBACE,OAAO,eAAe,WAAW,SAAS,CAAC;AAAA,cAC7C;AAAA;AAAA,UAEJ;AAAA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAMxB,IAAM,sBAAsB;AAU5B,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,kBAAkB,UAAU,WAAW,SAAS,GAAG,MAAM,GAAoC,QAAQ;AACtG,UAAM,EAAE,UAAU,IAAI,oBAAoB,qBAAqB,gBAAgB;AAE/E,WACE;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,qBAAqB,SAAS,CAAC,UAAU;AAChD,oBAAU;AAAA,YACR,MAAM,MAAM,cAAc;AAAA,YAC1B,KAAK,MAAM,cAAc;AAAA,UAC3B,CAAC;AAAA,QACH,CAAC;AAAA,QACA,GAAG;AAAA,QAGJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEA,qBAAC,UAAK,WAAU,0EAEd;AAAA,gCAAC,UAAK,WAAU,2EAA2E,UAAS;AAAA,YAEpG,oBAAC,UAAK,WAAU,wEAAwE,UAAS;AAAA,aACnG;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { cn } from \"./utils\";\n\ntype RemovedProps = \"value\" | \"asChild\" | \"defaultChecked\" | \"defaultValue\";\n\n/* -----------------------------------------------------------------------------\n * Component: Segmented\n * -------------------------------------------------------------------------- */\n\nconst SEGMENTED_NAME = \"Segmented\";\n\ntype ScopedProps<P> = P & { __scopeSegmented?: Scope };\n\nconst [createSegmentedContext] = createContextScope(SEGMENTED_NAME);\n\ninterface Offset {\n  left: number;\n  top: number;\n}\n\ninterface SegmentedContextValue {\n  offset: Offset;\n  setOffset: React.Dispatch<React.SetStateAction<Offset>>;\n}\n\nconst [SegmentedProvider, useSegmentedContext] = createSegmentedContext<SegmentedContextValue>(SEGMENTED_NAME);\n\ntype SegmentedElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype SegmentedProps = Omit<\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>,\n  RemovedProps | \"disabled\" | \"type\" | \"onValueChange\"\n> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\nconst Segmented = React.forwardRef<SegmentedElement, SegmentedProps>(\n  (\n    {\n      __scopeSegmented,\n      children,\n      className,\n      value: valueProp,\n      onValueChange: onValueChangeProp,\n      defaultValue: defaultValueProp,\n      ...props\n    }: ScopedProps<SegmentedProps>,\n    ref,\n  ) => {\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChangeProp,\n      defaultProp: defaultValueProp,\n    });\n    const childCount = React.Children.count(children);\n    const [offset, setOffset] = React.useState<Offset>({\n      left: 0,\n      top: 0,\n    });\n\n    return (\n      <SegmentedProvider scope={__scopeSegmented} offset={offset} setOffset={setOffset}>\n        <ToggleGroupPrimitive.Root\n          ref={ref}\n          className={cn(\n            \"bg-background relative isolate inline-grid h-10 min-w-max auto-cols-fr grid-flow-col items-stretch rounded-md border text-center align-top shadow-sm\",\n            className,\n          )}\n          value={value}\n          onValueChange={(valueChanged) => {\n            if (valueChanged) {\n              setValue(valueChanged);\n            }\n          }}\n          type=\"single\"\n          {...props}\n          style={\n            {\n              \"--offset-left\": `${offset.left.toString()}px`,\n              \"--offset-top\": `${offset.top.toString()}px`,\n              ...props.style,\n            } as React.CSSProperties\n          }\n        >\n          {children}\n          <div\n            className={cn(\n              \"pointer-events-none absolute -z-[1] h-full translate-x-[var(--offset-left)] transition-transform\",\n              \"before:bg-accent before:absolute before:inset-0 before:rounded\",\n            )}\n            style={\n              {\n                width: `calc(100% / ${childCount.toString()})`,\n              } as React.CSSProperties\n            }\n          />\n        </ToggleGroupPrimitive.Root>\n      </SegmentedProvider>\n    );\n  },\n);\n\nSegmented.displayName = SEGMENTED_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: SegmentedItem\n * -------------------------------------------------------------------------- */\n\nconst SEGMENTED_ITEM_NAME = \"SegmentedItem\";\n\ntype SegmentedItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype SegmentedItemProps = Omit<\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n  RemovedProps | \"disabled\" | \"type\"\n> & {\n  value: string;\n};\n\nconst SegmentedItem = React.forwardRef<SegmentedItemElement, SegmentedItemProps>(\n  ({ __scopeSegmented, children, className, onClick, ...props }: ScopedProps<SegmentedItemProps>, ref) => {\n    const { setOffset } = useSegmentedContext(SEGMENTED_ITEM_NAME, __scopeSegmented);\n\n    return (\n      <ToggleGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          \"group flex select-none items-stretch rounded text-sm first:rounded-l-[inherit] [&:nth-last-child(2)]:rounded-r-[inherit]\",\n          \"hover:bg-accent/30\",\n          \"group-aria-checked:text-accent-foreground\",\n          className,\n        )}\n        onClick={composeEventHandlers(onClick, (event) => {\n          setOffset({\n            left: event.currentTarget.offsetLeft,\n            top: event.currentTarget.offsetTop,\n          });\n        })}\n        {...props}\n      >\n        {/* Separator */}\n        <span\n          className={cn(\n            \"bg-border my-1.5 w-px transition\",\n            \"group-first:opacity-0\",\n            \"group-[:where([data-state=on])+*]:opacity-0 group-aria-checked:opacity-0\",\n            \"group-focus-visible:opacity-0 group-[&:focus-visible+*]:opacity-0\",\n            \"group-[:where([data-state=on])+*]:scale-0 group-aria-checked:scale-0\",\n            \"group-focus-visible:scale-0 group-[&:focus-visible+*]:scale-0\",\n          )}\n        />\n        {/* Label */}\n        <span className=\"flex grow items-center justify-center gap-2 px-3 py-1 [&_svg]:shrink-0\">\n          {/* LabelActive */}\n          <span className=\"font-medium opacity-0 transition-opacity group-aria-checked:opacity-100\">{children}</span>\n          {/* LabelInactive */}\n          <span className=\"absolute opacity-100 transition-opacity group-aria-checked:opacity-0\">{children}</span>\n        </span>\n      </ToggleGroupPrimitive.Item>\n    );\n  },\n);\n\nSegmentedItem.displayName = SEGMENTED_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Segmented, SegmentedItem, type SegmentedProps, type SegmentedItemProps };\n"]}

package/dist/segmented.mjs

@@ -0,0 +1,126 @@
+"use client";
+import {
+  cn
+} from "./chunk-UG3URV2Z.mjs";
+
+// src/segmented.tsx
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { createContextScope } from "@radix-ui/react-context";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SEGMENTED_NAME = "Segmented";
+var [createSegmentedContext] = createContextScope(SEGMENTED_NAME);
+var [SegmentedProvider, useSegmentedContext] = createSegmentedContext(SEGMENTED_NAME);
+var Segmented = React.forwardRef(
+  ({
+    __scopeSegmented,
+    children,
+    className,
+    value: valueProp,
+    onValueChange: onValueChangeProp,
+    defaultValue: defaultValueProp,
+    ...props
+  }, ref) => {
+    const [value, setValue] = useControllableState({
+      prop: valueProp,
+      onChange: onValueChangeProp,
+      defaultProp: defaultValueProp
+    });
+    const childCount = React.Children.count(children);
+    const [offset, setOffset] = React.useState({
+      left: 0,
+      top: 0
+    });
+    return /* @__PURE__ */ jsx(SegmentedProvider, { scope: __scopeSegmented, offset, setOffset, children: /* @__PURE__ */ jsxs(
+      ToggleGroupPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          "bg-background relative isolate inline-grid h-10 min-w-max auto-cols-fr grid-flow-col items-stretch rounded-md border text-center align-top shadow-sm",
+          className
+        ),
+        value,
+        onValueChange: (valueChanged) => {
+          if (valueChanged) {
+            setValue(valueChanged);
+          }
+        },
+        type: "single",
+        ...props,
+        style: {
+          "--offset-left": `${offset.left.toString()}px`,
+          "--offset-top": `${offset.top.toString()}px`,
+          ...props.style
+        },
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "pointer-events-none absolute -z-[1] h-full translate-x-[var(--offset-left)] transition-transform",
+                "before:bg-accent before:absolute before:inset-0 before:rounded"
+              ),
+              style: {
+                width: `calc(100% / ${childCount.toString()})`
+              }
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+Segmented.displayName = SEGMENTED_NAME;
+var SEGMENTED_ITEM_NAME = "SegmentedItem";
+var SegmentedItem = React.forwardRef(
+  ({ __scopeSegmented, children, className, onClick, ...props }, ref) => {
+    const { setOffset } = useSegmentedContext(SEGMENTED_ITEM_NAME, __scopeSegmented);
+    return /* @__PURE__ */ jsxs(
+      ToggleGroupPrimitive.Item,
+      {
+        ref,
+        className: cn(
+          "group flex select-none items-stretch rounded text-sm first:rounded-l-[inherit] [&:nth-last-child(2)]:rounded-r-[inherit]",
+          "hover:bg-accent/30",
+          "group-aria-checked:text-accent-foreground",
+          className
+        ),
+        onClick: composeEventHandlers(onClick, (event) => {
+          setOffset({
+            left: event.currentTarget.offsetLeft,
+            top: event.currentTarget.offsetTop
+          });
+        }),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "bg-border my-1.5 w-px transition",
+                "group-first:opacity-0",
+                "group-[:where([data-state=on])+*]:opacity-0 group-aria-checked:opacity-0",
+                "group-focus-visible:opacity-0 group-[&:focus-visible+*]:opacity-0",
+                "group-[:where([data-state=on])+*]:scale-0 group-aria-checked:scale-0",
+                "group-focus-visible:scale-0 group-[&:focus-visible+*]:scale-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "flex grow items-center justify-center gap-2 px-3 py-1 [&_svg]:shrink-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium opacity-0 transition-opacity group-aria-checked:opacity-100", children }),
+            /* @__PURE__ */ jsx("span", { className: "absolute opacity-100 transition-opacity group-aria-checked:opacity-0", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+SegmentedItem.displayName = SEGMENTED_ITEM_NAME;
+export {
+  Segmented,
+  SegmentedItem
+};
+//# sourceMappingURL=segmented.mjs.map

package/dist/segmented.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segmented.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { cn } from \"./utils\";\n\ntype RemovedProps = \"value\" | \"asChild\" | \"defaultChecked\" | \"defaultValue\";\n\n/* -----------------------------------------------------------------------------\n * Component: Segmented\n * -------------------------------------------------------------------------- */\n\nconst SEGMENTED_NAME = \"Segmented\";\n\ntype ScopedProps<P> = P & { __scopeSegmented?: Scope };\n\nconst [createSegmentedContext] = createContextScope(SEGMENTED_NAME);\n\ninterface Offset {\n  left: number;\n  top: number;\n}\n\ninterface SegmentedContextValue {\n  offset: Offset;\n  setOffset: React.Dispatch<React.SetStateAction<Offset>>;\n}\n\nconst [SegmentedProvider, useSegmentedContext] = createSegmentedContext<SegmentedContextValue>(SEGMENTED_NAME);\n\ntype SegmentedElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype SegmentedProps = Omit<\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>,\n  RemovedProps | \"disabled\" | \"type\" | \"onValueChange\"\n> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\nconst Segmented = React.forwardRef<SegmentedElement, SegmentedProps>(\n  (\n    {\n      __scopeSegmented,\n      children,\n      className,\n      value: valueProp,\n      onValueChange: onValueChangeProp,\n      defaultValue: defaultValueProp,\n      ...props\n    }: ScopedProps<SegmentedProps>,\n    ref,\n  ) => {\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChangeProp,\n      defaultProp: defaultValueProp,\n    });\n    const childCount = React.Children.count(children);\n    const [offset, setOffset] = React.useState<Offset>({\n      left: 0,\n      top: 0,\n    });\n\n    return (\n      <SegmentedProvider scope={__scopeSegmented} offset={offset} setOffset={setOffset}>\n        <ToggleGroupPrimitive.Root\n          ref={ref}\n          className={cn(\n            \"bg-background relative isolate inline-grid h-10 min-w-max auto-cols-fr grid-flow-col items-stretch rounded-md border text-center align-top shadow-sm\",\n            className,\n          )}\n          value={value}\n          onValueChange={(valueChanged) => {\n            if (valueChanged) {\n              setValue(valueChanged);\n            }\n          }}\n          type=\"single\"\n          {...props}\n          style={\n            {\n              \"--offset-left\": `${offset.left.toString()}px`,\n              \"--offset-top\": `${offset.top.toString()}px`,\n              ...props.style,\n            } as React.CSSProperties\n          }\n        >\n          {children}\n          <div\n            className={cn(\n              \"pointer-events-none absolute -z-[1] h-full translate-x-[var(--offset-left)] transition-transform\",\n              \"before:bg-accent before:absolute before:inset-0 before:rounded\",\n            )}\n            style={\n              {\n                width: `calc(100% / ${childCount.toString()})`,\n              } as React.CSSProperties\n            }\n          />\n        </ToggleGroupPrimitive.Root>\n      </SegmentedProvider>\n    );\n  },\n);\n\nSegmented.displayName = SEGMENTED_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: SegmentedItem\n * -------------------------------------------------------------------------- */\n\nconst SEGMENTED_ITEM_NAME = \"SegmentedItem\";\n\ntype SegmentedItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype SegmentedItemProps = Omit<\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n  RemovedProps | \"disabled\" | \"type\"\n> & {\n  value: string;\n};\n\nconst SegmentedItem = React.forwardRef<SegmentedItemElement, SegmentedItemProps>(\n  ({ __scopeSegmented, children, className, onClick, ...props }: ScopedProps<SegmentedItemProps>, ref) => {\n    const { setOffset } = useSegmentedContext(SEGMENTED_ITEM_NAME, __scopeSegmented);\n\n    return (\n      <ToggleGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          \"group flex select-none items-stretch rounded text-sm first:rounded-l-[inherit] [&:nth-last-child(2)]:rounded-r-[inherit]\",\n          \"hover:bg-accent/30\",\n          \"group-aria-checked:text-accent-foreground\",\n          className,\n        )}\n        onClick={composeEventHandlers(onClick, (event) => {\n          setOffset({\n            left: event.currentTarget.offsetLeft,\n            top: event.currentTarget.offsetTop,\n          });\n        })}\n        {...props}\n      >\n        {/* Separator */}\n        <span\n          className={cn(\n            \"bg-border my-1.5 w-px transition\",\n            \"group-first:opacity-0\",\n            \"group-[:where([data-state=on])+*]:opacity-0 group-aria-checked:opacity-0\",\n            \"group-focus-visible:opacity-0 group-[&:focus-visible+*]:opacity-0\",\n            \"group-[:where([data-state=on])+*]:scale-0 group-aria-checked:scale-0\",\n            \"group-focus-visible:scale-0 group-[&:focus-visible+*]:scale-0\",\n          )}\n        />\n        {/* Label */}\n        <span className=\"flex grow items-center justify-center gap-2 px-3 py-1 [&_svg]:shrink-0\">\n          {/* LabelActive */}\n          <span className=\"font-medium opacity-0 transition-opacity group-aria-checked:opacity-100\">{children}</span>\n          {/* LabelInactive */}\n          <span className=\"absolute opacity-100 transition-opacity group-aria-checked:opacity-0\">{children}</span>\n        </span>\n      </ToggleGroupPrimitive.Item>\n    );\n  },\n);\n\nSegmentedItem.displayName = SEGMENTED_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Segmented, SegmentedItem, type SegmentedProps, type SegmentedItemProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,4BAA4B;AACrC,SAAS,0BAAsC;AAC/C,SAAS,4BAA4B;AA+D7B,SAuBE,KAvBF;AAtDR,IAAM,iBAAiB;AAIvB,IAAM,CAAC,sBAAsB,IAAI,mBAAmB,cAAc;AAYlE,IAAM,CAAC,mBAAmB,mBAAmB,IAAI,uBAA8C,cAAc;AAY7G,IAAM,YAAkB;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,MAC7C,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AACD,UAAM,aAAmB,eAAS,MAAM,QAAQ;AAChD,UAAM,CAAC,QAAQ,SAAS,IAAU,eAAiB;AAAA,MACjD,MAAM;AAAA,MACN,KAAK;AAAA,IACP,CAAC;AAED,WACE,oBAAC,qBAAkB,OAAO,kBAAkB,QAAgB,WAC1D;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA,eAAe,CAAC,iBAAiB;AAC/B,cAAI,cAAc;AAChB,qBAAS,YAAY;AAAA,UACvB;AAAA,QACF;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,OACE;AAAA,UACE,iBAAiB,GAAG,OAAO,KAAK,SAAS,CAAC;AAAA,UAC1C,gBAAgB,GAAG,OAAO,IAAI,SAAS,CAAC;AAAA,UACxC,GAAG,MAAM;AAAA,QACX;AAAA,QAGD;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACA,OACE;AAAA,gBACE,OAAO,eAAe,WAAW,SAAS,CAAC;AAAA,cAC7C;AAAA;AAAA,UAEJ;AAAA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAMxB,IAAM,sBAAsB;AAU5B,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,kBAAkB,UAAU,WAAW,SAAS,GAAG,MAAM,GAAoC,QAAQ;AACtG,UAAM,EAAE,UAAU,IAAI,oBAAoB,qBAAqB,gBAAgB;AAE/E,WACE;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,qBAAqB,SAAS,CAAC,UAAU;AAChD,oBAAU;AAAA,YACR,MAAM,MAAM,cAAc;AAAA,YAC1B,KAAK,MAAM,cAAc;AAAA,UAC3B,CAAC;AAAA,QACH,CAAC;AAAA,QACA,GAAG;AAAA,QAGJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEA,qBAAC,UAAK,WAAU,0EAEd;AAAA,gCAAC,UAAK,WAAU,2EAA2E,UAAS;AAAA,YAEpG,oBAAC,UAAK,WAAU,wEAAwE,UAAS;AAAA,aACnG;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":[]}

package/dist/select.d.mts

@@ -1,25 +1,25 @@
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
-type SelectProps = SelectPrimitive.SelectProps;
+type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
-type SelectGroupProps = SelectPrimitive.SelectGroupProps;
+type SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-type SelectValueProps = SelectPrimitive.SelectValueProps;
+type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-type SelectTriggerProps = SelectPrimitive.SelectTriggerProps;
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type SelectScrollUpButtonProps = SelectPrimitive.SelectScrollUpButtonProps;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
-type SelectScrollDownButtonProps = SelectPrimitive.SelectScrollDownButtonProps;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
-type SelectContentProps = SelectPrimitive.SelectContentProps;
-declare const SelectContent: React.ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-type SelectLabelProps = SelectPrimitive.SelectLabelProps;
-declare const SelectLabel: React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
-type SelectItemProps = SelectPrimitive.SelectItemProps;
-declare const SelectItem: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>>;
-type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps;
-declare const SelectSeparator: React.ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/select.d.ts

@@ -1,25 +1,25 @@
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
-type SelectProps = SelectPrimitive.SelectProps;
+type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
-type SelectGroupProps = SelectPrimitive.SelectGroupProps;
+type SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-type SelectValueProps = SelectPrimitive.SelectValueProps;
+type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-type SelectTriggerProps = SelectPrimitive.SelectTriggerProps;
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type SelectScrollUpButtonProps = SelectPrimitive.SelectScrollUpButtonProps;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
-type SelectScrollDownButtonProps = SelectPrimitive.SelectScrollDownButtonProps;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
-type SelectContentProps = SelectPrimitive.SelectContentProps;
-declare const SelectContent: React.ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-type SelectLabelProps = SelectPrimitive.SelectLabelProps;
-declare const SelectLabel: React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
-type SelectItemProps = SelectPrimitive.SelectItemProps;
-declare const SelectItem: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>>;
-type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps;
-declare const SelectSeparator: React.ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/select.js

@@ -10,7 +10,7 @@
 
 
 
-var _chunk43YGVOCOjs = require('./chunk-43YGVOCO.js');
+var _chunkLNSEYAPJjs = require('./chunk-LNSEYAPJ.js');
 require('./chunk-G3NP7M2N.js');
 
 
@@ -23,5 +23,5 @@ require('./chunk-G3NP7M2N.js');
 
 
 
-exports.Select = _chunk43YGVOCOjs.Select; exports.SelectContent = _chunk43YGVOCOjs.SelectContent; exports.SelectGroup = _chunk43YGVOCOjs.SelectGroup; exports.SelectItem = _chunk43YGVOCOjs.SelectItem; exports.SelectLabel = _chunk43YGVOCOjs.SelectLabel; exports.SelectScrollDownButton = _chunk43YGVOCOjs.SelectScrollDownButton; exports.SelectScrollUpButton = _chunk43YGVOCOjs.SelectScrollUpButton; exports.SelectSeparator = _chunk43YGVOCOjs.SelectSeparator; exports.SelectTrigger = _chunk43YGVOCOjs.SelectTrigger; exports.SelectValue = _chunk43YGVOCOjs.SelectValue;
+exports.Select = _chunkLNSEYAPJjs.Select; exports.SelectContent = _chunkLNSEYAPJjs.SelectContent; exports.SelectGroup = _chunkLNSEYAPJjs.SelectGroup; exports.SelectItem = _chunkLNSEYAPJjs.SelectItem; exports.SelectLabel = _chunkLNSEYAPJjs.SelectLabel; exports.SelectScrollDownButton = _chunkLNSEYAPJjs.SelectScrollDownButton; exports.SelectScrollUpButton = _chunkLNSEYAPJjs.SelectScrollUpButton; exports.SelectSeparator = _chunkLNSEYAPJjs.SelectSeparator; exports.SelectTrigger = _chunkLNSEYAPJjs.SelectTrigger; exports.SelectValue = _chunkLNSEYAPJjs.SelectValue;
 //# sourceMappingURL=select.js.map

package/dist/select.mjs

@@ -10,7 +10,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-KV4VL2ZF.mjs";
+} from "./chunk-OK63Q6EJ.mjs";
 import "./chunk-UG3URV2Z.mjs";
 export {
   Select,

package/dist/separator.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-type SeparatorProps = SeparatorPrimitive.SeparatorProps;
-declare const Separator: React.ForwardRefExoticComponent<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Separator, type SeparatorProps };