@tamagui/collapsible 1.61.3 → 1.62.1

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,20 +1,15 @@
1
- "use strict";
2
1
  var __create = Object.create;
3
2
  var __defProp = Object.defineProperty;
4
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
8
6
  var __export = (target, all) => {
9
7
  for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
14
11
  for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
13
  return to;
19
14
  };
20
15
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -22,10 +17,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
22
17
  // file that has been converted to a CommonJS file using a Babel-
23
18
  // compatible transform (i.e. "__esModule" has not been set), then set
24
19
  // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
20
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
26
21
  mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
+ )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
29
23
  var Collapsible_exports = {};
30
24
  __export(Collapsible_exports, {
31
25
  Collapsible: () => Collapsible,
@@ -36,16 +30,8 @@ __export(Collapsible_exports, {
36
30
  createCollapsibleScope: () => createCollapsibleScope
37
31
  });
38
32
  module.exports = __toCommonJS(Collapsible_exports);
39
- var import_jsx_runtime = require("react/jsx-runtime");
40
- var import_animate_presence = require("@tamagui/animate-presence");
41
- var import_create_context = require("@tamagui/create-context");
42
- var import_use_controllable_state = require("@tamagui/use-controllable-state");
43
- var import_web = require("@tamagui/web");
44
- var React = __toESM(require("react"));
45
- const COLLAPSIBLE_NAME = "Collapsible";
46
- const [createCollapsibleContext, createCollapsibleScope] = (0, import_create_context.createContextScope)(COLLAPSIBLE_NAME);
47
- const [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
48
- const _Collapsible = React.forwardRef(
33
+ var import_animate_presence = require("@tamagui/animate-presence"), import_create_context = require("@tamagui/create-context"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
34
+ const COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = (0, import_create_context.createContextScope)(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React.forwardRef(
49
35
  (props, forwardedRef) => {
50
36
  const {
51
37
  __scopeCollapsible,
@@ -54,8 +40,7 @@ const _Collapsible = React.forwardRef(
54
40
  disabled,
55
41
  onOpenChange,
56
42
  ...collapsibleProps
57
- } = props;
58
- const [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
43
+ } = props, [open = !1, setOpen] = (0, import_use_controllable_state.useControllableState)({
59
44
  prop: openProp,
60
45
  defaultProp: defaultOpen,
61
46
  onChange: onOpenChange
@@ -85,39 +70,33 @@ const _Collapsible = React.forwardRef(
85
70
  }
86
71
  );
87
72
  _Collapsible.displayName = COLLAPSIBLE_NAME;
88
- const TRIGGER_NAME = "CollapsibleTrigger";
89
- const CollapsibleTriggerFrame = (0, import_web.styled)(import_web.Stack, {
73
+ const TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = (0, import_web.styled)(import_web.Stack, {
90
74
  name: TRIGGER_NAME,
91
75
  tag: "button"
92
- });
93
- const CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
76
+ }), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
94
77
  (props, forwardedRef) => {
95
- const { __scopeCollapsible, children, ...triggerProps } = props;
96
- const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
78
+ const { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
97
79
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
98
80
  CollapsibleTriggerFrame,
99
81
  {
100
82
  "aria-controls": context.contentId,
101
- "aria-expanded": context.open || false,
83
+ "aria-expanded": context.open || !1,
102
84
  "data-state": getState(context.open),
103
85
  "data-disabled": context.disabled ? "" : void 0,
104
86
  disabled: context.disabled,
105
87
  ...triggerProps,
106
88
  ref: forwardedRef,
107
89
  onPress: (0, import_web.composeEventHandlers)(props.onPress, context.onOpenToggle),
108
- children: typeof children === "function" ? children({ open: context.open }) : children
90
+ children: typeof children == "function" ? children({ open: context.open }) : children
109
91
  }
110
92
  );
111
93
  }
112
94
  );
113
95
  CollapsibleTrigger.displayName = TRIGGER_NAME;
114
- const CONTENT_NAME = "CollapsibleContent";
115
- const CollapsibleContentFrame = (0, import_web.styled)(import_web.Stack, {
96
+ const CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = (0, import_web.styled)(import_web.Stack, {
116
97
  name: CONTENT_NAME
117
- });
118
- const CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
119
- const { forceMount, children, __scopeCollapsible, ...contentProps } = props;
120
- const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
98
+ }), CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
99
+ const { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
121
100
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children }) : null });
122
101
  });
123
102
  CollapsibleContent.displayName = CONTENT_NAME;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Collapsible.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsEQ;AAtER,8BAAsD;AAEtD,4BAAmC;AAEnC,oCAAqC;AACrC,iBAOO;AACP,YAAuB;AAMvB,MAAM,mBAAmB;AAGzB,MAAM,CAAC,0BAA0B,sBAAsB,QACrD,0CAAmB,gBAAgB;AASrC,MAAM,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB;AASpE,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,OAAO,OAAO,OAAO,QAAI,oDAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW,MAAM,MAAM;AAAA,QACvB;AAAA,QACA,cAAc,MAAM;AAAA,UAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,UACrC,CAAC,OAAO;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,SAAS,IAAI;AAAA,YACzB,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe;AAIrB,MAAM,8BAA0B,mBAAO,kBAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAED,MAAM,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI;AAC1D,UAAM,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ;AAAA,QACvB,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,cAAY,SAAS,QAAQ,IAAI;AAAA,QACjC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ;AAAA,QACjB,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,iCAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,QAEvE,iBAAO,aAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;AAAA;AAAA,IACvE;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe;AAErB,MAAM,8BAA0B,mBAAO,kBAAO;AAAA,EAC5C,MAAM;AACR,CAAC;AAED,MAAM,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI;AACtE,QAAM,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,4CAAC,2CAAiB,GAAG,cAClB,wBAAc,QAAQ,OACrB,4CAAC,2BAAwB,KAAK,cAAe,GAAG,cAC7C,UACH,IACE,MACN;AAEJ,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,kBAAc,iCAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAsD,sCAEtD,wBAAmC,oCAEnC,gCAAqC,4CACrC,aAOO,yBACP,QAAuB,2BAyDf;AAnDR,MAAM,mBAAmB,eAGnB,CAAC,0BAA0B,sBAAsB,QACrD,0CAAmB,gBAAgB,GAS/B,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB,GAS9D,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,OAAO,IAAO,OAAO,QAAI,oDAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW,MAAM,MAAM;AAAA,QACvB;AAAA,QACA,cAAc,MAAM;AAAA,UAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,UACrC,CAAC,OAAO;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,SAAS,IAAI;AAAA,YACzB,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe,sBAIf,8BAA0B,mBAAO,kBAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAEK,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI,OACpD,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ;AAAA,QACvB,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,cAAY,SAAS,QAAQ,IAAI;AAAA,QACjC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ;AAAA,QACjB,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,iCAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,QAEvE,iBAAO,YAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;AAAA;AAAA,IACvE;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe,sBAEf,8BAA0B,mBAAO,kBAAO;AAAA,EAC5C,MAAM;AACR,CAAC,GAEK,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI,OAChE,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,4CAAC,2CAAiB,GAAG,cAClB,wBAAc,QAAQ,OACrB,4CAAC,2BAAwB,KAAK,cAAe,GAAG,cAC7C,UACH,IACE,MACN;AAEJ,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,kBAAc,iCAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,120 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: !0 });
10
+ }, __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from == "object" || typeof from == "function")
12
+ for (let key of __getOwnPropNames(from))
13
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ return to;
15
+ };
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ // If the importer is in node compatibility mode or this is not an ESM
18
+ // file that has been converted to a CommonJS file using a Babel-
19
+ // compatible transform (i.e. "__esModule" has not been set), then set
20
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
+ mod
23
+ )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
+ var Collapsible_exports = {};
25
+ __export(Collapsible_exports, {
26
+ Collapsible: () => Collapsible,
27
+ CollapsibleContent: () => CollapsibleContent,
28
+ CollapsibleContentFrame: () => CollapsibleContentFrame,
29
+ CollapsibleTrigger: () => CollapsibleTrigger,
30
+ CollapsibleTriggerFrame: () => CollapsibleTriggerFrame,
31
+ createCollapsibleScope: () => createCollapsibleScope
32
+ });
33
+ module.exports = __toCommonJS(Collapsible_exports);
34
+ var import_animate_presence = require("@tamagui/animate-presence"), import_create_context = require("@tamagui/create-context"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
35
+ const COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = (0, import_create_context.createContextScope)(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React.forwardRef(
36
+ (props, forwardedRef) => {
37
+ const {
38
+ __scopeCollapsible,
39
+ open: openProp,
40
+ defaultOpen,
41
+ disabled,
42
+ onOpenChange,
43
+ ...collapsibleProps
44
+ } = props, [open = !1, setOpen] = (0, import_use_controllable_state.useControllableState)({
45
+ prop: openProp,
46
+ defaultProp: defaultOpen,
47
+ onChange: onOpenChange
48
+ });
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
50
+ CollapsibleProvider,
51
+ {
52
+ scope: __scopeCollapsible,
53
+ disabled,
54
+ contentId: React.useId(),
55
+ open,
56
+ onOpenToggle: React.useCallback(
57
+ () => setOpen((prevOpen) => !prevOpen),
58
+ [setOpen]
59
+ ),
60
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
61
+ import_web.Stack,
62
+ {
63
+ "data-state": getState(open),
64
+ "data-disabled": disabled ? "" : void 0,
65
+ ...collapsibleProps,
66
+ ref: forwardedRef
67
+ }
68
+ )
69
+ }
70
+ );
71
+ }
72
+ );
73
+ _Collapsible.displayName = COLLAPSIBLE_NAME;
74
+ const TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = (0, import_web.styled)(import_web.Stack, {
75
+ name: TRIGGER_NAME,
76
+ tag: "button"
77
+ }), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
78
+ (props, forwardedRef) => {
79
+ const { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
80
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
81
+ CollapsibleTriggerFrame,
82
+ {
83
+ "aria-controls": context.contentId,
84
+ "aria-expanded": context.open || !1,
85
+ "data-state": getState(context.open),
86
+ "data-disabled": context.disabled ? "" : void 0,
87
+ disabled: context.disabled,
88
+ ...triggerProps,
89
+ ref: forwardedRef,
90
+ onPress: (0, import_web.composeEventHandlers)(props.onPress, context.onOpenToggle),
91
+ children: typeof children == "function" ? children({ open: context.open }) : children
92
+ }
93
+ );
94
+ }
95
+ );
96
+ CollapsibleTrigger.displayName = TRIGGER_NAME;
97
+ const CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = (0, import_web.styled)(import_web.Stack, {
98
+ name: CONTENT_NAME
99
+ }), CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
100
+ const { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
101
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children }) : null });
102
+ });
103
+ CollapsibleContent.displayName = CONTENT_NAME;
104
+ function getState(open) {
105
+ return open ? "open" : "closed";
106
+ }
107
+ const Collapsible = (0, import_web.withStaticProperties)(_Collapsible, {
108
+ Trigger: CollapsibleTrigger,
109
+ Content: CollapsibleContent
110
+ });
111
+ // Annotate the CommonJS export names for ESM import in node:
112
+ 0 && (module.exports = {
113
+ Collapsible,
114
+ CollapsibleContent,
115
+ CollapsibleContentFrame,
116
+ CollapsibleTrigger,
117
+ CollapsibleTriggerFrame,
118
+ createCollapsibleScope
119
+ });
120
+ //# sourceMappingURL=Collapsible.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Collapsible.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAsD,sCAEtD,wBAAmC,oCAEnC,gCAAqC,4CACrC,aAOO,yBACP,QAAuB,2BAyDf;AAnDR,MAAM,mBAAmB,eAGnB,CAAC,0BAA0B,sBAAsB,QACrD,0CAAmB,gBAAgB,GAS/B,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB,GAS9D,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,OAAO,IAAO,OAAO,QAAI,oDAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW,MAAM,MAAM;AAAA,QACvB;AAAA,QACA,cAAc,MAAM;AAAA,UAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,UACrC,CAAC,OAAO;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,SAAS,IAAI;AAAA,YACzB,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe,sBAIf,8BAA0B,mBAAO,kBAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAEK,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI,OACpD,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ;AAAA,QACvB,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,cAAY,SAAS,QAAQ,IAAI;AAAA,QACjC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ;AAAA,QACjB,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,iCAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,QAEvE,iBAAO,YAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;AAAA;AAAA,IACvE;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe,sBAEf,8BAA0B,mBAAO,kBAAO;AAAA,EAC5C,MAAM;AACR,CAAC,GAEK,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI,OAChE,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,4CAAC,2CAAiB,GAAG,cAClB,wBAAc,QAAQ,OACrB,4CAAC,2BAAwB,KAAK,cAAe,GAAG,cAC7C,UACH,IACE,MACN;AAEJ,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,kBAAc,iCAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
5
+ "names": []
6
+ }
package/dist/cjs/index.js CHANGED
@@ -1,18 +1,14 @@
1
- "use strict";
2
1
  var __defProp = Object.defineProperty;
