@codefast/ui 0.0.9 → 0.0.10

package/dist/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/toggle-group.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AA8BlC;AAtBJ,IAAM,qBAA2B,oBAAmC;AAAA,EAClE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAUD,IAAM,cAAoB,iBAGxB,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;AAQpD,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\ntype ToggleGroupProps = React.ComponentPropsWithoutRef<\n  typeof ToggleGroupPrimitive.Root\n> &\n  ToggleVariantsProps;\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\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\ntype ToggleGroupItemProps = ToggleGroupPrimitive.ToggleGroupItemProps &\n  ToggleVariantsProps;\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\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 {\n  ToggleGroup,\n  ToggleGroupItem,\n  type ToggleGroupProps,\n  type ToggleGroupItemProps,\n};\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-MJDKD2K4.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\ntype ToggleGroupProps = React.ComponentPropsWithoutRef<\n  typeof ToggleGroupPrimitive.Root\n> &\n  ToggleVariantsProps;\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\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\ntype ToggleGroupItemProps = ToggleGroupPrimitive.ToggleGroupItemProps &\n  ToggleVariantsProps;\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\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 {\n  ToggleGroup,\n  ToggleGroupItem,\n  type ToggleGroupProps,\n  type ToggleGroupItemProps,\n};\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AA8BlC;AAtBJ,IAAM,qBAA2B,oBAAmC;AAAA,EAClE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAUD,IAAM,cAAoB,iBAGxB,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;AAQpD,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,7 +61,7 @@ declare const toggleVariants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
-type ToggleProps = TogglePrimitive.ToggleProps & ToggleVariantsProps;
-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 ToggleProps, type ToggleVariantsProps, toggleVariants };

package/dist/toggle.d.ts

@@ -61,7 +61,7 @@ declare const toggleVariants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
-type ToggleProps = TogglePrimitive.ToggleProps & ToggleVariantsProps;
-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 ToggleProps, type ToggleVariantsProps, toggleVariants };

package/dist/toggle.js

@@ -2,10 +2,10 @@
 
 
 
-var _chunkPKB2G726js = require('./chunk-PKB2G726.js');
+var _chunkORAVN37Ljs = require('./chunk-ORAVN37L.js');
 require('./chunk-G3NP7M2N.js');
 
 
 
