@tamagui/elements 1.89.0-1706360676826 → 1.89.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.
@@ -1,66 +1,39 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var src_exports = {};
17
- __export(src_exports, {
18
- Article: () => Article,
19
- Aside: () => Aside,
20
- Footer: () => Footer,
21
- Header: () => Header,
22
- Main: () => Main,
23
- Nav: () => Nav,
24
- Section: () => Section
25
- });
26
- module.exports = __toCommonJS(src_exports);
27
- var import_core = require("@tamagui/core");
28
- const Section = (0, import_core.styled)(import_core.View, {
1
+ import { View, styled } from "@tamagui/core";
2
+ const Section = styled(View, {
29
3
  name: "Section",
30
4
  tag: "section",
31
5
  flexDirection: "column",
32
6
  accessibilityRole: "summary"
33
- }), Article = (0, import_core.styled)(import_core.View, {
7
+ }), Article = styled(View, {
34
8
  name: "Article",
35
9
  tag: "article",
36
10
  flexDirection: "column"
37
- }), Main = (0, import_core.styled)(import_core.View, {
11
+ }), Main = styled(View, {
38
12
  name: "Main",
39
13
  tag: "main",
40
14
  flexDirection: "column"
41
- }), Header = (0, import_core.styled)(import_core.View, {
15
+ }), Header = styled(View, {
42
16
  name: "Header",
43
17
  tag: "header",
44
18
  accessibilityRole: "header",
45
19
  flexDirection: "column"
46
- }), Aside = (0, import_core.styled)(import_core.View, {
20
+ }), Aside = styled(View, {
47
21
  name: "Aside",
48
22
  tag: "aside",
49
23
  flexDirection: "column"
50
24
  // accessibilityRole: 'complementary',
51
- }), Footer = (0, import_core.styled)(import_core.View, {
25
+ }), Footer = styled(View, {
52
26
  name: "Footer",
53
27
  tag: "footer",
54
28
  flexDirection: "column"
55
29
  // accessibilityRole: 'contentinfo',
56
- }), Nav = (0, import_core.styled)(import_core.View, {
30
+ }), Nav = styled(View, {
57
31
  name: "Nav",
58
32
  tag: "nav",
59
33
  flexDirection: "column"
60
34
  // accessibilityRole: 'navigation',
61
35
  });
62
- // Annotate the CommonJS export names for ESM import in node:
63
- 0 && (module.exports = {
36
+ export {
64
37
  Article,
65
38
  Aside,
66
39
  Footer,
@@ -68,5 +41,5 @@ const Section = (0, import_core.styled)(import_core.View, {
68
41
  Main,
69
42
  Nav,
70
43
  Section
71
- });
44
+ };
72
45
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAEtB,MAAM,cAAU,oBAAO,kBAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,cAAU,oBAAO,kBAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,WAAO,oBAAO,kBAAM;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,aAAS,oBAAO,kBAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,YAAQ,oBAAO,kBAAM;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,aAAS,oBAAO,kBAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,UAAM,oBAAO,kBAAM;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
4
+ "mappings": "AAAA,SAAS,MAAM,cAAc;AAEtB,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,OAAO,OAAO,MAAM;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,SAAS,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,QAAQ,OAAO,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,SAAS,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,MAAM,OAAO,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
5
5
  "names": []
6
6
  }
@@ -1,66 +1,39 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var src_exports = {};
17
- __export(src_exports, {
18
- Article: () => Article,
19
- Aside: () => Aside,
20
- Footer: () => Footer,
21
- Header: () => Header,
22
- Main: () => Main,
23
- Nav: () => Nav,
24
- Section: () => Section
25
- });
26
- module.exports = __toCommonJS(src_exports);
27
- var import_core = require("@tamagui/core");
28
- const Section = (0, import_core.styled)(import_core.View, {
1
+ import { View, styled } from "@tamagui/core";
2
+ const Section = styled(View, {
29
3
  name: "Section",
30
4
  tag: "section",
31
5
  flexDirection: "column",
32
6
  accessibilityRole: "summary"
33
- }), Article = (0, import_core.styled)(import_core.View, {
7
+ }), Article = styled(View, {
34
8
  name: "Article",
35
9
  tag: "article",
36
10
  flexDirection: "column"
37
- }), Main = (0, import_core.styled)(import_core.View, {
11
+ }), Main = styled(View, {
38
12
  name: "Main",
39
13
  tag: "main",
40
14
  flexDirection: "column"
41
- }), Header = (0, import_core.styled)(import_core.View, {
15
+ }), Header = styled(View, {
42
16
  name: "Header",
43
17
  tag: "header",
44
18
  accessibilityRole: "header",
45
19
  flexDirection: "column"
46
- }), Aside = (0, import_core.styled)(import_core.View, {
20
+ }), Aside = styled(View, {
47
21
  name: "Aside",
48
22
  tag: "aside",
49
23
  flexDirection: "column"
50
24
  // accessibilityRole: 'complementary',
51
- }), Footer = (0, import_core.styled)(import_core.View, {
25
+ }), Footer = styled(View, {
52
26
  name: "Footer",
53
27
  tag: "footer",
54
28
  flexDirection: "column"
55
29
  // accessibilityRole: 'contentinfo',
56
- }), Nav = (0, import_core.styled)(import_core.View, {
30
+ }), Nav = styled(View, {
57
31
  name: "Nav",
58
32
  tag: "nav",
59
33
  flexDirection: "column"
60
34
  // accessibilityRole: 'navigation',
61
35
  });
62
- // Annotate the CommonJS export names for ESM import in node:
63
- 0 && (module.exports = {
36
+ export {
64
37
  Article,
65
38
  Aside,
66
39
  Footer,
@@ -68,5 +41,5 @@ const Section = (0, import_core.styled)(import_core.View, {
68
41
  Main,
69
42
  Nav,
70
43
  Section
71
- });
44
+ };
72
45
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAEtB,MAAM,cAAU,oBAAO,kBAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,cAAU,oBAAO,kBAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,WAAO,oBAAO,kBAAM;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,aAAS,oBAAO,kBAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,YAAQ,oBAAO,kBAAM;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,aAAS,oBAAO,kBAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,UAAM,oBAAO,kBAAM;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
4
+ "mappings": "AAAA,SAAS,MAAM,cAAc;AAEtB,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,OAAO,OAAO,MAAM;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,SAAS,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,QAAQ,OAAO,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,SAAS,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,MAAM,OAAO,MAAM;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/elements",
3
- "version": "1.89.0-1706360676826",
3
+ "version": "1.89.0",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -30,14 +30,14 @@
30
30
  }
31
31
  },
32
32
  "dependencies": {
33
- "@tamagui/core": "1.89.0-1706360676826"
33
+ "@tamagui/core": "1.89.0"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "react": "*",
37
37
  "react-dom": "*"
38
38
  },
39
39
  "devDependencies": {
40
- "@tamagui/build": "1.89.0-1706360676826",
40
+ "@tamagui/build": "1.89.0",
41
41
  "react": "^18.2.0",
42
42
  "react-dom": "^18.2.0"
43
43
  },
package/dist/cjs/Tabs.js DELETED
@@ -1,275 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var Tabs_exports = {};
24
- __export(Tabs_exports, {
25
- Tabs: () => Tabs
26
- });
27
- module.exports = __toCommonJS(Tabs_exports);
28
- var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_get_button_sized = require("@tamagui/get-button-sized"), import_group = require("@tamagui/group"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
29
- const TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
30
- name: TAB_LIST_NAME
31
- }), TabsList = TabsListFrame.extractable(
32
- React.forwardRef(
33
- (props, forwardedRef) => {
34
- const { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
35
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
36
- import_roving_focus.RovingFocusGroup,
37
- {
38
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
39
- orientation: context.orientation,
40
- dir: context.dir,
41
- loop,
42
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
43
- TabsListFrame,
44
- {
45
- role: "tablist",
46
- "aria-orientation": context.orientation,
47
- ref: forwardedRef,
48
- orientation: context.orientation,
49
- ...listProps,
50
- children
51
- }
52
- )
53
- }
54
- );
55
- }
56
- )
57
- );
58
- TabsList.displayName = TAB_LIST_NAME;
59
- const TRIGGER_NAME = "TabsTrigger", TabsTriggerFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
60
- name: TRIGGER_NAME,
61
- tag: "button",
62
- justifyContent: "center",
63
- alignItems: "center",
64
- flexWrap: "nowrap",
65
- flexDirection: "row",
66
- cursor: "pointer",
67
- userSelect: "none",
68
- variants: {
69
- size: {
70
- "...size": import_get_button_sized.getButtonSized
71
- },
72
- disabled: {
73
- true: {
74
- pointerEvents: "none"
75
- }
76
- },
77
- active: {
78
- true: {
79
- hoverStyle: {
80
- backgroundColor: "$background"
81
- },
82
- focusStyle: {
83
- backgroundColor: "$background"
84
- }
85
- }
86
- },
87
- unstyled: {
88
- false: {
89
- backgroundColor: "$background",
90
- pressStyle: {
91
- backgroundColor: "$backgroundPress"
92
- },
93
- hoverStyle: {
94
- backgroundColor: "$backgroundHover"
95
- },
96
- focusStyle: {
97
- backgroundColor: "$backgroundFocus"
98
- }
99
- }
100
- }
101
- },
102
- defaultVariants: {
103
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
104
- }
105
- }), TabsTrigger = TabsTriggerFrame.extractable(
106
- React.forwardRef(
107
- (props, forwardedRef) => {
108
- const {
109
- __scopeTabs,
110
- value,
111
- disabled = !1,
112
- onInteraction,
113
- ...triggerProps
114
- } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled: !!disabled });
115
- return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
116
- if (!triggerRef.current || !import_constants.isWeb)
117
- return;
118
- function getTriggerSize() {
119
- triggerRef.current && setLayout({
120
- width: triggerRef.current.offsetWidth,
121
- height: triggerRef.current.offsetHeight,
122
- x: triggerRef.current.offsetLeft,
123
- y: triggerRef.current.offsetTop
124
- });
125
- }
126
- getTriggerSize();
127
- const observer = new ResizeObserver(getTriggerSize);
128
- return observer.observe(triggerRef.current), () => {
129
- triggerRef.current && observer.unobserve(triggerRef.current);
130
- };
131
- }, [context.triggersCount]), React.useEffect(() => {
132
- isSelected && layout && onInteraction?.("select", layout);
133
- }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { name: isSelected ? "active" : null, forceClassName: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
134
- import_roving_focus.RovingFocusGroup.Item,
135
- {
136
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
137
- asChild: !0,
138
- focusable: !disabled,
139
- active: isSelected,
140
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
141
- TabsTriggerFrame,
142
- {
143
- onLayout: (event) => {
144
- import_constants.isWeb || setLayout(event.nativeEvent.layout);
145
- },
146
- onHoverIn: (0, import_helpers.composeEventHandlers)(props.onHoverIn, () => {
147
- layout && onInteraction?.("hover", layout);
148
- }),
149
- onHoverOut: (0, import_helpers.composeEventHandlers)(props.onHoverOut, () => {
150
- onInteraction?.("hover", null);
151
- }),
152
- role: "tab",
153
- "aria-selected": isSelected,
154
- "aria-controls": contentId,
155
- "data-state": isSelected ? "active" : "inactive",
156
- "data-disabled": disabled ? "" : void 0,
157
- disabled,
158
- id: triggerId,
159
- size: context.size,
160
- ...groupItemProps,
161
- ...triggerProps,
162
- ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
163
- onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, (event) => {
164
- const webChecks = !import_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
165
- !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
166
- }),
167
- ...import_constants.isWeb && {
168
- type: "button",
169
- onKeyDown: (0, import_helpers.composeEventHandlers)(
170
- props.onKeyDown,
171
- (event) => {
172
- [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
173
- }
174
- ),
175
- onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
176
- layout && onInteraction?.("focus", layout);
177
- const isAutomaticActivation = context.activationMode !== "manual";
178
- !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
179
- }),
180
- onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
181
- onInteraction?.("focus", null);
182
- })
183
- }
184
- }
185
- )
186
- }
187
- ) });
188
- }
189
- )
190
- );
191
- TabsTrigger.displayName = TRIGGER_NAME;
192
- const CONTENT_NAME = "TabsContent", TabsContentFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
193
- name: CONTENT_NAME
194
- }), TabsContent = TabsContentFrame.styleable(
195
- function(props, forwardedRef) {
196
- const { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
197
- return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
198
- TabsContentFrame,
199
- {
200
- "data-state": isSelected ? "active" : "inactive",
201
- "data-orientation": context.orientation,
202
- role: "tabpanel",
203
- "aria-labelledby": triggerId,
204
- hidden: !show,
205
- id: contentId,
206
- tabIndex: 0,
207
- ...contentProps,
208
- ref: forwardedRef,
209
- children
210
- },
211
- value
212
- ) : null;
213
- }
214
- ), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks.SizableStack, {
215
- name: TABS_NAME
216
- }), TabsComponent = TabsFrame.styleable(
217
- (props, forwardedRef) => {
218
- const {
219
- __scopeTabs,
220
- value: valueProp,
221
- onValueChange,
222
- defaultValue,
223
- orientation = "horizontal",
224
- dir,
225
- activationMode = "automatic",
226
- size = "$true",
227
- ...tabsProps
228
- } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
229
- prop: valueProp,
230
- onChange: onValueChange,
231
- defaultProp: defaultValue ?? ""
232
- }), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
233
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
234
- TabsProvider,
235
- {
236
- scope: __scopeTabs,
237
- baseId: React.useId(),
238
- value,
239
- onChange: setValue,
240
- orientation,
241
- dir: direction,
242
- activationMode,
243
- size,
244
- registerTrigger,
245
- triggersCount,
246
- unregisterTrigger,
247
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
248
- TabsFrame,
249
- {
250
- direction,
251
- "data-orientation": orientation,
252
- ...tabsProps,
253
- ref: forwardedRef
254
- }
255
- )
256
- }
257
- );
258
- }
259
- ), Tabs = (0, import_helpers.withStaticProperties)(TabsComponent, {
260
- List: TabsList,
261
- /**
262
- * @deprecated Use Tabs.Tab instead
263
- */
264
- Trigger: TabsTrigger,
265
- Tab: TabsTrigger,
266
- Content: TabsContent
267
- });
268
- Tabs.displayName = TABS_NAME;
269
- function makeTriggerId(baseId, value) {
270
- return `${baseId}-trigger-${value}`;
271
- }
272
- function makeContentId(baseId, value) {
273
- return `${baseId}-content-${value}`;
274
- }
275
- //# sourceMappingURL=Tabs.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tabs.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }