@versini/ui-togglegroup 8.0.2 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/index.js +25 -8
  2. package/package.json +2 -2
package/dist/components/index.js CHANGED
@@ -1,13 +1,15 @@
1
1
  /*!
2
- @versini/ui-togglegroup v8.0.2
2
+ @versini/ui-togglegroup v8.1.0
3
3
  © 2026 gizmette.com
4
4
  */
5
5
 
6
- import { jsx } from "react/jsx-runtime";
7
- import { Item, Root } from "@radix-ui/react-toggle-group";
8
- import react , { useContext } from "react";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ import react, { useContext } from "react";
9
8
  import clsx from "clsx";
10
9
 
10
+ import * as __rspack_external__radix_ui_react_toggle_group_4f42c91c from "@radix-ui/react-toggle-group";
11
+
12
+
11
13
  const TOGGLEGROUP_CLASSNAME = "av-togglegroup";
12
14
  const TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME = "av-togglegroup-item-wrapper";
13
15
  const TOGGLEGROUP_ITEM_CLASSNAME = "av-togglegroup-item";
@@ -16,6 +18,7 @@ const TOGGLEGROUP_ITEM_CLASSNAME = "av-togglegroup-item";
16
18
 
17
19
 
18
20
 
21
+
19
22
  const ToggleGroupContext = react.createContext({
20
23
  size: "medium",
21
24
  flat: false
@@ -50,7 +53,7 @@ const getToggleGroupItemWrapperClasses = ()=>{
50
53
  const getToggleGroupItemClasses = ({ size, flat })=>{
51
54
  return {
52
55
  wrapperClass: getToggleGroupItemWrapperClasses(),
53
- itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "text-sm cursor-pointer", "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
56
+ itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "group", "text-sm cursor-pointer", "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
54
57
  size
55
58
  }), getToggleGroupItemFocusClasses(), getToggleGroupItemActiveClasses({
56
59
  flat
@@ -79,7 +82,7 @@ const ToggleGroup = ({ children, value, onValueChange, disabled, size = "medium"
79
82
  };
80
83
  return /*#__PURE__*/ jsx(ToggleGroupContext.Provider, {
81
84
  value: contextValue,
82
- children: /*#__PURE__*/ jsx(Root, {
85
+ children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_toggle_group_4f42c91c.Root, {
83
86
  disabled: disabled,
84
87
  className: toggleGroupClasses,
85
88
  value: value,
@@ -96,13 +99,27 @@ const ToggleGroupItem = ({ value, disabled, children })=>{
96
99
  size,
97
100
  flat
98
101
  });
102
+ const label = children ?? value;
99
103
  return /*#__PURE__*/ jsx("div", {
100
104
  className: wrapperClass,
101
- children: /*#__PURE__*/ jsx(Item, {
105
+ children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_toggle_group_4f42c91c.Item, {
102
106
  disabled: disabled,
103
107
  className: itemClass,
104
108
  value: value,
105
- children: children ?? value
109
+ children: /*#__PURE__*/ jsxs("span", {
110
+ className: "grid",
111
+ children: [
112
+ /*#__PURE__*/ jsx("span", {
113
+ "aria-hidden": "true",
114
+ className: "invisible font-semibold [grid-area:1/1]",
115
+ children: label
116
+ }),
117
+ /*#__PURE__*/ jsx("span", {
118
+ className: "[grid-area:1/1] group-data-[state=on]:font-semibold",
119
+ children: label
120
+ })
121
+ ]
122
+ })
106
123
  })
107
124
  });
108
125
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-togglegroup",
3
- "version": "8.0.2",
3
+ "version": "8.1.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -51,5 +51,5 @@
51
51
  "sideEffects": [
52
52
  "**/*.css"
53
53
  ],
54
- "gitHead": "a4c236d5680901b7581b91eaea816f55fd5b2691"
54
+ "gitHead": "3feeb252f2956067c39799a42e9378d553a9e29a"
55
55
  }