@radix-ui/react-toolbar 0.1.6-rc.3 → 0.1.6-rc.32

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.
package/dist/index.d.ts CHANGED
@@ -34,7 +34,7 @@ export interface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProp
34
34
  type: 'multiple';
35
35
  }> {
36
36
  }
37
- export const ToolbarToggleGroup: React.ForwardRefExoticComponent<(ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>;
37
+ export const ToolbarToggleGroup: React.ForwardRefExoticComponent<(ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
38
38
  type ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;
39
39
  export interface ToolbarToggleItemProps extends ToggleGroupItemProps {
40
40
  }
@@ -43,7 +43,7 @@ export const Root: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttri
43
43
  export const Separator: React.ForwardRefExoticComponent<ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
44
44
  export const Button: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
45
45
  export const Link: React.ForwardRefExoticComponent<ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
46
- export const ToggleGroup: React.ForwardRefExoticComponent<(ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>;
46
+ export const ToggleGroup: React.ForwardRefExoticComponent<(ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
47
47
  export const ToggleItem: React.ForwardRefExoticComponent<ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>>;
48
48
 
49
49
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"mappings":"A;A;A;A;A;A;AAqBA,OAAA,yFAGE,CAAC;AAIH,6BAA6B,MAAM,wBAAwB,CAAC,OAAO,iBAAiB,IAAI,CAAC,CAAC;AAS1F,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,6BAAuB,SAAQ,iBAAiB;IAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAED,OAAA,MAAM,4FAyBL,CAAC;AAWF,sBAAsB,MAAM,wBAAwB,CAAC,OAAO,mBAAmB,IAAI,CAAC,CAAC;AACrF,sCAAgC,SAAQ,cAAc;CAAG;AAEzD,OAAA,MAAM,8GAYL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAUL,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,kBAAkB;CAAG;AAExD,OAAA,MAAM,uGAgBL,CAAC;AAWF,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AACzF,8CAAwC,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;CAAG;AAChG,gDAA0C,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;CAAG;AAEpG,OAAA,MAAM,oMAsBL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAC7F,uCAAiC,SAAQ,oBAAoB;CAAG;AAEhE,OAAA,MAAM,mHAUL,CAAC;AAMF,OAAA,MAAM,yFAAc,CAAC;AACrB,OAAA,MAAM,uGAA4B,CAAC;AACnC,OAAA,MAAM,oGAAsB,CAAC;AAC7B,OAAA,MAAM,gGAAkB,CAAC;AACzB,OAAA,MAAM,6LAAgC,CAAC;AACvC,OAAA,MAAM,4GAA8B,CAAC","sources":["./packages/react/toolbar/src/packages/react/toolbar/src/Toolbar.tsx","./packages/react/toolbar/src/packages/react/toolbar/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
1
+ {"mappings":";;;;;;AAqBA,OAAA,yFAGE,CAAC;AAIH,6BAA6B,MAAM,wBAAwB,CAAC,OAAO,iBAAiB,IAAI,CAAC,CAAC;AAS1F,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,6BAAuB,SAAQ,iBAAiB;IAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAED,OAAA,MAAM,4FAyBL,CAAC;AAWF,sBAAsB,MAAM,wBAAwB,CAAC,OAAO,mBAAmB,IAAI,CAAC,CAAC;AACrF,sCAAgC,SAAQ,cAAc;CAAG;AAEzD,OAAA,MAAM,8GAYL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAUL,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,kBAAkB;CAAG;AAExD,OAAA,MAAM,uGAgBL,CAAC;AAWF,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AACzF,8CAAwC,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;CAAG;AAChG,gDAA0C,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;CAAG;AAEpG,OAAA,MAAM,4JAsBL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAC7F,uCAAiC,SAAQ,oBAAoB;CAAG;AAEhE,OAAA,MAAM,mHAUL,CAAC;AAMF,OAAA,MAAM,yFAAc,CAAC;AACrB,OAAA,MAAM,uGAA4B,CAAC;AACnC,OAAA,MAAM,oGAAsB,CAAC;AAC7B,OAAA,MAAM,gGAAkB,CAAC;AACzB,OAAA,MAAM,qJAAgC,CAAC;AACvC,OAAA,MAAM,4GAA8B,CAAC","sources":["packages/react/toolbar/src/packages/react/toolbar/src/Toolbar.tsx","packages/react/toolbar/src/packages/react/toolbar/src/index.ts","packages/react/toolbar/src/index.ts"],"sourcesContent":[null,null,"export * from './Toolbar';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
package/dist/index.js CHANGED
@@ -1,2 +1,192 @@
1
- var e,o=require("@radix-ui/react-direction").useDirection,r=require("@radix-ui/react-toggle-group"),t=f({},r),a=r.createToggleGroupScope,n=f({},require("@radix-ui/react-separator")),i=require("@radix-ui/react-primitive").Primitive,c=require("@radix-ui/react-roving-focus"),l=f({},c),s=c.createRovingFocusGroupScope,u=require("@radix-ui/react-context").createContextScope,p=require("@radix-ui/primitive").composeEventHandlers,d=f({},require("react")),b=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function f(e,o){return Object.keys(o).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return o[r]}})})),e}const[T,x]=u("Toolbar",[s,a]);exports.createToolbarScope=x;const m=s(),g=a(),[_,E]=T("Toolbar"),R=/*#__PURE__*/d.forwardRef(((e,r)=>{const{__scopeToolbar:t,orientation:a="horizontal",dir:n,loop:c=!0,...s}=e,u=m(t),p=o(n);/*#__PURE__*/return d.createElement(_,{scope:t,orientation:a,dir:p},/*#__PURE__*/d.createElement(l.Root,b({asChild:!0},u,{orientation:a,dir:p,loop:c}),/*#__PURE__*/d.createElement(i.div,b({role:"toolbar","aria-orientation":a,dir:p},s,{ref:r}))))}));exports.Toolbar=R;const v=/*#__PURE__*/d.forwardRef(((e,o)=>{const{__scopeToolbar:r,...t}=e,a=E("ToolbarSeparator",r);/*#__PURE__*/return d.createElement(n.Root,b({orientation:"horizontal"===a.orientation?"vertical":"horizontal"},t,{ref:o}))}));exports.ToolbarSeparator=v;const h=/*#__PURE__*/d.forwardRef(((e,o)=>{const{__scopeToolbar:r,...t}=e,a=m(r);/*#__PURE__*/return d.createElement(l.Item,b({asChild:!0},a,{focusable:!e.disabled}),/*#__PURE__*/d.createElement(i.button,b({type:"button"},t,{ref:o})))}));exports.ToolbarButton=h;const q=/*#__PURE__*/d.forwardRef(((e,o)=>{const{__scopeToolbar:r,...t}=e,a=m(r);/*#__PURE__*/return d.createElement(l.Item,b({asChild:!0},a,{focusable:!0}),/*#__PURE__*/d.createElement(i.a,b({},t,{ref:o,onKeyDown:p(e.onKeyDown,(e=>{" "===e.key&&e.currentTarget.click()}))})))}));exports.ToolbarLink=q;const w=/*#__PURE__*/d.forwardRef(((e,o)=>{const{__scopeToolbar:r,...a}=e,n=E("ToolbarToggleGroup",r),i=g(r);/*#__PURE__*/return d.createElement(t.Root,b({"data-orientation":n.orientation,dir:n.dir},i,a,{ref:o,rovingFocus:!1}))}));exports.ToolbarToggleGroup=w;const S=/*#__PURE__*/d.forwardRef(((e,o)=>{const{__scopeToolbar:r,...a}=e,n=g(r);/*#__PURE__*/return d.createElement(h,b({asChild:!0},e),/*#__PURE__*/d.createElement(t.Item,b({},n,a,{ref:o})))}));exports.ToolbarToggleItem=S;const y=R;exports.Root=y;const k=v;exports.Separator=k;const C=h;exports.Button=C;const G=q;exports.Link=G;const I=w;exports.ToggleGroup=I;const z=S;exports.ToggleItem=z;
1
+ var $ds9gm$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
2
+ var $ds9gm$react = require("react");
3
+ var $ds9gm$radixuiprimitive = require("@radix-ui/primitive");
4
+ var $ds9gm$radixuireactcontext = require("@radix-ui/react-context");
5
+ var $ds9gm$radixuireactrovingfocus = require("@radix-ui/react-roving-focus");
6
+ var $ds9gm$radixuireactprimitive = require("@radix-ui/react-primitive");
7
+ var $ds9gm$radixuireactseparator = require("@radix-ui/react-separator");
8
+ var $ds9gm$radixuireacttogglegroup = require("@radix-ui/react-toggle-group");
9
+ var $ds9gm$radixuireactdirection = require("@radix-ui/react-direction");
10
+
11
+ function $parcel$exportWildcard(dest, source) {
12
+ Object.keys(source).forEach(function(key) {
13
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
14
+ return;
15
+ }
16
+
17
+ Object.defineProperty(dest, key, {
18
+ enumerable: true,
19
+ get: function get() {
20
+ return source[key];
21
+ }
22
+ });
23
+ });
24
+
25
+ return dest;
26
+ }
27
+ function $parcel$interopDefault(a) {
28
+ return a && a.__esModule ? a.default : a;
29
+ }
30
+ function $parcel$export(e, n, v, s) {
31
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
32
+ }
33
+ var $ac268fe8f3257fa7$exports = {};
34
+
35
+ $parcel$export($ac268fe8f3257fa7$exports, "createToolbarScope", () => $ac268fe8f3257fa7$export$233e637670877d91);
36
+ $parcel$export($ac268fe8f3257fa7$exports, "Toolbar", () => $ac268fe8f3257fa7$export$4c260019440d418f);
37
+ $parcel$export($ac268fe8f3257fa7$exports, "ToolbarSeparator", () => $ac268fe8f3257fa7$export$291e1a31e8ec7868);
38
+ $parcel$export($ac268fe8f3257fa7$exports, "ToolbarButton", () => $ac268fe8f3257fa7$export$e5c1a33878e86e9e);
39
+ $parcel$export($ac268fe8f3257fa7$exports, "ToolbarLink", () => $ac268fe8f3257fa7$export$ff5714eba66809fd);
40
+ $parcel$export($ac268fe8f3257fa7$exports, "ToolbarToggleGroup", () => $ac268fe8f3257fa7$export$aeae28cb17562c0b);
41
+ $parcel$export($ac268fe8f3257fa7$exports, "ToolbarToggleItem", () => $ac268fe8f3257fa7$export$546b879b639844a1);
42
+ $parcel$export($ac268fe8f3257fa7$exports, "Root", () => $ac268fe8f3257fa7$export$be92b6f5f03c0fe9);
43
+ $parcel$export($ac268fe8f3257fa7$exports, "Separator", () => $ac268fe8f3257fa7$export$1ff3c3f08ae963c0);
44
+ $parcel$export($ac268fe8f3257fa7$exports, "Button", () => $ac268fe8f3257fa7$export$353f5b6fc5456de1);
45
+ $parcel$export($ac268fe8f3257fa7$exports, "Link", () => $ac268fe8f3257fa7$export$a6c7ac8248d6e38a);
46
+ $parcel$export($ac268fe8f3257fa7$exports, "ToggleGroup", () => $ac268fe8f3257fa7$export$af3ec21f6cfb5e30);
47
+ $parcel$export($ac268fe8f3257fa7$exports, "ToggleItem", () => $ac268fe8f3257fa7$export$920ad4cf87b18fc7);
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+ /* -------------------------------------------------------------------------------------------------
60
+ * Toolbar
61
+ * -----------------------------------------------------------------------------------------------*/ const $ac268fe8f3257fa7$var$TOOLBAR_NAME = 'Toolbar';
62
+ const [$ac268fe8f3257fa7$var$createToolbarContext, $ac268fe8f3257fa7$export$233e637670877d91] = $ds9gm$radixuireactcontext.createContextScope($ac268fe8f3257fa7$var$TOOLBAR_NAME, [
63
+ $ds9gm$radixuireactrovingfocus.createRovingFocusGroupScope,
64
+ $ds9gm$radixuireacttogglegroup.createToggleGroupScope
65
+ ]);
66
+ const $ac268fe8f3257fa7$var$useRovingFocusGroupScope = $ds9gm$radixuireactrovingfocus.createRovingFocusGroupScope();
67
+ const $ac268fe8f3257fa7$var$useToggleGroupScope = $ds9gm$radixuireacttogglegroup.createToggleGroupScope();
68
+ const [$ac268fe8f3257fa7$var$ToolbarProvider, $ac268fe8f3257fa7$var$useToolbarContext] = $ac268fe8f3257fa7$var$createToolbarContext($ac268fe8f3257fa7$var$TOOLBAR_NAME);
69
+ const $ac268fe8f3257fa7$export$4c260019440d418f = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
70
+ const { __scopeToolbar: __scopeToolbar , orientation: orientation = 'horizontal' , dir: dir , loop: loop = true , ...toolbarProps } = props;
71
+ const rovingFocusGroupScope = $ac268fe8f3257fa7$var$useRovingFocusGroupScope(__scopeToolbar);
72
+ const direction = $ds9gm$radixuireactdirection.useDirection(dir);
73
+ return /*#__PURE__*/ $ds9gm$react.createElement($ac268fe8f3257fa7$var$ToolbarProvider, {
74
+ scope: __scopeToolbar,
75
+ orientation: orientation,
76
+ dir: direction
77
+ }, /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactrovingfocus.Root, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
78
+ asChild: true
79
+ }, rovingFocusGroupScope, {
80
+ orientation: orientation,
81
+ dir: direction,
82
+ loop: loop
83
+ }), /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
84
+ role: "toolbar",
85
+ "aria-orientation": orientation,
86
+ dir: direction
87
+ }, toolbarProps, {
88
+ ref: forwardedRef
89
+ }))));
90
+ });
91
+ /*#__PURE__*/ Object.assign($ac268fe8f3257fa7$export$4c260019440d418f, {
92
+ displayName: $ac268fe8f3257fa7$var$TOOLBAR_NAME
93
+ });
94
+ /* -------------------------------------------------------------------------------------------------
95
+ * ToolbarSeparator
96
+ * -----------------------------------------------------------------------------------------------*/ const $ac268fe8f3257fa7$var$SEPARATOR_NAME = 'ToolbarSeparator';
97
+ const $ac268fe8f3257fa7$export$291e1a31e8ec7868 = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
98
+ const { __scopeToolbar: __scopeToolbar , ...separatorProps } = props;
99
+ const context = $ac268fe8f3257fa7$var$useToolbarContext($ac268fe8f3257fa7$var$SEPARATOR_NAME, __scopeToolbar);
100
+ return /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactseparator.Root, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
101
+ orientation: context.orientation === 'horizontal' ? 'vertical' : 'horizontal'
102
+ }, separatorProps, {
103
+ ref: forwardedRef
104
+ }));
105
+ });
106
+ /*#__PURE__*/ Object.assign($ac268fe8f3257fa7$export$291e1a31e8ec7868, {
107
+ displayName: $ac268fe8f3257fa7$var$SEPARATOR_NAME
108
+ });
109
+ /* -------------------------------------------------------------------------------------------------
110
+ * ToolbarButton
111
+ * -----------------------------------------------------------------------------------------------*/ const $ac268fe8f3257fa7$var$BUTTON_NAME = 'ToolbarButton';
112
+ const $ac268fe8f3257fa7$export$e5c1a33878e86e9e = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
113
+ const { __scopeToolbar: __scopeToolbar , ...buttonProps } = props;
114
+ const rovingFocusGroupScope = $ac268fe8f3257fa7$var$useRovingFocusGroupScope(__scopeToolbar);
115
+ return /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactrovingfocus.Item, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
116
+ asChild: true
117
+ }, rovingFocusGroupScope, {
118
+ focusable: !props.disabled
119
+ }), /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
120
+ type: "button"
121
+ }, buttonProps, {
122
+ ref: forwardedRef
123
+ })));
124
+ });
125
+ /*#__PURE__*/ Object.assign($ac268fe8f3257fa7$export$e5c1a33878e86e9e, {
126
+ displayName: $ac268fe8f3257fa7$var$BUTTON_NAME
127
+ });
128
+ /* -------------------------------------------------------------------------------------------------
129
+ * ToolbarLink
130
+ * -----------------------------------------------------------------------------------------------*/ const $ac268fe8f3257fa7$var$LINK_NAME = 'ToolbarLink';
131
+ const $ac268fe8f3257fa7$export$ff5714eba66809fd = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
132
+ const { __scopeToolbar: __scopeToolbar , ...linkProps } = props;
133
+ const rovingFocusGroupScope = $ac268fe8f3257fa7$var$useRovingFocusGroupScope(__scopeToolbar);
134
+ return /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactrovingfocus.Item, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
135
+ asChild: true
136
+ }, rovingFocusGroupScope, {
137
+ focusable: true
138
+ }), /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireactprimitive.Primitive.a, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({}, linkProps, {
139
+ ref: forwardedRef,
140
+ onKeyDown: $ds9gm$radixuiprimitive.composeEventHandlers(props.onKeyDown, (event)=>{
141
+ if (event.key === ' ') event.currentTarget.click();
142
+ })
143
+ })));
144
+ });
145
+ /*#__PURE__*/ Object.assign($ac268fe8f3257fa7$export$ff5714eba66809fd, {
146
+ displayName: $ac268fe8f3257fa7$var$LINK_NAME
147
+ });
148
+ /* -------------------------------------------------------------------------------------------------
149
+ * ToolbarToggleGroup
150
+ * -----------------------------------------------------------------------------------------------*/ const $ac268fe8f3257fa7$var$TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';
151
+ const $ac268fe8f3257fa7$export$aeae28cb17562c0b = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
152
+ const { __scopeToolbar: __scopeToolbar , ...toggleGroupProps } = props;
153
+ const context = $ac268fe8f3257fa7$var$useToolbarContext($ac268fe8f3257fa7$var$TOGGLE_GROUP_NAME, __scopeToolbar);
154
+ const toggleGroupScope = $ac268fe8f3257fa7$var$useToggleGroupScope(__scopeToolbar);
155
+ return /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireacttogglegroup.Root, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
156
+ "data-orientation": context.orientation,
157
+ dir: context.dir
158
+ }, toggleGroupScope, toggleGroupProps, {
159
+ ref: forwardedRef,
160
+ rovingFocus: false
161
+ }));
162
+ });
163
+ /*#__PURE__*/ Object.assign($ac268fe8f3257fa7$export$aeae28cb17562c0b, {
164
+ displayName: $ac268fe8f3257fa7$var$TOGGLE_GROUP_NAME
165
+ });
166
+ /* -------------------------------------------------------------------------------------------------
167
+ * ToolbarToggleItem
168
+ * -----------------------------------------------------------------------------------------------*/ const $ac268fe8f3257fa7$var$TOGGLE_ITEM_NAME = 'ToolbarToggleItem';
169
+ const $ac268fe8f3257fa7$export$546b879b639844a1 = /*#__PURE__*/ $ds9gm$react.forwardRef((props, forwardedRef)=>{
170
+ const { __scopeToolbar: __scopeToolbar , ...toggleItemProps } = props;
171
+ const toggleGroupScope = $ac268fe8f3257fa7$var$useToggleGroupScope(__scopeToolbar);
172
+ return /*#__PURE__*/ $ds9gm$react.createElement($ac268fe8f3257fa7$export$e5c1a33878e86e9e, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({
173
+ asChild: true
174
+ }, props), /*#__PURE__*/ $ds9gm$react.createElement($ds9gm$radixuireacttogglegroup.Item, ($parcel$interopDefault($ds9gm$babelruntimehelpersextends))({}, toggleGroupScope, toggleItemProps, {
175
+ ref: forwardedRef
176
+ })));
177
+ });
178
+ /*#__PURE__*/ Object.assign($ac268fe8f3257fa7$export$546b879b639844a1, {
179
+ displayName: $ac268fe8f3257fa7$var$TOGGLE_ITEM_NAME
180
+ });
181
+ /* ---------------------------------------------------------------------------------------------- */ const $ac268fe8f3257fa7$export$be92b6f5f03c0fe9 = $ac268fe8f3257fa7$export$4c260019440d418f;
182
+ const $ac268fe8f3257fa7$export$1ff3c3f08ae963c0 = $ac268fe8f3257fa7$export$291e1a31e8ec7868;
183
+ const $ac268fe8f3257fa7$export$353f5b6fc5456de1 = $ac268fe8f3257fa7$export$e5c1a33878e86e9e;
184
+ const $ac268fe8f3257fa7$export$a6c7ac8248d6e38a = $ac268fe8f3257fa7$export$ff5714eba66809fd;
185
+ const $ac268fe8f3257fa7$export$af3ec21f6cfb5e30 = $ac268fe8f3257fa7$export$aeae28cb17562c0b;
186
+ const $ac268fe8f3257fa7$export$920ad4cf87b18fc7 = $ac268fe8f3257fa7$export$546b879b639844a1;
187
+
188
+
189
+ $parcel$exportWildcard(module.exports, $ac268fe8f3257fa7$exports);
190
+
191
+
2
192
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"IAAgCA,icAAAA,8CAClBA,EAAEC,WAAaD,EAAEE,QAAUF,EAWzC,SAASG,EAAuBC,EAAMC,GAcpC,OAbAC,OAAOC,KAAKF,GAAQG,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeN,EAAMK,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOP,EAAOI,SAKbL,ECRT,MAGOS,EAAsBC,GAAsBC,EAH9B,UAG+D,CAClFC,EACAC,iCAEF,MAAMC,EAA2BF,IAC3BG,EAAsBF,KAOrBG,EAAiBC,GACtBR,EAhBmB,WA0BfS,eAAUC,EAAMC,YACpB,CAACC,EAAkCC,KACjC,MAAMC,eAAEA,EAAFC,YAAkBA,EAAc,aAAhCC,IAA8CA,EAA9CC,KAAmDA,GAAO,KAASC,GAAiBN,EACpFO,EAAwBd,EAAyBS,GACjDM,EAAYC,EAAaL,gBAC/B,OACEM,EAAAC,cAACC,EAAD,CAAiBC,MAAOX,EAAgBC,YAAaA,EAAaC,IAAKI,gBACrEE,EAAAC,cAACG,EAAiBC,KAAlBC,EAAA,CACEC,SAAO,GACHV,EAFN,CAGEJ,YAAaA,EACbC,IAAKI,EACLH,KAAMA,iBAENK,EAAAC,cAACO,EAAUC,IAAXH,EAAA,CACEI,KAAK,UACL,mBAAkBjB,EAClBC,IAAKI,GACDF,EAJN,CAKEe,IAAKpB,4BAcjB,MAMMqB,eAAmBxB,EAAMC,YAC7B,CAACC,EAA2CC,KAC1C,MAAMC,eAAEA,KAAmBqB,GAAmBvB,EACxCwB,EAAU5B,EATG,mBAS+BM,gBAClD,OACEQ,EAAAC,cAACc,EAAmBV,KAApBC,EAAA,CACEb,YAAqC,eAAxBqB,EAAQrB,YAA+B,WAAa,cAC7DoB,EAFN,CAGEF,IAAKpB,mCAYb,MAMMyB,eAAgB5B,EAAMC,YAC1B,CAACC,EAAwCC,KACvC,MAAMC,eAAEA,KAAmByB,GAAgB3B,EACrCO,EAAwBd,EAAyBS,gBACvD,OACEQ,EAAAC,cAACG,EAAiBc,KAAlBZ,EAAA,CAAuBC,SAAO,GAAKV,EAAnC,CAA0DsB,WAAY7B,EAAM8B,wBAC1EpB,EAAAC,cAACO,EAAUa,OAAXf,EAAA,CAAkBgB,KAAK,UAAaL,EAApC,CAAiDN,IAAKpB,iCAY9D,MAMMgC,eAAcnC,EAAMC,YACxB,CAACC,EAAsCC,KACrC,MAAMC,eAAEA,KAAmBgC,GAAclC,EACnCO,EAAwBd,EAAyBS,gBACvD,OACEQ,EAAAC,cAACG,EAAiBc,KAAlBZ,EAAA,CAAuBC,SAAO,GAAKV,EAAnC,CAA0DsB,WAAS,iBACjEnB,EAAAC,cAACO,EAAU3C,EAAXyC,EAAA,GACMkB,EADN,CAEEb,IAAKpB,EACLkC,UAAWC,EAAqBpC,EAAMmC,WAAYE,IAC9B,MAAdA,EAAMrD,KAAaqD,EAAMC,cAAcC,wCAcvD,MAOMC,eAAqB1C,EAAMC,YAI/B,CACEC,EACAC,KAEA,MAAMC,eAAEA,KAAmBuC,GAAqBzC,EAC1CwB,EAAU5B,EAhBM,qBAgB+BM,GAC/CwC,EAAmBhD,EAAoBQ,gBAC7C,OACEQ,EAAAC,cAACgC,EAAqB5B,KAAtBC,EAAA,CACE,mBAAkBQ,EAAQrB,YAC1BC,IAAKoB,EAAQpB,KACTsC,EACAD,EAJN,CAKEpB,IAAKpB,EACL2C,aAAa,qCAYrB,MAMMC,eAAoB/C,EAAMC,YAC9B,CAACC,EAA4CC,KAC3C,MAAMC,eAAEA,KAAmB4C,GAAoB9C,EACzC0C,EAAmBhD,EAAoBQ,gBAC7C,OACEQ,EAAAC,cAACe,EAADV,EAAA,CAAeC,SAAO,GAAKjB,gBACzBU,EAAAC,cAACgC,EAAqBf,KAAtBZ,EAAA,GAA+B0B,EAAsBI,EAArD,CAAsEzB,IAAKpB,qCAUnF,MAAMc,EAAOlB,iBACb,MAAMkD,EAAYzB,sBAClB,MAAM0B,EAAStB,mBACf,MAAMuB,EAAOhB,iBACb,MAAMiB,EAAcV,wBACpB,MAAMW,EAAaN","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToolbarButton asChild {...props}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","createToolbarContext","createToolbarScope","createContextScope","createRovingFocusGroupScope","createToggleGroupScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","React","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","useDirection","_react","createElement","$ad2966449eadd63e15eb1cd256d5fc2$var$ToolbarProvider","scope","_radixUiReactRovingFocus","Root","_babelRuntimeHelpersExtends","asChild","Primitive","div","role","ref","ToolbarSeparator","separatorProps","context","_radixUiReactSeparator","ToolbarButton","buttonProps","Item","focusable","disabled","button","type","ToolbarLink","linkProps","onKeyDown","composeEventHandlers","event","currentTarget","click","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","_radixUiReactToggleGroup","rovingFocus","ToolbarToggleItem","toggleItemProps","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.js.map"}
1
+ {"mappings":"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","sources":["packages/react/toolbar/src/index.ts","packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["export * from './Toolbar';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToolbarButton asChild {...props}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["React","composeEventHandlers","createContextScope","RovingFocusGroup","createRovingFocusGroupScope","Primitive","SeparatorPrimitive","ToggleGroupPrimitive","createToggleGroupScope","useDirection","TOOLBAR_NAME","createToolbarContext","createToolbarScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","BUTTON_NAME","ToolbarButton","buttonProps","disabled","LINK_NAME","ToolbarLink","linkProps","onKeyDown","event","key","currentTarget","click","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","Root","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.js.map"}
@@ -1,2 +1,173 @@
1
- import{useDirection as o}from"@radix-ui/react-direction";import*as r from"@radix-ui/react-toggle-group";import{createToggleGroupScope as t}from"@radix-ui/react-toggle-group";import*as e from"@radix-ui/react-separator";import{Primitive as a}from"@radix-ui/react-primitive";import*as i from"@radix-ui/react-roving-focus";import{createRovingFocusGroupScope as n}from"@radix-ui/react-roving-focus";import{createContextScope as l}from"@radix-ui/react-context";import{composeEventHandlers as c}from"@radix-ui/primitive";import*as p from"react";import s from"@babel/runtime/helpers/esm/extends";const[m,u]=l("Toolbar",[n,t]);export{u as createToolbarScope};const f=n(),b=t(),[d,T]=m("Toolbar");export const Toolbar=/*#__PURE__*/p.forwardRef(((r,t)=>{const{__scopeToolbar:e,orientation:n="horizontal",dir:l,loop:c=!0,...m}=r,u=f(e),b=o(l);/*#__PURE__*/return p.createElement(d,{scope:e,orientation:n,dir:b},/*#__PURE__*/p.createElement(i.Root,s({asChild:!0},u,{orientation:n,dir:b,loop:c}),/*#__PURE__*/p.createElement(a.div,s({role:"toolbar","aria-orientation":n,dir:b},m,{ref:t}))))}));/*#__PURE__*/export const ToolbarSeparator=/*#__PURE__*/p.forwardRef(((o,r)=>{const{__scopeToolbar:t,...a}=o,i=T("ToolbarSeparator",t);/*#__PURE__*/return p.createElement(e.Root,s({orientation:"horizontal"===i.orientation?"vertical":"horizontal"},a,{ref:r}))}));/*#__PURE__*/export const ToolbarButton=/*#__PURE__*/p.forwardRef(((o,r)=>{const{__scopeToolbar:t,...e}=o,n=f(t);/*#__PURE__*/return p.createElement(i.Item,s({asChild:!0},n,{focusable:!o.disabled}),/*#__PURE__*/p.createElement(a.button,s({type:"button"},e,{ref:r})))}));/*#__PURE__*/export const ToolbarLink=/*#__PURE__*/p.forwardRef(((o,r)=>{const{__scopeToolbar:t,...e}=o,n=f(t);/*#__PURE__*/return p.createElement(i.Item,s({asChild:!0},n,{focusable:!0}),/*#__PURE__*/p.createElement(a.a,s({},e,{ref:r,onKeyDown:c(o.onKeyDown,(o=>{" "===o.key&&o.currentTarget.click()}))})))}));/*#__PURE__*/export const ToolbarToggleGroup=/*#__PURE__*/p.forwardRef(((o,t)=>{const{__scopeToolbar:e,...a}=o,i=T("ToolbarToggleGroup",e),n=b(e);/*#__PURE__*/return p.createElement(r.Root,s({"data-orientation":i.orientation,dir:i.dir},n,a,{ref:t,rovingFocus:!1}))}));/*#__PURE__*/export const ToolbarToggleItem=/*#__PURE__*/p.forwardRef(((o,t)=>{const{__scopeToolbar:e,...a}=o,i=b(e);/*#__PURE__*/return p.createElement(ToolbarButton,s({asChild:!0},o),/*#__PURE__*/p.createElement(r.Item,s({},i,a,{ref:t})))}));/*#__PURE__*/export const Root=Toolbar;export const Separator=ToolbarSeparator;export const Button=ToolbarButton;export const Link=ToolbarLink;export const ToggleGroup=ToolbarToggleGroup;export const ToggleItem=ToolbarToggleItem;
1
+ import $72MJ6$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
2
+ import {forwardRef as $72MJ6$forwardRef, createElement as $72MJ6$createElement} from "react";
3
+ import {composeEventHandlers as $72MJ6$composeEventHandlers} from "@radix-ui/primitive";
4
+ import {createContextScope as $72MJ6$createContextScope} from "@radix-ui/react-context";
5
+ import {createRovingFocusGroupScope as $72MJ6$createRovingFocusGroupScope, Root as $72MJ6$Root, Item as $72MJ6$Item} from "@radix-ui/react-roving-focus";
6
+ import {Primitive as $72MJ6$Primitive} from "@radix-ui/react-primitive";
7
+ import {Root as $72MJ6$Root1} from "@radix-ui/react-separator";
8
+ import {createToggleGroupScope as $72MJ6$createToggleGroupScope, Root as $72MJ6$Root2, Item as $72MJ6$Item1} from "@radix-ui/react-toggle-group";
9
+ import {useDirection as $72MJ6$useDirection} from "@radix-ui/react-direction";
10
+
11
+ function $parcel$export(e, n, v, s) {
12
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
13
+ }
14
+ var $3dc4ded751c8bdfb$exports = {};
15
+
16
+ $parcel$export($3dc4ded751c8bdfb$exports, "createToolbarScope", () => $3dc4ded751c8bdfb$export$233e637670877d91);
17
+ $parcel$export($3dc4ded751c8bdfb$exports, "Toolbar", () => $3dc4ded751c8bdfb$export$4c260019440d418f);
18
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToolbarSeparator", () => $3dc4ded751c8bdfb$export$291e1a31e8ec7868);
19
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToolbarButton", () => $3dc4ded751c8bdfb$export$e5c1a33878e86e9e);
20
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToolbarLink", () => $3dc4ded751c8bdfb$export$ff5714eba66809fd);
21
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToolbarToggleGroup", () => $3dc4ded751c8bdfb$export$aeae28cb17562c0b);
22
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToolbarToggleItem", () => $3dc4ded751c8bdfb$export$546b879b639844a1);
23
+ $parcel$export($3dc4ded751c8bdfb$exports, "Root", () => $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9);
24
+ $parcel$export($3dc4ded751c8bdfb$exports, "Separator", () => $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0);
25
+ $parcel$export($3dc4ded751c8bdfb$exports, "Button", () => $3dc4ded751c8bdfb$export$353f5b6fc5456de1);
26
+ $parcel$export($3dc4ded751c8bdfb$exports, "Link", () => $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a);
27
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToggleGroup", () => $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30);
28
+ $parcel$export($3dc4ded751c8bdfb$exports, "ToggleItem", () => $3dc4ded751c8bdfb$export$920ad4cf87b18fc7);
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+ /* -------------------------------------------------------------------------------------------------
41
+ * Toolbar
42
+ * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOOLBAR_NAME = 'Toolbar';
43
+ const [$3dc4ded751c8bdfb$var$createToolbarContext, $3dc4ded751c8bdfb$export$233e637670877d91] = $72MJ6$createContextScope($3dc4ded751c8bdfb$var$TOOLBAR_NAME, [
44
+ $72MJ6$createRovingFocusGroupScope,
45
+ $72MJ6$createToggleGroupScope
46
+ ]);
47
+ const $3dc4ded751c8bdfb$var$useRovingFocusGroupScope = $72MJ6$createRovingFocusGroupScope();
48
+ const $3dc4ded751c8bdfb$var$useToggleGroupScope = $72MJ6$createToggleGroupScope();
49
+ const [$3dc4ded751c8bdfb$var$ToolbarProvider, $3dc4ded751c8bdfb$var$useToolbarContext] = $3dc4ded751c8bdfb$var$createToolbarContext($3dc4ded751c8bdfb$var$TOOLBAR_NAME);
50
+ const $3dc4ded751c8bdfb$export$4c260019440d418f = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
51
+ const { __scopeToolbar: __scopeToolbar , orientation: orientation = 'horizontal' , dir: dir , loop: loop = true , ...toolbarProps } = props;
52
+ const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
53
+ const direction = $72MJ6$useDirection(dir);
54
+ return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$var$ToolbarProvider, {
55
+ scope: __scopeToolbar,
56
+ orientation: orientation,
57
+ dir: direction
58
+ }, /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root, $72MJ6$babelruntimehelpersesmextends({
59
+ asChild: true
60
+ }, rovingFocusGroupScope, {
61
+ orientation: orientation,
62
+ dir: direction,
63
+ loop: loop
64
+ }), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.div, $72MJ6$babelruntimehelpersesmextends({
65
+ role: "toolbar",
66
+ "aria-orientation": orientation,
67
+ dir: direction
68
+ }, toolbarProps, {
69
+ ref: forwardedRef
70
+ }))));
71
+ });
72
+ /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$4c260019440d418f, {
73
+ displayName: $3dc4ded751c8bdfb$var$TOOLBAR_NAME
74
+ });
75
+ /* -------------------------------------------------------------------------------------------------
76
+ * ToolbarSeparator
77
+ * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$SEPARATOR_NAME = 'ToolbarSeparator';
78
+ const $3dc4ded751c8bdfb$export$291e1a31e8ec7868 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
79
+ const { __scopeToolbar: __scopeToolbar , ...separatorProps } = props;
80
+ const context = $3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$SEPARATOR_NAME, __scopeToolbar);
81
+ return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root1, $72MJ6$babelruntimehelpersesmextends({
82
+ orientation: context.orientation === 'horizontal' ? 'vertical' : 'horizontal'
83
+ }, separatorProps, {
84
+ ref: forwardedRef
85
+ }));
86
+ });
87
+ /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$291e1a31e8ec7868, {
88
+ displayName: $3dc4ded751c8bdfb$var$SEPARATOR_NAME
89
+ });
90
+ /* -------------------------------------------------------------------------------------------------
91
+ * ToolbarButton
92
+ * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$BUTTON_NAME = 'ToolbarButton';
93
+ const $3dc4ded751c8bdfb$export$e5c1a33878e86e9e = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
94
+ const { __scopeToolbar: __scopeToolbar , ...buttonProps } = props;
95
+ const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
96
+ return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item, $72MJ6$babelruntimehelpersesmextends({
97
+ asChild: true
98
+ }, rovingFocusGroupScope, {
99
+ focusable: !props.disabled
100
+ }), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.button, $72MJ6$babelruntimehelpersesmextends({
101
+ type: "button"
102
+ }, buttonProps, {
103
+ ref: forwardedRef
104
+ })));
105
+ });
106
+ /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, {
107
+ displayName: $3dc4ded751c8bdfb$var$BUTTON_NAME
108
+ });
109
+ /* -------------------------------------------------------------------------------------------------
110
+ * ToolbarLink
111
+ * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$LINK_NAME = 'ToolbarLink';
112
+ const $3dc4ded751c8bdfb$export$ff5714eba66809fd = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
113
+ const { __scopeToolbar: __scopeToolbar , ...linkProps } = props;
114
+ const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
115
+ return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item, $72MJ6$babelruntimehelpersesmextends({
116
+ asChild: true
117
+ }, rovingFocusGroupScope, {
118
+ focusable: true
119
+ }), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.a, $72MJ6$babelruntimehelpersesmextends({}, linkProps, {
120
+ ref: forwardedRef,
121
+ onKeyDown: $72MJ6$composeEventHandlers(props.onKeyDown, (event)=>{
122
+ if (event.key === ' ') event.currentTarget.click();
123
+ })
124
+ })));
125
+ });
126
+ /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$ff5714eba66809fd, {
127
+ displayName: $3dc4ded751c8bdfb$var$LINK_NAME
128
+ });
129
+ /* -------------------------------------------------------------------------------------------------
130
+ * ToolbarToggleGroup
131
+ * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';
132
+ const $3dc4ded751c8bdfb$export$aeae28cb17562c0b = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
133
+ const { __scopeToolbar: __scopeToolbar , ...toggleGroupProps } = props;
134
+ const context = $3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME, __scopeToolbar);
135
+ const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
136
+ return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root2, $72MJ6$babelruntimehelpersesmextends({
137
+ "data-orientation": context.orientation,
138
+ dir: context.dir
139
+ }, toggleGroupScope, toggleGroupProps, {
140
+ ref: forwardedRef,
141
+ rovingFocus: false
142
+ }));
143
+ });
144
+ /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$aeae28cb17562c0b, {
145
+ displayName: $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME
146
+ });
147
+ /* -------------------------------------------------------------------------------------------------
148
+ * ToolbarToggleItem
149
+ * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOGGLE_ITEM_NAME = 'ToolbarToggleItem';
150
+ const $3dc4ded751c8bdfb$export$546b879b639844a1 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
151
+ const { __scopeToolbar: __scopeToolbar , ...toggleItemProps } = props;
152
+ const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
153
+ return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, $72MJ6$babelruntimehelpersesmextends({
154
+ asChild: true
155
+ }, props), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item1, $72MJ6$babelruntimehelpersesmextends({}, toggleGroupScope, toggleItemProps, {
156
+ ref: forwardedRef
157
+ })));
158
+ });
159
+ /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$546b879b639844a1, {
160
+ displayName: $3dc4ded751c8bdfb$var$TOGGLE_ITEM_NAME
161
+ });
162
+ /* ---------------------------------------------------------------------------------------------- */ const $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9 = $3dc4ded751c8bdfb$export$4c260019440d418f;
163
+ const $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0 = $3dc4ded751c8bdfb$export$291e1a31e8ec7868;
164
+ const $3dc4ded751c8bdfb$export$353f5b6fc5456de1 = $3dc4ded751c8bdfb$export$e5c1a33878e86e9e;
165
+ const $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a = $3dc4ded751c8bdfb$export$ff5714eba66809fd;
166
+ const $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30 = $3dc4ded751c8bdfb$export$aeae28cb17562c0b;
167
+ const $3dc4ded751c8bdfb$export$920ad4cf87b18fc7 = $3dc4ded751c8bdfb$export$546b879b639844a1;
168
+
169
+
170
+
171
+
172
+ export {$3dc4ded751c8bdfb$export$233e637670877d91 as createToolbarScope, $3dc4ded751c8bdfb$export$4c260019440d418f as Toolbar, $3dc4ded751c8bdfb$export$291e1a31e8ec7868 as ToolbarSeparator, $3dc4ded751c8bdfb$export$e5c1a33878e86e9e as ToolbarButton, $3dc4ded751c8bdfb$export$ff5714eba66809fd as ToolbarLink, $3dc4ded751c8bdfb$export$aeae28cb17562c0b as ToolbarToggleGroup, $3dc4ded751c8bdfb$export$546b879b639844a1 as ToolbarToggleItem, $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9 as Root, $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0 as Separator, $3dc4ded751c8bdfb$export$353f5b6fc5456de1 as Button, $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a as Link, $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30 as ToggleGroup, $3dc4ded751c8bdfb$export$920ad4cf87b18fc7 as ToggleItem};
2
173
  //# sourceMappingURL=index.module.js.map
@@ -1 +1 @@
1
- {"mappings":"4kBAkBA,MAGOA,EAAsBC,GAAsBC,EAH9B,UAG+D,CAClFC,EACAC,oCAEF,MAAMC,EAA2BF,IAC3BG,EAAsBF,KAOrBG,EAAiBC,GACtBR,EAhBmB,kBA0BrB,MAAMS,qBAAUC,EAAMC,YACpB,CAACC,EAAkCC,KACjC,MAAMC,eAAEA,EAAFC,YAAkBA,EAAc,aAAhCC,IAA8CA,EAA9CC,KAAmDA,GAAO,KAASC,GAAiBN,EACpFO,EAAwBd,EAAyBS,GACjDM,EAAYC,EAAaL,gBAC/B,OACEM,EAAAC,cAACC,EAAD,CAAiBC,MAAOX,EAAgBC,YAAaA,EAAaC,IAAKI,gBACrEE,EAAAC,cAACG,EAAiBC,KAAlBC,EAAA,CACEC,SAAO,GACHV,EAFN,CAGEJ,YAAaA,EACbC,IAAKI,EACLH,KAAMA,iBAENK,EAAAC,cAACO,EAAUC,IAAXH,EAAA,CACEI,KAAK,UACL,mBAAkBjB,EAClBC,IAAKI,GACDF,EAJN,CAKEe,IAAKpB,8BAoBjB,MAAMqB,8BAAmBxB,EAAMC,YAC7B,CAACC,EAA2CC,KAC1C,MAAMC,eAAEA,KAAmBqB,GAAmBvB,EACxCwB,EAAU5B,EATG,mBAS+BM,gBAClD,OACEQ,EAAAC,cAACc,EAAmBV,KAApBC,EAAA,CACEb,YAAqC,eAAxBqB,EAAQrB,YAA+B,WAAa,cAC7DoB,EAFN,CAGEF,IAAKpB,4BAkBb,MAAMyB,2BAAgB5B,EAAMC,YAC1B,CAACC,EAAwCC,KACvC,MAAMC,eAAEA,KAAmByB,GAAgB3B,EACrCO,EAAwBd,EAAyBS,gBACvD,OACEQ,EAAAC,cAACG,EAAiBc,KAAlBZ,EAAA,CAAuBC,SAAO,GAAKV,EAAnC,CAA0DsB,WAAY7B,EAAM8B,wBAC1EpB,EAAAC,cAACO,EAAUa,OAAXf,EAAA,CAAkBgB,KAAK,UAAaL,EAApC,CAAiDN,IAAKpB,6BAkB9D,MAAMgC,yBAAcnC,EAAMC,YACxB,CAACC,EAAsCC,KACrC,MAAMC,eAAEA,KAAmBgC,GAAclC,EACnCO,EAAwBd,EAAyBS,gBACvD,OACEQ,EAAAC,cAACG,EAAiBc,KAAlBZ,EAAA,CAAuBC,SAAO,GAAKV,EAAnC,CAA0DsB,WAAS,iBACjEnB,EAAAC,cAACO,EAAUiB,EAAXnB,EAAA,GACMkB,EADN,CAEEb,IAAKpB,EACLmC,UAAWC,EAAqBrC,EAAMoC,WAAYE,IAC9B,MAAdA,EAAMC,KAAaD,EAAME,cAAcC,sCAqBvD,MAAMC,gCAAqB5C,EAAMC,YAI/B,CACEC,EACAC,KAEA,MAAMC,eAAEA,KAAmByC,GAAqB3C,EAC1CwB,EAAU5B,EAhBM,qBAgB+BM,GAC/C0C,EAAmBlD,EAAoBQ,gBAC7C,OACEQ,EAAAC,cAACkC,EAAqB9B,KAAtBC,EAAA,CACE,mBAAkBQ,EAAQrB,YAC1BC,IAAKoB,EAAQpB,KACTwC,EACAD,EAJN,CAKEtB,IAAKpB,EACL6C,aAAa,4BAkBrB,MAAMC,+BAAoBjD,EAAMC,YAC9B,CAACC,EAA4CC,KAC3C,MAAMC,eAAEA,KAAmB8C,GAAoBhD,EACzC4C,EAAmBlD,EAAoBQ,gBAC7C,OACEQ,EAAAC,cAACe,cAADV,EAAA,CAAeC,SAAO,GAAKjB,gBACzBU,EAAAC,cAACkC,EAAqBjB,KAAtBZ,EAAA,GAA+B4B,EAAsBI,EAArD,CAAsE3B,IAAKpB,6BAUnF,MAAMc,KAAOlB,eACb,MAAMoD,UAAY3B,wBAClB,MAAM4B,OAASxB,qBACf,MAAMyB,KAAOlB,mBACb,MAAMmB,YAAcV,0BACpB,MAAMW,WAAaN","sources":["./packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToolbarButton asChild {...props}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["createToolbarContext","createToolbarScope","createContextScope","createRovingFocusGroupScope","createToggleGroupScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","React","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","useDirection","_react","createElement","$ad9457c173723bf8dc92def88a055d79$var$ToolbarProvider","scope","_radixUiReactRovingFocus","Root","_babelRuntimeHelpersEsmExtends","asChild","Primitive","div","role","ref","ToolbarSeparator","separatorProps","context","_radixUiReactSeparator","ToolbarButton","buttonProps","Item","focusable","disabled","button","type","ToolbarLink","linkProps","a","onKeyDown","composeEventHandlers","event","key","currentTarget","click","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","_radixUiReactToggleGroup","rovingFocus","ToolbarToggleItem","toggleItemProps","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.module.js.map"}
1
+ {"mappings":"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","sources":["packages/react/toolbar/src/index.ts","packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["export * from './Toolbar';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as RovingFocusGroup from '@radix-ui/react-roving-focus';\nimport { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\nimport { useDirection } from '@radix-ui/react-direction';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype ScopedProps<P> = P & { __scopeToolbar?: Scope };\nconst [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useToggleGroupScope = createToggleGroupScope();\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype ToolbarContextValue = {\n orientation: RovingFocusGroupProps['orientation'];\n dir: RovingFocusGroupProps['dir'];\n};\nconst [ToolbarProvider, useToolbarContext] =\n createToolbarContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>(\n (props: ScopedProps<ToolbarProps>, forwardedRef) => {\n const { __scopeToolbar, orientation = 'horizontal', dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return (\n <ToolbarProvider scope={__scopeToolbar} orientation={orientation} dir={direction}>\n <RovingFocusGroup.Root\n asChild\n {...rovingFocusGroupScope}\n orientation={orientation}\n dir={direction}\n loop={loop}\n >\n <Primitive.div\n role=\"toolbar\"\n aria-orientation={orientation}\n dir={direction}\n {...toolbarProps}\n ref={forwardedRef}\n />\n </RovingFocusGroup.Root>\n </ToolbarProvider>\n );\n }\n);\n\nToolbar.displayName = TOOLBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props: ScopedProps<ToolbarSeparatorProps>, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props: ScopedProps<ToolbarButtonProps>, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!props.disabled}>\n <Primitive.button type=\"button\" {...buttonProps} ref={forwardedRef} />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props: ScopedProps<ToolbarLinkProps>, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return (\n <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable>\n <Primitive.a\n {...linkProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusGroup.Item>\n );\n }\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>(\n (\n props: ScopedProps<ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps>,\n forwardedRef\n ) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n dir={context.dir}\n {...toggleGroupScope}\n {...toggleGroupProps}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props: ScopedProps<ToolbarToggleItemProps>, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return (\n <ToolbarButton asChild {...props}>\n <ToggleGroupPrimitive.Item {...toggleGroupScope} {...toggleItemProps} ref={forwardedRef} />\n </ToolbarButton>\n );\n }\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n createToolbarScope,\n //\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["React","composeEventHandlers","createContextScope","RovingFocusGroup","createRovingFocusGroupScope","Primitive","SeparatorPrimitive","ToggleGroupPrimitive","createToggleGroupScope","useDirection","TOOLBAR_NAME","createToolbarContext","createToolbarScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","forwardRef","props","forwardedRef","__scopeToolbar","orientation","dir","loop","toolbarProps","rovingFocusGroupScope","direction","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","BUTTON_NAME","ToolbarButton","buttonProps","disabled","LINK_NAME","ToolbarLink","linkProps","onKeyDown","event","key","currentTarget","click","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","Root","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.module.js.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ui/react-toolbar",
3
- "version": "0.1.6-rc.3",
3
+ "version": "0.1.6-rc.32",
4
4
  "license": "MIT",
5
5
  "source": "src/index.ts",
6
6
  "main": "dist/index.js",
@@ -18,15 +18,16 @@
18
18
  "dependencies": {
19
19
  "@babel/runtime": "^7.13.10",
20
20
  "@radix-ui/primitive": "0.1.0",
21
- "@radix-ui/react-context": "0.1.1",
22
- "@radix-ui/react-direction": "0.1.0-rc.3",
23
- "@radix-ui/react-primitive": "0.1.4",
24
- "@radix-ui/react-roving-focus": "0.1.6-rc.3",
25
- "@radix-ui/react-separator": "0.1.4",
26
- "@radix-ui/react-toggle-group": "0.1.6-rc.3"
21
+ "@radix-ui/react-context": "0.1.2-rc.29",
22
+ "@radix-ui/react-direction": "0.1.0-rc.32",
23
+ "@radix-ui/react-primitive": "0.1.5-rc.29",
24
+ "@radix-ui/react-roving-focus": "0.1.6-rc.32",
25
+ "@radix-ui/react-separator": "0.1.5-rc.29",
26
+ "@radix-ui/react-toggle-group": "0.1.6-rc.32"
27
27
  },
28
28
  "peerDependencies": {
29
- "react": "^16.8 || ^17.0"
29
+ "react": "^16.8 || ^17.0 || ^18.0",
30
+ "react-dom": "^16.8 || ^17.0 || ^18.0"
30
31
  },
31
32
  "homepage": "https://radix-ui.com/primitives",
32
33
  "repository": {