@codefast/ui 0.0.8 → 0.0.10

package/dist/toggle-group.js

@@ -1,7 +1,7 @@
-"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; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"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 _chunk5GHZ6EXIjs = require('./chunk-5GHZ6EXI.js');
+var _chunkORAVN37Ljs = require('./chunk-ORAVN37L.js');
 
 
 var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
@@ -9,40 +9,47 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
 // src/toggle-group.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reacttogglegroup = require('@radix-ui/react-toggle-group'); var ToggleGroupPrimitive = _interopRequireWildcard(_reacttogglegroup);
+
+var _reactcontext = require('@radix-ui/react-context');
 var _jsxruntime = require('react/jsx-runtime');
-var ToggleGroupContext = React.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  ToggleGroupPrimitive.Root,
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center justify-center gap-1", className),
-    ...props,
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleGroupContext.Provider, { value: { variant, size }, children })
+var TOGGLE_GROUP_NAME = "ToggleGroup";
+var [createToggleGroupContext] = _reactcontext.createContextScope.call(void 0, TOGGLE_GROUP_NAME, [_reacttogglegroup.createToggleGroupScope]);
+var useToggleGroupScope = _reacttogglegroup.createToggleGroupScope.call(void 0, );
+var [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+var ToggleGroup = React.forwardRef(
+  ({ __scopeToggleGroup, className, variant, size, children, ...props }, ref) => {
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleGroupProvider, { scope: __scopeToggleGroup, size, variant, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ToggleGroupPrimitive.Root,
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center justify-center gap-1", className),
+        ...toggleGroupScope,
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+var ToggleGroupItem = React.forwardRef(
+  ({ __scopeToggleGroup, className, children, ...props }, ref) => {
+    const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ToggleGroupPrimitive.Item,
+      {
+        ref,
+        className: _chunkORAVN37Ljs.toggleVariants.call(void 0, { ...context, className }),
+        ...toggleGroupScope,
+        ...props,
+        children
+      }
+    );
   }
-));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    ToggleGroupPrimitive.Item,
-    {
-      ref,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        _chunk5GHZ6EXIjs.toggleVariants.call(void 0, {
-          variant: _nullishCoalesce(context.variant, () => ( variant)),
-          size: _nullishCoalesce(context.size, () => ( size))
-        }),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+);
+ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
 
 
 

package/dist/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/toggle-group.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AA2BlC;AAnBJ,IAAM,qBAA2B,oBAAmC;AAAA,EAClE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAMD,IAAM,cAAoB,iBAIxB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,QACnD;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,IAChE,GAAG;AAAA,IAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,KAAK,GACjD,UACH;AAAA;AACF,CACD;AACD,YAAY,cAAmC,0BAAK;AAMpD,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3D,QAAM,UAAgB,iBAAW,kBAAkB;AAEnD,SACE;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,gBAAgB,cAAmC,0BAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupContext = React.createContext<ToggleVariantsProps>({\n  size: \"default\",\n  variant: \"default\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    ToggleVariantsProps\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\"flex items-center justify-center gap-1\", className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupPrimitive.ToggleGroupItemProps & ToggleVariantsProps\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant ?? variant,\n          size: context.size ?? size,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem };\n"]}
+{"version":3,"sources":["../src/toggle-group.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,8BAA8B;AACvC,SAAS,0BAAsC;AA2BvC;AAnBR,IAAM,oBAAoB;AAI1B,IAAM,CAAC,wBAAwB,IAAI,mBAAmB,mBAAmB,CAAC,sBAAsB,CAAC;AAEjG,IAAM,sBAAsB,uBAAuB;AAEnD,IAAM,CAAC,qBAAqB,qBAAqB,IAAI,yBAA8C,iBAAiB;AAKpH,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,oBAAoB,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAkC,QAAQ;AAC5G,UAAM,mBAAmB,oBAAoB,kBAAkB;AAE/D,WACE,oBAAC,uBAAoB,OAAO,oBAAoB,MAAY,SAC1D;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,QAChE,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAM1B,IAAM,yBAAyB;AAK/B,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,oBAAoB,WAAW,UAAU,GAAG,MAAM,GAAsC,QAAQ;AACjG,UAAM,UAAU,sBAAsB,wBAAwB,kBAAkB;AAChF,UAAM,mBAAmB,oBAAoB,kBAAkB;AAE/D,WACE;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW,eAAe,EAAE,GAAG,SAAS,UAAU,CAAC;AAAA,QAClD,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { createToggleGroupScope } from \"@radix-ui/react-toggle-group\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\n\ntype ScopedProps<P> = P & { __scopeToggleGroup?: Scope };\n\nconst [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [createToggleGroupScope]);\n\nconst useToggleGroupScope = createToggleGroupScope();\n\nconst [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext<ToggleVariantsProps>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & ToggleVariantsProps;\n\nconst ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n  ({ __scopeToggleGroup, className, variant, size, children, ...props }: ScopedProps<ToggleGroupProps>, ref) => {\n    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);\n\n    return (\n      <ToggleGroupProvider scope={__scopeToggleGroup} size={size} variant={variant}>\n        <ToggleGroupPrimitive.Root\n          ref={ref}\n          className={cn(\"flex items-center justify-center gap-1\", className)}\n          {...toggleGroupScope}\n          {...props}\n        >\n          {children}\n        </ToggleGroupPrimitive.Root>\n      </ToggleGroupProvider>\n    );\n  },\n);\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\n\ntype ToggleGroupItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\n\nconst ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n  ({ __scopeToggleGroup, className, children, ...props }: ScopedProps<ToggleGroupItemProps>, ref) => {\n    const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);\n    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);\n\n    return (\n      <ToggleGroupPrimitive.Item\n        ref={ref}\n        className={toggleVariants({ ...context, className })}\n        {...toggleGroupScope}\n        {...props}\n      >\n        {children}\n      </ToggleGroupPrimitive.Item>\n    );\n  },\n);\n\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps };\n"]}

package/dist/toggle-group.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   toggleVariants
-} from "./chunk-T52N6ZBP.mjs";
+} from "./chunk-XCBBSHAK.mjs";
 import {
   cn
 } from "./chunk-UG3URV2Z.mjs";