3
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
5
  var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
6
+ if (from && typeof from == "object" || typeof from == "function")
8
7
  for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
8
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
9
  return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
10
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
12
  var src_exports = {};
17
13
  module.exports = __toCommonJS(src_exports);
18
14
  __reExport(src_exports, require("./Collapsible"), module.exports);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
4
+ "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,20 @@
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 __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from == "object" || typeof from == "function")
8
+ for (let key of __getOwnPropNames(from))
9
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ return to;
11
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
12
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
13
+ var src_exports = {};
14
+ module.exports = __toCommonJS(src_exports);
15
+ __reExport(src_exports, require("./Collapsible"), module.exports);
16
+ // Annotate the CommonJS export names for ESM import in node:
17
+ 0 && (module.exports = {
18
+ ...require("./Collapsible")
19
+ });
20
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
5
+ "names": []
6
+ }
@@ -1,4 +1,3 @@
1
- import { jsx } from "react/jsx-runtime";
2
1
  import { AnimatePresence } from "@tamagui/animate-presence";
3
2
  import { createContextScope } from "@tamagui/create-context";
4
3
  import { useControllableState } from "@tamagui/use-controllable-state";
@@ -9,10 +8,8 @@ import {
9
8
  withStaticProperties
10
9
  } from "@tamagui/web";