-exports.Toggle = _chunkPKB2G726js.Toggle; exports.toggleVariants = _chunkPKB2G726js.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-MJDKD2K4.mjs";
+} from "./chunk-XCBBSHAK.mjs";
 import "./chunk-UG3URV2Z.mjs";
 export {
   Toggle,

package/dist/tooltip.d.mts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-type TooltipProviderProps = TooltipPrimitive.TooltipProviderProps;
+type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-type TooltipProps = TooltipPrimitive.TooltipProps;
+type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-type TooltipTriggerProps = TooltipPrimitive.TooltipTriggerProps;
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type TooltipContentProps = TooltipPrimitive.TooltipContentProps;
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-type TooltipArrowProps = TooltipPrimitive.TooltipArrowProps;
-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, type TooltipArrowProps, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/tooltip.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-type TooltipProviderProps = TooltipPrimitive.TooltipProviderProps;
+type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-type TooltipProps = TooltipPrimitive.TooltipProps;
+type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-type TooltipTriggerProps = TooltipPrimitive.TooltipTriggerProps;
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type TooltipContentProps = TooltipPrimitive.TooltipContentProps;
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-type TooltipArrowProps = TooltipPrimitive.TooltipArrowProps;
-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, 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;AAkC9B;AA1BJ,IAAM,kBAAmC;AAOzC,IAAM,UAA2B;AAOjC,IAAM,iBAAkC;AAOxC,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;AAOtD,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\ntype TooltipProviderProps = TooltipPrimitive.TooltipProviderProps;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = TooltipPrimitive.TooltipProps;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = TooltipPrimitive.TooltipTriggerProps;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentProps = TooltipPrimitive.TooltipContentProps;\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  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\ntype TooltipArrowProps = TooltipPrimitive.TooltipArrowProps;\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  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  type TooltipProviderProps,\n  type TooltipProps,\n  type TooltipTriggerProps,\n  type TooltipContentProps,\n  type TooltipArrowProps,\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\ntype TooltipProviderProps = TooltipPrimitive.TooltipProviderProps;\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\ntype TooltipProps = TooltipPrimitive.TooltipProps;\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\ntype TooltipTriggerProps = TooltipPrimitive.TooltipTriggerProps;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\ntype TooltipContentProps = TooltipPrimitive.TooltipContentProps;\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  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\ntype TooltipArrowProps = TooltipPrimitive.TooltipArrowProps;\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  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  type TooltipProviderProps,\n  type TooltipProps,\n  type TooltipTriggerProps,\n  type TooltipContentProps,\n  type TooltipArrowProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAkC9B;AA1BJ,IAAM,kBAAmC;AAOzC,IAAM,UAA2B;AAOjC,IAAM,iBAAkC;AAOxC,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;AAOtD,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.9",
+  "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,10 +362,11 @@
     "@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",
+    "embla-carousel-react": "^8.0.1",
     "input-otp": "^1.2.4",
     "next-themes": "^0.3.0",
     "react-day-picker": "^8.10.0",
@@ -348,7 +379,7 @@
   "devDependencies": {
     "@turbo/gen": "^1.13.2",
     "@types/eslint": "^8.56.7",
-    "@types/node": "^20.12.2",
+    "@types/node": "^20.12.5",
     "@types/react": "^18.2.74",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
@@ -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.6",
+    "typescript": "^5.4.4",
+    "@codefast/eslint-config": "0.0.7",
     "@codefast/typescript-config": "0.0.1"
   },
   "peerDependencies": {

package/src/accordion.tsx

@@ -9,68 +9,78 @@ import { cn } from "./utils";
  * Component: Accordion
  * -------------------------------------------------------------------------- */
 
-type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
+type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
 const Accordion = AccordionPrimitive.Root;
 
 /* -----------------------------------------------------------------------------
  * Component: AccordionItem
  * -------------------------------------------------------------------------- */
 
-type AccordionItemProps = AccordionPrimitive.AccordionItemProps;
-const AccordionItem = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  AccordionItemProps
->(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
-    ref={ref}
-    className={cn("border-b", className)}
-    {...props}
-  />
+type AccordionItemElement = React.ElementRef<typeof AccordionPrimitive.Item>;
+type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
+
+const AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item ref={ref} className={cn("border-b", className)} {...props} />
 ));
+
 AccordionItem.displayName = AccordionPrimitive.Item.displayName;
 
 /* -----------------------------------------------------------------------------
  * Component: AccordionTrigger
  * -------------------------------------------------------------------------- */
 
-type AccordionTriggerProps = AccordionPrimitive.AccordionTriggerProps;
-const AccordionTrigger = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  AccordionTriggerProps
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronDownIcon className="text-muted-foreground size-4 shrink-0 transition-transform duration-200" />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-));
+type AccordionTriggerElement = React.ElementRef<typeof AccordionPrimitive.Trigger>;
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
+
+const AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(
+  ({ className, children, ...props }, ref) => (
+    <AccordionPrimitive.Header className="flex">
+      <AccordionPrimitive.Trigger
+        ref={ref}
+        className={cn(
+          "group flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all",
+          "hover:underline",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon
+          className={cn(
+            "text-muted-foreground size-4 shrink-0 transition-transform duration-200",
+            "group-data-[state=open]:rotate-180",
+          )}
+        />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  ),
+);
+
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 
 /* -----------------------------------------------------------------------------
  * Component: AccordionContent
  * -------------------------------------------------------------------------- */
 
-type AccordionContentProps = AccordionPrimitive.AccordionContentProps;
-const AccordionContent = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Content>,
-  AccordionContentProps
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Content
-    ref={ref}
-    className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
-    {...props}
-  >
-    <div className={cn("pb-4 pt-0", className)}>{children}</div>
-  </AccordionPrimitive.Content>
-));
+type AccordionContentElement = React.ElementRef<typeof AccordionPrimitive.Content>;
+type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
+
+const AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(
+  ({ className, children, ...props }, ref) => (
+    <AccordionPrimitive.Content
+      ref={ref}
+      className={cn(
+        "overflow-hidden text-sm",
+        "data-[state=open]:animate-accordion-down",
+        "data-[state=closed]:animate-accordion-up",
+      )}
+      {...props}
+    >
+      <div className={cn("pb-4 pt-0", className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  ),
+);
+
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 /* -----------------------------------------------------------------------------