@@ -9,40 +9,47 @@ import {
 // src/toggle-group.tsx
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { createToggleGroupScope } from "@radix-ui/react-toggle-group";
+import { createContextScope } from "@radix-ui/react-context";
 import { jsx } from "react/jsx-runtime";
-var ToggleGroupContext = React.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToggleGroupPrimitive.Root,
-  {
-    ref,
-    className: cn("flex items-center justify-center gap-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+var TOGGLE_GROUP_NAME = "ToggleGroup";
+var [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [createToggleGroupScope]);
+var useToggleGroupScope = createToggleGroupScope();
+var [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+var ToggleGroup = React.forwardRef(
+  ({ __scopeToggleGroup, className, variant, size, children, ...props }, ref) => {
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /* @__PURE__ */ jsx(ToggleGroupProvider, { scope: __scopeToggleGroup, size, variant, children: /* @__PURE__ */ jsx(
+      ToggleGroupPrimitive.Root,
+      {
+        ref,
+        className: cn("flex items-center justify-center gap-1", className),
+        ...toggleGroupScope,
+        ...props,
+        children
+      }
+    ) });
   }
-));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
-    {
-      ref,
-      className: cn(
-        toggleVariants({
-          variant: context.variant ?? variant,
-          size: context.size ?? size
-        }),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+);
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+var ToggleGroupItem = React.forwardRef(
+  ({ __scopeToggleGroup, className, children, ...props }, ref) => {
+    const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /* @__PURE__ */ jsx(
+      ToggleGroupPrimitive.Item,
+      {
+        ref,
+        className: toggleVariants({ ...context, className }),
+        ...toggleGroupScope,
+        ...props,
+        children
+      }
+    );
+  }
+);
+ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
 export {
   ToggleGroup,
   ToggleGroupItem

package/dist/toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupContext = React.createContext<ToggleVariantsProps>({\n  size: \"default\",\n  variant: \"default\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    ToggleVariantsProps\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\"flex items-center justify-center gap-1\", className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupPrimitive.ToggleGroupItemProps & ToggleVariantsProps\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant ?? variant,\n          size: context.size ?? size,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AA2BlC;AAnBJ,IAAM,qBAA2B,oBAAmC;AAAA,EAClE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAMD,IAAM,cAAoB,iBAIxB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,QACnD;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,IAChE,GAAG;AAAA,IAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,KAAK,GACjD,UACH;AAAA;AACF,CACD;AACD,YAAY,cAAmC,0BAAK;AAMpD,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3D,QAAM,UAAgB,iBAAW,kBAAkB;AAEnD,SACE;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,gBAAgB,cAAmC,0BAAK;","names":[]}
+{"version":3,"sources":["../src/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { createToggleGroupScope } from \"@radix-ui/react-toggle-group\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\n\ntype ScopedProps<P> = P & { __scopeToggleGroup?: Scope };\n\nconst [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [createToggleGroupScope]);\n\nconst useToggleGroupScope = createToggleGroupScope();\n\nconst [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext<ToggleVariantsProps>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & ToggleVariantsProps;\n\nconst ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n  ({ __scopeToggleGroup, className, variant, size, children, ...props }: ScopedProps<ToggleGroupProps>, ref) => {\n    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);\n\n    return (\n      <ToggleGroupProvider scope={__scopeToggleGroup} size={size} variant={variant}>\n        <ToggleGroupPrimitive.Root\n          ref={ref}\n          className={cn(\"flex items-center justify-center gap-1\", className)}\n          {...toggleGroupScope}\n          {...props}\n        >\n          {children}\n        </ToggleGroupPrimitive.Root>\n      </ToggleGroupProvider>\n    );\n  },\n);\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\n\ntype ToggleGroupItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\n\nconst ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n  ({ __scopeToggleGroup, className, children, ...props }: ScopedProps<ToggleGroupItemProps>, ref) => {\n    const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);\n    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);\n\n    return (\n      <ToggleGroupPrimitive.Item\n        ref={ref}\n        className={toggleVariants({ ...context, className })}\n        {...toggleGroupScope}\n        {...props}\n      >\n        {children}\n      </ToggleGroupPrimitive.Item>\n    );\n  },\n);\n\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps };\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,8BAA8B;AACvC,SAAS,0BAAsC;AA2BvC;AAnBR,IAAM,oBAAoB;AAI1B,IAAM,CAAC,wBAAwB,IAAI,mBAAmB,mBAAmB,CAAC,sBAAsB,CAAC;AAEjG,IAAM,sBAAsB,uBAAuB;AAEnD,IAAM,CAAC,qBAAqB,qBAAqB,IAAI,yBAA8C,iBAAiB;AAKpH,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,oBAAoB,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAkC,QAAQ;AAC5G,UAAM,mBAAmB,oBAAoB,kBAAkB;AAE/D,WACE,oBAAC,uBAAoB,OAAO,oBAAoB,MAAY,SAC1D;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,QAChE,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAM1B,IAAM,yBAAyB;AAK/B,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,oBAAoB,WAAW,UAAU,GAAG,MAAM,GAAsC,QAAQ;AACjG,UAAM,UAAU,sBAAsB,wBAAwB,kBAAkB;AAChF,UAAM,mBAAmB,oBAAoB,kBAAkB;AAE/D,WACE;AAAA,MAAsB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW,eAAe,EAAE,GAAG,SAAS,UAAU,CAAC;AAAA,QAClD,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/toggle.d.mts

@@ -61,6 +61,7 @@ declare const toggleVariants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
-declare const Toggle: React.ForwardRefExoticComponent<TogglePrimitive.ToggleProps & ToggleVariantsProps & React.RefAttributes<HTMLButtonElement>>;
+type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleVariantsProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Toggle, type ToggleVariantsProps, toggleVariants };
+export { Toggle, type ToggleProps, type ToggleVariantsProps, toggleVariants };

package/dist/toggle.d.ts

@@ -61,6 +61,7 @@ declare const toggleVariants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
-declare const Toggle: React.ForwardRefExoticComponent<TogglePrimitive.ToggleProps & ToggleVariantsProps & React.RefAttributes<HTMLButtonElement>>;
+type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleVariantsProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Toggle, type ToggleVariantsProps, toggleVariants };
+export { Toggle, type ToggleProps, type ToggleVariantsProps, toggleVariants };

package/dist/toggle.js

@@ -2,10 +2,10 @@
 
 
 
-var _chunk5GHZ6EXIjs = require('./chunk-5GHZ6EXI.js');
+var _chunkORAVN37Ljs = require('./chunk-ORAVN37L.js');
 require('./chunk-G3NP7M2N.js');
 
 
 
-exports.Toggle = _chunk5GHZ6EXIjs.Toggle; exports.toggleVariants = _chunk5GHZ6EXIjs.toggleVariants;
+exports.Toggle = _chunkORAVN37Ljs.Toggle; exports.toggleVariants = _chunkORAVN37Ljs.toggleVariants;
 //# sourceMappingURL=toggle.js.map

package/dist/toggle.mjs

@@ -2,7 +2,7 @@
 import {
   Toggle,
   toggleVariants
-} from "./chunk-T52N6ZBP.mjs";
+} from "./chunk-XCBBSHAK.mjs";
 import "./chunk-UG3URV2Z.mjs";
 export {
   Toggle,

package/dist/tooltip.d.mts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
+type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 
-export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipArrow, type TooltipArrowProps, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/tooltip.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
+type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 
-export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipArrow, type TooltipArrowProps, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/tooltip.js

@@ -10,27 +10,22 @@ var _jsxruntime = require('react/jsx-runtime');
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, 
-      "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none",
-      className
-    ),
-    ...props
-  }
-) }));
+var TooltipContent = React.forwardRef(
+  ({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  TooltipPrimitive.Arrow,
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "fill-primary", className),
-    ...props
-  }
-));
+var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Arrow, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "fill-primary", className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 
 

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tooltip.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AA8B9B;AAvBJ,IAAM,kBAAmC;AAMzC,IAAM,UAA2B;AAMjC,IAAM,iBAAkC;AAMxC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAMtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipPrimitive.TooltipContentProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  TooltipPrimitive.TooltipArrowProps\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn(\"fill-primary\", className)}\n    {...props}\n  />\n));\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n};\n"]}
+{"version":3,"sources":["../src/tooltip.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAkC5B;AA1BN,IAAM,kBAAmC;AAOzC,IAAM,UAA2B;AAOjC,IAAM,iBAAkC;AASxC,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QACxC,oBAAkB,yBAAjB,EACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,eAAe,cAA+B,yBAAQ;AAStD,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG,oBAAkB,wBAAjB,EAAuB,KAAU,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OAAO,CACxF;AAED,aAAa,cAA+B,uBAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\ntype TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  ({ className, sideOffset = 4, ...props }, ref) => (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </TooltipPrimitive.Portal>\n  ),\n);\n\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\ntype TooltipArrowElement = React.ElementRef<typeof TooltipPrimitive.Arrow>;\ntype TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow ref={ref} className={cn(\"fill-primary\", className)} {...props} />\n));\n\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  type TooltipProviderProps,\n  type TooltipProps,\n  type TooltipTriggerProps,\n  type TooltipContentProps,\n  type TooltipArrowProps,\n};\n"]}