11
10
  import * as React from "react";
12
- const COLLAPSIBLE_NAME = "Collapsible";
13
- const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
14
- const [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
15
- const _Collapsible = React.forwardRef(
11
+ import { jsx } from "react/jsx-runtime";
12
+ const COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React.forwardRef(
16
13
  (props, forwardedRef) => {
17
14
  const {
18
15
  __scopeCollapsible,
@@ -21,8 +18,7 @@ const _Collapsible = React.forwardRef(
21
18
  disabled,
22
19
  onOpenChange,
23
20
  ...collapsibleProps
24
- } = props;
25
- const [open = false, setOpen] = useControllableState({
21
+ } = props, [open = !1, setOpen] = useControllableState({
26
22
  prop: openProp,
27
23
  defaultProp: defaultOpen,
28
24
  onChange: onOpenChange
@@ -52,39 +48,33 @@ const _Collapsible = React.forwardRef(
52
48
  }
53
49
  );
54
50
  _Collapsible.displayName = COLLAPSIBLE_NAME;
55
- const TRIGGER_NAME = "CollapsibleTrigger";
56
- const CollapsibleTriggerFrame = styled(Stack, {
51
+ const TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack, {
57
52
  name: TRIGGER_NAME,
58
53
  tag: "button"
59
- });
60
- const CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
54
+ }), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
61
55
  (props, forwardedRef) => {
62
- const { __scopeCollapsible, children, ...triggerProps } = props;
63
- const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
56
+ const { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
64
57
  return /* @__PURE__ */ jsx(
65
58
  CollapsibleTriggerFrame,
66
59
  {
67
60
  "aria-controls": context.contentId,
68
- "aria-expanded": context.open || false,
61
+ "aria-expanded": context.open || !1,
69
62
  "data-state": getState(context.open),
70
63
  "data-disabled": context.disabled ? "" : void 0,
71
64
  disabled: context.disabled,
72
65
  ...triggerProps,
73
66
  ref: forwardedRef,
74
67
  onPress: composeEventHandlers(props.onPress, context.onOpenToggle),
75
- children: typeof children === "function" ? children({ open: context.open }) : children
68
+ children: typeof children == "function" ? children({ open: context.open }) : children
76
69
  }
77
70
  );
78
71
  }
79
72
  );
80
73
  CollapsibleTrigger.displayName = TRIGGER_NAME;
81
- const CONTENT_NAME = "CollapsibleContent";
82
- const CollapsibleContentFrame = styled(Stack, {
74
+ const CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack, {
83
75
  name: CONTENT_NAME
84
- });
85
- const CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
86
- const { forceMount, children, __scopeCollapsible, ...contentProps } = props;
87
- const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
76
+ }), CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
77
+ const { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
88
78
  return /* @__PURE__ */ jsx(AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ jsx(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children }) : null });
89
79
  });
90
80
  CollapsibleContent.displayName = CONTENT_NAME;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Collapsible.tsx"],
4
- "mappings": "AAsEQ;AAtER,SAAS,uBAA6C;AAEtD,SAAS,0BAA0B;AAEnC,SAAS,4BAA4B;AACrC;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AAMvB,MAAM,mBAAmB;AAGzB,MAAM,CAAC,0BAA0B,sBAAsB,IACrD,mBAAmB,gBAAgB;AASrC,MAAM,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB;AASpE,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,OAAO,OAAO,OAAO,IAAI,qBAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW,MAAM,MAAM;AAAA,QACvB;AAAA,QACA,cAAc,MAAM;AAAA,UAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,UACrC,CAAC,OAAO;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,SAAS,IAAI;AAAA,YACzB,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe;AAIrB,MAAM,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAED,MAAM,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI;AAC1D,UAAM,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ;AAAA,QACvB,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,cAAY,SAAS,QAAQ,IAAI;AAAA,QACjC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ;AAAA,QACjB,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,QAEvE,iBAAO,aAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;AAAA;AAAA,IACvE;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe;AAErB,MAAM,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AACR,CAAC;AAED,MAAM,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI;AACtE,QAAM,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,oBAAC,mBAAiB,GAAG,cAClB,wBAAc,QAAQ,OACrB,oBAAC,2BAAwB,KAAK,cAAe,GAAG,cAC7C,UACH,IACE,MACN;AAEJ,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,cAAc,qBAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
4
+ "mappings": "AAAA,SAAS,uBAA6C;AAEtD,SAAS,0BAA0B;AAEnC,SAAS,4BAA4B;AACrC;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AAyDf;AAnDR,MAAM,mBAAmB,eAGnB,CAAC,0BAA0B,sBAAsB,IACrD,mBAAmB,gBAAgB,GAS/B,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB,GAS9D,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,OAAO,IAAO,OAAO,IAAI,qBAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW,MAAM,MAAM;AAAA,QACvB;AAAA,QACA,cAAc,MAAM;AAAA,UAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,UACrC,CAAC,OAAO;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,SAAS,IAAI;AAAA,YACzB,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe,sBAIf,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAEK,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI,OACpD,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ;AAAA,QACvB,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,cAAY,SAAS,QAAQ,IAAI;AAAA,QACjC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,UAAU,QAAQ;AAAA,QACjB,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,QAEvE,iBAAO,YAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI;AAAA;AAAA,IACvE;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe,sBAEf,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AACR,CAAC,GAEK,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI,OAChE,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,oBAAC,mBAAiB,GAAG,cAClB,wBAAc,QAAQ,OACrB,oBAAC,2BAAwB,KAAK,cAAe,GAAG,cAC7C,UACH,IACE,MACN;AAEJ,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,cAAc,qBAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
5
5
  "names": []
6
6
  }
@@ -8,10 +8,7 @@ import {
8
8
  withStaticProperties
9
9
  } from "@tamagui/web";
10
10
  import * as React from "react";
11
- const COLLAPSIBLE_NAME = "Collapsible";
12
- const [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
13
- const [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
14
- const _Collapsible = React.forwardRef(
11
+ const COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React.forwardRef(
15
12
  (props, forwardedRef) => {
16
13
  const {
17
14
  __scopeCollapsible,
@@ -20,8 +17,7 @@ const _Collapsible = React.forwardRef(
20
17
  disabled,
21
18
  onOpenChange,
22
19
  ...collapsibleProps
23
- } = props;
24
- const [open = false, setOpen] = useControllableState({
20
+ } = props, [open = !1, setOpen] = useControllableState({
25
21
  prop: openProp,
26
22
  defaultProp: defaultOpen,
27
23
  onChange: onOpenChange
@@ -44,35 +40,29 @@ const _Collapsible = React.forwardRef(
44
40
  }
45
41
  );
46
42
  _Collapsible.displayName = COLLAPSIBLE_NAME;
47
- const TRIGGER_NAME = "CollapsibleTrigger";
48
- const CollapsibleTriggerFrame = styled(Stack, {
43
+ const TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack, {
49
44
  name: TRIGGER_NAME,
50
45
  tag: "button"
51
- });
52
- const CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
46
+ }), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
53
47
  (props, forwardedRef) => {
54
- const { __scopeCollapsible, children, ...triggerProps } = props;
55
- const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
48
+ const { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
56
49
  return <CollapsibleTriggerFrame
57
50
  aria-controls={context.contentId}
58
- aria-expanded={context.open || false}
51
+ aria-expanded={context.open || !1}
59
52
  data-state={getState(context.open)}
60
53
  data-disabled={context.disabled ? "" : void 0}
61
54
  disabled={context.disabled}
62
55
  {...triggerProps}
63
56
  ref={forwardedRef}
64
57
  onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
65
- >{typeof children === "function" ? children({ open: context.open }) : children}</CollapsibleTriggerFrame>;
58
+ >{typeof children == "function" ? children({ open: context.open }) : children}</CollapsibleTriggerFrame>;
66
59
  }
67
60
  );
68
61
  CollapsibleTrigger.displayName = TRIGGER_NAME;
69
- const CONTENT_NAME = "CollapsibleContent";
70
- const CollapsibleContentFrame = styled(Stack, {
62
+ const CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack, {
71
63
  name: CONTENT_NAME
72
- });
73
- const CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
74
- const { forceMount, children, __scopeCollapsible, ...contentProps } = props;
75
- const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
64
+ }), CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
65
+ const { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
76
66
  return <AnimatePresence {...contentProps}>{forceMount || context.open ? <CollapsibleContentFrame ref={forwardedRef} {...contentProps}>{children}</CollapsibleContentFrame> : null}</AnimatePresence>;
77
67
  });
78
68
  CollapsibleContent.displayName = CONTENT_NAME;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Collapsible.tsx"],
4
- "mappings": "AAAA,SAAS,uBAA6C;AAEtD,SAAS,0BAA0B;AAEnC,SAAS,4BAA4B;AACrC;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AAMvB,MAAM,mBAAmB;AAGzB,MAAM,CAAC,0BAA0B,sBAAsB,IACrD,mBAAmB,gBAAgB;AASrC,MAAM,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB;AASpE,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,OAAO,OAAO,OAAO,IAAI,qBAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE,CAAC;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW,MAAM,MAAM;AAAA,MACvB,MAAM;AAAA,MACN,cAAc,MAAM;AAAA,QAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,QACrC,CAAC,OAAO;AAAA,MACV;AAAA,KAEA,CAAC;AAAA,MACC,YAAY,SAAS,IAAI;AAAA,MACzB,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,IACP,EACF,EAhBC;AAAA,EAkBL;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe;AAIrB,MAAM,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAED,MAAM,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI;AAC1D,UAAM,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE,CAAC;AAAA,MACC,eAAe,QAAQ;AAAA,MACvB,eAAe,QAAQ,QAAQ;AAAA,MAC/B,YAAY,SAAS,QAAQ,IAAI;AAAA,MACjC,eAAe,QAAQ,WAAW,KAAK;AAAA,MACvC,UAAU,QAAQ;AAAA,UACd;AAAA,MACJ,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,MAEvE,OAAO,aAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI,SACvE,EAXC;AAAA,EAaL;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe;AAErB,MAAM,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AACR,CAAC;AAED,MAAM,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI;AACtE,QAAM,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,CAAC,oBAAoB,eAClB,cAAc,QAAQ,OACrB,CAAC,wBAAwB,KAAK,kBAAkB,eAC7C,SACH,EAFC,2BAGC,KACN,EANC;AAQL,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,cAAc,qBAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
4
+ "mappings": "AAAA,SAAS,uBAA6C;AAEtD,SAAS,0BAA0B;AAEnC,SAAS,4BAA4B;AACrC;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AAMvB,MAAM,mBAAmB,eAGnB,CAAC,0BAA0B,sBAAsB,IACrD,mBAAmB,gBAAgB,GAS/B,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB,GAS9D,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,OAAO,IAAO,OAAO,IAAI,qBAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE,CAAC;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW,MAAM,MAAM;AAAA,MACvB,MAAM;AAAA,MACN,cAAc,MAAM;AAAA,QAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,QACrC,CAAC,OAAO;AAAA,MACV;AAAA,KAEA,CAAC;AAAA,MACC,YAAY,SAAS,IAAI;AAAA,MACzB,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,IACP,EACF,EAhBC;AAAA,EAkBL;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe,sBAIf,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAEK,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI,OACpD,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE,CAAC;AAAA,MACC,eAAe,QAAQ;AAAA,MACvB,eAAe,QAAQ,QAAQ;AAAA,MAC/B,YAAY,SAAS,QAAQ,IAAI;AAAA,MACjC,eAAe,QAAQ,WAAW,KAAK;AAAA,MACvC,UAAU,QAAQ;AAAA,UACd;AAAA,MACJ,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,MAEvE,OAAO,YAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI,SACvE,EAXC;AAAA,EAaL;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe,sBAEf,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AACR,CAAC,GAEK,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI,OAChE,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,CAAC,oBAAoB,eAClB,cAAc,QAAQ,OACrB,CAAC,wBAAwB,KAAK,kBAAkB,eAC7C,SACH,EAFC,2BAGC,KACN,EANC;AAQL,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,cAAc,qBAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,84 @@
1
+ import { AnimatePresence } from "@tamagui/animate-presence";
2
+ import { createContextScope } from "@tamagui/create-context";
3
+ import { useControllableState } from "@tamagui/use-controllable-state";
4
+ import {
5
+ Stack,
6
+ composeEventHandlers,
7
+ styled,
8
+ withStaticProperties
9
+ } from "@tamagui/web";
10
+ import * as React from "react";
11
+ const COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React.forwardRef(
12
+ (props, forwardedRef) => {
13
+ const {
14
+ __scopeCollapsible,
15
+ open: openProp,
16
+ defaultOpen,
17
+ disabled,
18
+ onOpenChange,
19
+ ...collapsibleProps
20
+ } = props, [open = !1, setOpen] = useControllableState({
21
+ prop: openProp,
22
+ defaultProp: defaultOpen,
23
+ onChange: onOpenChange
24
+ });
25
+ return <CollapsibleProvider
26
+ scope={__scopeCollapsible}
27
+ disabled={disabled}
28
+ contentId={React.useId()}
29
+ open={open}
30
+ onOpenToggle={React.useCallback(
31
+ () => setOpen((prevOpen) => !prevOpen),
32
+ [setOpen]
33
+ )}
34
+ ><Stack
35
+ data-state={getState(open)}
36
+ data-disabled={disabled ? "" : void 0}
37
+ {...collapsibleProps}
38
+ ref={forwardedRef}
39
+ /></CollapsibleProvider>;
40
+ }
41
+ );
42
+ _Collapsible.displayName = COLLAPSIBLE_NAME;
43
+ const TRIGGER_NAME = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stack, {
44
+ name: TRIGGER_NAME,
45
+ tag: "button"
46
+ }), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
47
+ (props, forwardedRef) => {
48
+ const { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
49
+ return <CollapsibleTriggerFrame
50
+ aria-controls={context.contentId}
51
+ aria-expanded={context.open || !1}
52
+ data-state={getState(context.open)}
53
+ data-disabled={context.disabled ? "" : void 0}
54
+ disabled={context.disabled}
55
+ {...triggerProps}
56
+ ref={forwardedRef}
57
+ onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
58
+ >{typeof children == "function" ? children({ open: context.open }) : children}</CollapsibleTriggerFrame>;
59
+ }
60
+ );
61
+ CollapsibleTrigger.displayName = TRIGGER_NAME;
62
+ const CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = styled(Stack, {
63
+ name: CONTENT_NAME
64
+ }), CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
65
+ const { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
66
+ return <AnimatePresence {...contentProps}>{forceMount || context.open ? <CollapsibleContentFrame ref={forwardedRef} {...contentProps}>{children}</CollapsibleContentFrame> : null}</AnimatePresence>;
67
+ });
68
+ CollapsibleContent.displayName = CONTENT_NAME;
69
+ function getState(open) {
70
+ return open ? "open" : "closed";
71
+ }
72
+ const Collapsible = withStaticProperties(_Collapsible, {
73
+ Trigger: CollapsibleTrigger,
74
+ Content: CollapsibleContent
75
+ });
76
+ export {
77
+ Collapsible,
78
+ CollapsibleContent,
79
+ CollapsibleContentFrame,
80
+ CollapsibleTrigger,
81
+ CollapsibleTriggerFrame,
82
+ createCollapsibleScope
83
+ };
84
+ //# sourceMappingURL=Collapsible.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Collapsible.tsx"],
4
+ "mappings": "AAAA,SAAS,uBAA6C;AAEtD,SAAS,0BAA0B;AAEnC,SAAS,4BAA4B;AACrC;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AAMvB,MAAM,mBAAmB,eAGnB,CAAC,0BAA0B,sBAAsB,IACrD,mBAAmB,gBAAgB,GAS/B,CAAC,qBAAqB,qBAAqB,IAC/C,yBAAkD,gBAAgB,GAS9D,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,OAAO,IAAO,OAAO,IAAI,qBAAqB;AAAA,MACnD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC;AAED,WACE,CAAC;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW,MAAM,MAAM;AAAA,MACvB,MAAM;AAAA,MACN,cAAc,MAAM;AAAA,QAClB,MAAM,QAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,QACrC,CAAC,OAAO;AAAA,MACV;AAAA,KAEA,CAAC;AAAA,MACC,YAAY,SAAS,IAAI;AAAA,MACzB,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,IACP,EACF,EAhBC;AAAA,EAkBL;AACF;AAEA,aAAa,cAAc;AAM3B,MAAM,eAAe,sBAIf,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AACP,CAAC,GAEK,qBAAqB,wBAAwB;AAAA,EACjD,CAAC,OAA6C,iBAAiB;AAC7D,UAAM,EAAE,oBAAoB,UAAU,GAAG,aAAa,IAAI,OACpD,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,WACE,CAAC;AAAA,MACC,eAAe,QAAQ;AAAA,MACvB,eAAe,QAAQ,QAAQ;AAAA,MAC/B,YAAY,SAAS,QAAQ,IAAI;AAAA,MACjC,eAAe,QAAQ,WAAW,KAAK;AAAA,MACvC,UAAU,QAAQ;AAAA,UACd;AAAA,MACJ,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,YAAY;AAAA,MAEvE,OAAO,YAAa,aAAa,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC,IAAI,SACvE,EAXC;AAAA,EAaL;AACF;AAEA,mBAAmB,cAAc;AAcjC,MAAM,eAAe,sBAEf,0BAA0B,OAAO,OAAO;AAAA,EAC5C,MAAM;AACR,CAAC,GAEK,qBAAqB,wBAAwB,UAEjD,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,YAAY,UAAU,oBAAoB,GAAG,aAAa,IAAI,OAChE,UAAU,sBAAsB,cAAc,kBAAkB;AAEtE,SACE,CAAC,oBAAoB,eAClB,cAAc,QAAQ,OACrB,CAAC,wBAAwB,KAAK,kBAAkB,eAC7C,SACH,EAFC,2BAGC,KACN,EANC;AAQL,CAAC;AAED,mBAAmB,cAAc;AAIjC,SAAS,SAAS,MAAgB;AAChC,SAAO,OAAO,SAAS;AACzB;AAEA,MAAM,cAAc,qBAAqB,cAAc;AAAA,EACrD,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
5
+ "names": []
6
+ }
@@ -0,0 +1,2 @@
1
+ export * from "./Collapsible";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "mappings": "AAAA,cAAc;",
5
+ "names": []
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/collapsible",
3
- "version": "1.61.3",
3
+ "version": "1.62.1",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -17,19 +17,19 @@
17
17
  "watch": "tamagui-build --watch"
18
18
  },
19
19
  "dependencies": {
20
- "@tamagui/animate-presence": "1.61.3",
21
- "@tamagui/compose-refs": "1.61.3",
22
- "@tamagui/core": "1.61.3",
23
- "@tamagui/create-context": "1.61.3",
24
- "@tamagui/polyfill-dev": "1.61.3",
25
- "@tamagui/stacks": "1.61.3",
26
- "@tamagui/use-controllable-state": "1.61.3"
20
+ "@tamagui/animate-presence": "1.62.1",
21
+ "@tamagui/compose-refs": "1.62.1",
22
+ "@tamagui/core": "1.62.1",
23
+ "@tamagui/create-context": "1.62.1",
24
+ "@tamagui/polyfill-dev": "1.62.1",
25
+ "@tamagui/stacks": "1.62.1",
26
+ "@tamagui/use-controllable-state": "1.62.1"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": "*"
30
30
  },
31
31
  "devDependencies": {
32
- "@tamagui/build": "1.61.3",
32
+ "@tamagui/build": "1.62.1",
33
33
  "react": "^18.2.0"
34
34
  },
35
35
  "publishConfig": {