@versini/ui-togglegroup 6.0.0 → 6.0.1

package/dist/components/index.d.ts

@@ -2,7 +2,7 @@ import { JSX } from 'react/jsx-runtime';
 import type { ToggleGroupItemProps } from './ToggleGroupTypes';
 import type { ToggleGroupProps } from './ToggleGroupTypes';
 
-export declare const ToggleGroup: ({ children, value, onValueChange, disabled, focusMode, size, defaultValue, className, ...otherProps }: ToggleGroupProps) => JSX.Element;
+export declare const ToggleGroup: ({ children, value, onValueChange, disabled, size, defaultValue, className, ...otherProps }: ToggleGroupProps) => JSX.Element;
 
 export declare const TOGGLEGROUP_CLASSNAME = "av-togglegroup";
 

package/dist/components/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-togglegroup v6.0.0
+  @versini/ui-togglegroup v6.0.1
   © 2026 gizmette.com
 */
 
@@ -17,23 +17,17 @@ const TOGGLEGROUP_ITEM_CLASSNAME = "av-togglegroup-item";
 
 
 const ToggleGroupContext = react.createContext({
-    size: "medium",
-    focusMode: "system"
+    size: "medium"
 });
 
 
 
 
-const getToggleGroupItemFocusClasses = ({ focusMode })=>{
-    return clsx("focus:outline-none", "focus:ring-2", "focus:ring-inset", {
-        "focus:ring-focus-light": focusMode === "light",
-        "focus:ring-focus-dark": focusMode === "dark",
-        "focus:ring-focus-light dark:focus:ring-focus-dark": focusMode === "alt-system",
-        "focus:ring-focus-dark dark:focus:ring-focus-light": focusMode === "system"
-    });
+const getToggleGroupItemFocusClasses = ()=>{
+    return clsx("focus:outline-none", "focus:ring-2", "focus:ring-inset", "focus:ring-focus-dark");
 };
 const getToggleGroupItemActiveClasses = ()=>{
-    return clsx("data-[state=on]:bg-surface-lightest data-[state=on]:text-copy-dark dark:data-[state=on]:bg-surface-dark dark:data-[state=on]:text-copy-light");
+    return clsx("data-[state=on]:bg-surface-lightest data-[state=on]:text-copy-dark", "dark:data-[state=on]:bg-surface-dark dark:data-[state=on]:text-copy-light");
 };
 const getToggleGroupItemSizeClasses = ({ size })=>{
     return clsx({
@@ -45,14 +39,12 @@ const getToggleGroupItemSizeClasses = ({ size })=>{
 const getToggleGroupItemWrapperClasses = ()=>{
     return clsx(TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME, "relative", "[&>button]:rounded-none", "first:[&>button]:rounded-l-md", "last:[&>button]:rounded-r-md", "border-r border-border-medium last:border-r-0");
 };
-const getToggleGroupItemClasses = ({ focusMode, size })=>{
+const getToggleGroupItemClasses = ({ size })=>{
     return {
         wrapperClass: getToggleGroupItemWrapperClasses(),
         itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
             size
-        }), getToggleGroupItemFocusClasses({
-            focusMode
-        }), getToggleGroupItemActiveClasses())
+        }), getToggleGroupItemFocusClasses(), getToggleGroupItemActiveClasses())
     };
 };
 const getToggleGroupClasses = ({ className })=>{
@@ -64,13 +56,12 @@ const getToggleGroupClasses = ({ className })=>{
 
 
 
-const ToggleGroup = ({ children, value, onValueChange, disabled, focusMode = "system", size = "medium", defaultValue, className, ...otherProps })=>{
+const ToggleGroup = ({ children, value, onValueChange, disabled, size = "medium", defaultValue, className, ...otherProps })=>{
     const toggleGroupClasses = getToggleGroupClasses({
         className
     });
     const contextValue = {
-        size,
-        focusMode
+        size
     };
     return /*#__PURE__*/ jsx(ToggleGroupContext.Provider, {
         value: contextValue,
@@ -87,9 +78,8 @@ const ToggleGroup = ({ children, value, onValueChange, disabled, focusMode = "sy
     });
 };
 const ToggleGroupItem = ({ value, disabled, children })=>{
-    const { size, focusMode } = useContext(ToggleGroupContext);
+    const { size } = useContext(ToggleGroupContext);
     const { itemClass, wrapperClass } = getToggleGroupItemClasses({
-        focusMode,
         size
     });
     return /*#__PURE__*/ jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-togglegroup",
-	"version": "6.0.0",
+	"version": "6.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -47,5 +47,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "3534e50d79273f5731868c07f114faeb0ff04bf5"
+	"gitHead": "0ecf008629f4e901563d92884e0663047ea9f964"
 }