package/dist/tooltip.mjs

@@ -10,27 +10,22 @@ import { jsx } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none",
-      className
-    ),
-    ...props
-  }
-) }));
+var TooltipContent = React.forwardRef(
+  ({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TooltipPrimitive.Arrow,
-  {
-    ref,
-    className: cn("fill-primary", className),
-    ...props
-  }
-));
+var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { ref, className: cn("fill-primary", className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 export {
   Tooltip,

package/dist/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipPrimitive.TooltipContentProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  TooltipPrimitive.TooltipArrowProps\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn(\"fill-primary\", className)}\n    {...props}\n  />\n));\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AA8B9B;AAvBJ,IAAM,kBAAmC;AAMzC,IAAM,UAA2B;AAMjC,IAAM,iBAAkC;AAMxC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAMtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM;","names":[]}
+{"version":3,"sources":["../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\ntype TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\nconst TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n  ({ className, sideOffset = 4, ...props }, ref) => (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </TooltipPrimitive.Portal>\n  ),\n);\n\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\ntype TooltipArrowElement = React.ElementRef<typeof TooltipPrimitive.Arrow>;\ntype TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow ref={ref} className={cn(\"fill-primary\", className)} {...props} />\n));\n\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  TooltipProvider,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  type TooltipProviderProps,\n  type TooltipProps,\n  type TooltipTriggerProps,\n  type TooltipContentProps,\n  type TooltipArrowProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAkC5B;AA1BN,IAAM,kBAAmC;AAOzC,IAAM,UAA2B;AAOjC,IAAM,iBAAkC;AASxC,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QACxC,oBAAkB,yBAAjB,EACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,eAAe,cAA+B,yBAAQ;AAStD,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG,oBAAkB,wBAAjB,EAAuB,KAAU,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OAAO,CACxF;AAED,aAAa,cAA+B,uBAAM;","names":[]}

package/package.json

@@ -1,11 +1,36 @@
 {
   "name": "@codefast/ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "license": "MIT",
   "sideEffects": [
     "**/*.css"
   ],
   "exports": {
+    "./radio-cards": {
+      "types": "./src/radio-cards.tsx",
+      "import": "./dist/radio-cards.mjs",
+      "require": "./dist/radio-cards.js"
+    },
+    "./spinner": {
+      "types": "./src/spinner.tsx",
+      "import": "./dist/spinner.mjs",
+      "require": "./dist/spinner.js"
+    },
+    "./radio": {
+      "types": "./src/radio.tsx",
+      "import": "./dist/radio.mjs",
+      "require": "./dist/radio.js"
+    },
+    "./checkbox-cards": {
+      "types": "./src/checkbox-cards.tsx",
+      "import": "./dist/checkbox-cards.mjs",
+      "require": "./dist/checkbox-cards.js"
+    },
+    "./checkbox-group": {
+      "types": "./src/checkbox-group.tsx",
+      "import": "./dist/checkbox-group.mjs",
+      "require": "./dist/checkbox-group.js"
+    },
     "./container": {
       "types": "./src/container.tsx",
       "import": "./dist/container.mjs",
@@ -305,14 +330,17 @@
     "tailwind.config.ts"
   ],
   "dependencies": {
+    "@radix-ui/primitive": "^1.0.1",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-context": "^1.0.1",
     "@radix-ui/react-context-menu": "^2.1.5",
     "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-direction": "^1.0.1",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-hover-card": "^1.0.7",
     "@radix-ui/react-icons": "^1.3.0",
@@ -320,8 +348,10 @@
     "@radix-ui/react-menubar": "^1.0.4",
     "@radix-ui/react-navigation-menu": "^1.1.4",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-primitive": "^1.0.3",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-roving-focus": "^1.0.4",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
@@ -332,11 +362,12 @@
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@radix-ui/react-use-controllable-state": "^1.0.1",
     "@tanstack/react-table": "^8.15.3",
     "cmdk": "^1.0.0",
     "cva": "1.0.0-beta.1",
-    "embla-carousel-react": "^8.0.0",
-    "input-otp": "^1.2.3",
+    "embla-carousel-react": "^8.0.1",
+    "input-otp": "^1.2.4",
     "next-themes": "^0.3.0",
     "react-day-picker": "^8.10.0",
     "react-hook-form": "^7.51.2",
@@ -346,10 +377,10 @@
     "vaul": "^0.9.0"
   },
   "devDependencies": {
-    "@turbo/gen": "^1.13.0",
-    "@types/eslint": "^8.56.6",
-    "@types/node": "^20.12.2",
-    "@types/react": "^18.2.73",
+    "@turbo/gen": "^1.13.2",
+    "@types/eslint": "^8.56.7",
+    "@types/node": "^20.12.5",
+    "@types/react": "^18.2.74",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "postcss": "^8.4.38",
@@ -357,8 +388,8 @@
     "tailwindcss": "^3.4.3",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.3",
-    "@codefast/eslint-config": "0.0.5",
+    "typescript": "^5.4.4",
+    "@codefast/eslint-config": "0.0.7",
     "@codefast/typescript-config": "0.0.1"
   },
   "peerDependencies": {