@samline/drawer 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +1 -2
  2. package/dist/browser/index.cjs +30 -3
  3. package/dist/browser/index.js +30 -3
  4. package/dist/browser/index.mjs +30 -3
  5. package/dist/index.d.mts +5 -0
  6. package/dist/index.d.ts +5 -0
  7. package/dist/index.js +30 -3
  8. package/dist/index.mjs +30 -3
  9. package/dist/react/index.js +32 -8
  10. package/dist/react/index.mjs +32 -8
  11. package/dist/svelte/index.js +30 -3
  12. package/dist/svelte/index.mjs +30 -3
  13. package/dist/vue/index.d.mts +12 -0
  14. package/dist/vue/index.d.ts +12 -0
  15. package/dist/vue/index.js +40 -3
  16. package/dist/vue/index.mjs +40 -3
  17. package/package.json +1 -1
package/README.md CHANGED
@@ -24,8 +24,7 @@ const drawer = createDrawer({
24
24
  dismissible: true,
25
25
  triggerText: 'Open drawer',
26
26
  showHandle: true,
27
- title: 'Drawer title',
28
- description: 'Drawer description',
27
+ ariaLabel: 'Filters drawer',
29
28
  content: 'Drawer content'
30
29
  })
31
30
 
package/dist/browser/index.cjs CHANGED
@@ -28738,6 +28738,17 @@ var Drawer = {
28738
28738
  };
28739
28739
 
28740
28740
  // src/vanilla/render.tsx
28741
+ var VISUALLY_HIDDEN_STYLE = {
28742
+ position: "absolute",
28743
+ width: "1px",
28744
+ height: "1px",
28745
+ padding: 0,
28746
+ margin: "-1px",
28747
+ overflow: "hidden",
28748
+ clip: "rect(0, 0, 0, 0)",
28749
+ whiteSpace: "nowrap",
28750
+ border: 0
28751
+ };
28741
28752
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28742
28753
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28743
28754
  const baseProps = {
@@ -28766,7 +28777,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28766
28777
  fadeFromIndex: void 0
28767
28778
  };
28768
28779
  }
28769
- function VanillaNode({ value }) {
28780
+ function VanillaNode({ value, dataAttribute }) {
28770
28781
  const ref = import_react10.default.useRef(null);
28771
28782
  import_react10.default.useEffect(() => {
28772
28783
  const element = ref.current;
@@ -28789,7 +28800,7 @@ function VanillaNode({ value }) {
28789
28800
  if (value == null) {
28790
28801
  return null;
28791
28802
  }
28792
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28803
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28793
28804
  }
28794
28805
  function VanillaDrawerRenderer({
28795
28806
  options,
@@ -28804,8 +28815,13 @@ function VanillaDrawerRenderer({
28804
28815
  triggerText,
28805
28816
  showHandle,
28806
28817
  handleClassName,
28818
+ ariaLabel,
28819
+ ariaLabelledBy,
28820
+ ariaDescribedBy,
28807
28821
  title,
28822
+ titleVisuallyHidden,
28808
28823
  description,
28824
+ descriptionVisuallyHidden,
28809
28825
  content,
28810
28826
  overlayClassName,
28811
28827
  contentClassName,
@@ -28813,7 +28829,18 @@ function VanillaDrawerRenderer({
28813
28829
  } = options;
28814
28830
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28815
28831
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28816
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28832
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28833
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28834
+ Drawer.Content,
28835
+ {
28836
+ className: contentClassName,
28837
+ "aria-label": title == null ? ariaLabel : void 0,
28838
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28839
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28840
+ },
28841
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28842
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28843
+ )));
28817
28844
  }
28818
28845
 
28819
28846
  // src/vanilla/host.tsx
package/dist/browser/index.js CHANGED
@@ -28738,6 +28738,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28738
28738
  };
28739
28739
 
28740
28740
  // src/vanilla/render.tsx
28741
+ var VISUALLY_HIDDEN_STYLE = {
28742
+ position: "absolute",
28743
+ width: "1px",
28744
+ height: "1px",
28745
+ padding: 0,
28746
+ margin: "-1px",
28747
+ overflow: "hidden",
28748
+ clip: "rect(0, 0, 0, 0)",
28749
+ whiteSpace: "nowrap",
28750
+ border: 0
28751
+ };
28741
28752
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28742
28753
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28743
28754
  const baseProps = {
@@ -28766,7 +28777,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28766
28777
  fadeFromIndex: void 0
28767
28778
  };
28768
28779
  }
28769
- function VanillaNode({ value }) {
28780
+ function VanillaNode({ value, dataAttribute }) {
28770
28781
  const ref = import_react10.default.useRef(null);
28771
28782
  import_react10.default.useEffect(() => {
28772
28783
  const element = ref.current;
@@ -28789,7 +28800,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28789
28800
  if (value == null) {
28790
28801
  return null;
28791
28802
  }
28792
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28803
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28793
28804
  }
28794
28805
  function VanillaDrawerRenderer({
28795
28806
  options,
@@ -28804,8 +28815,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28804
28815
  triggerText,
28805
28816
  showHandle,
28806
28817
  handleClassName,
28818
+ ariaLabel,
28819
+ ariaLabelledBy,
28820
+ ariaDescribedBy,
28807
28821
  title,
28822
+ titleVisuallyHidden,
28808
28823
  description,
28824
+ descriptionVisuallyHidden,
28809
28825
  content,
28810
28826
  overlayClassName,
28811
28827
  contentClassName,
@@ -28813,7 +28829,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28813
28829
  } = options;
28814
28830
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28815
28831
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28816
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28832
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28833
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28834
+ Drawer.Content,
28835
+ {
28836
+ className: contentClassName,
28837
+ "aria-label": title == null ? ariaLabel : void 0,
28838
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28839
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28840
+ },
28841
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28842
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28843
+ )));
28817
28844
  }
28818
28845
 
28819
28846
  // src/vanilla/host.tsx
package/dist/browser/index.mjs CHANGED
@@ -28712,6 +28712,17 @@ var Drawer = {
28712
28712
  };
28713
28713
 
28714
28714
  // src/vanilla/render.tsx
28715
+ var VISUALLY_HIDDEN_STYLE = {
28716
+ position: "absolute",
28717
+ width: "1px",
28718
+ height: "1px",
28719
+ padding: 0,
28720
+ margin: "-1px",
28721
+ overflow: "hidden",
28722
+ clip: "rect(0, 0, 0, 0)",
28723
+ whiteSpace: "nowrap",
28724
+ border: 0
28725
+ };
28715
28726
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28716
28727
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28717
28728
  const baseProps = {
@@ -28740,7 +28751,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28740
28751
  fadeFromIndex: void 0
28741
28752
  };
28742
28753
  }
28743
- function VanillaNode({ value }) {
28754
+ function VanillaNode({ value, dataAttribute }) {
28744
28755
  const ref = import_react10.default.useRef(null);
28745
28756
  import_react10.default.useEffect(() => {
28746
28757
  const element = ref.current;
@@ -28763,7 +28774,7 @@ function VanillaNode({ value }) {
28763
28774
  if (value == null) {
28764
28775
  return null;
28765
28776
  }
28766
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28777
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28767
28778
  }
28768
28779
  function VanillaDrawerRenderer({
28769
28780
  options,
@@ -28778,8 +28789,13 @@ function VanillaDrawerRenderer({
28778
28789
  triggerText,
28779
28790
  showHandle,
28780
28791
  handleClassName,
28792
+ ariaLabel,
28793
+ ariaLabelledBy,
28794
+ ariaDescribedBy,
28781
28795
  title,
28796
+ titleVisuallyHidden,
28782
28797
  description,
28798
+ descriptionVisuallyHidden,
28783
28799
  content,
28784
28800
  overlayClassName,
28785
28801
  contentClassName,
@@ -28787,7 +28803,18 @@ function VanillaDrawerRenderer({
28787
28803
  } = options;
28788
28804
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28789
28805
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28790
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28806
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28807
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28808
+ Drawer.Content,
28809
+ {
28810
+ className: contentClassName,
28811
+ "aria-label": title == null ? ariaLabel : void 0,
28812
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28813
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28814
+ },
28815
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28816
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28817
+ )));
28791
28818
  }
28792
28819
 
28793
28820
  // src/vanilla/host.tsx
package/dist/index.d.mts CHANGED
@@ -8,8 +8,13 @@ interface VanillaDrawerOptions extends CommonDrawerOptions {
8
8
  triggerText?: string;
9
9
  showHandle?: boolean;
10
10
  handleClassName?: string;
11
+ ariaLabel?: string;
12
+ ariaLabelledBy?: string;
13
+ ariaDescribedBy?: string;
11
14
  title?: VanillaRenderable;
15
+ titleVisuallyHidden?: boolean;
12
16
  description?: VanillaRenderable;
17
+ descriptionVisuallyHidden?: boolean;
13
18
  content?: VanillaRenderable;
14
19
  overlayClassName?: string;
15
20
  contentClassName?: string;
package/dist/index.d.ts CHANGED
@@ -8,8 +8,13 @@ interface VanillaDrawerOptions extends CommonDrawerOptions {
8
8
  triggerText?: string;
9
9
  showHandle?: boolean;
10
10
  handleClassName?: string;
11
+ ariaLabel?: string;
12
+ ariaLabelledBy?: string;
13
+ ariaDescribedBy?: string;
11
14
  title?: VanillaRenderable;
15
+ titleVisuallyHidden?: boolean;
12
16
  description?: VanillaRenderable;
17
+ descriptionVisuallyHidden?: boolean;
13
18
  content?: VanillaRenderable;
14
19
  overlayClassName?: string;
15
20
  contentClassName?: string;
package/dist/index.js CHANGED
@@ -28737,6 +28737,17 @@ var Drawer = {
28737
28737
  };
28738
28738
 
28739
28739
  // src/vanilla/render.tsx
28740
+ var VISUALLY_HIDDEN_STYLE = {
28741
+ position: "absolute",
28742
+ width: "1px",
28743
+ height: "1px",
28744
+ padding: 0,
28745
+ margin: "-1px",
28746
+ overflow: "hidden",
28747
+ clip: "rect(0, 0, 0, 0)",
28748
+ whiteSpace: "nowrap",
28749
+ border: 0
28750
+ };
28740
28751
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28741
28752
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28742
28753
  const baseProps = {
@@ -28765,7 +28776,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28765
28776
  fadeFromIndex: void 0
28766
28777
  };
28767
28778
  }
28768
- function VanillaNode({ value }) {
28779
+ function VanillaNode({ value, dataAttribute }) {
28769
28780
  const ref = import_react10.default.useRef(null);
28770
28781
  import_react10.default.useEffect(() => {
28771
28782
  const element = ref.current;
@@ -28788,7 +28799,7 @@ function VanillaNode({ value }) {
28788
28799
  if (value == null) {
28789
28800
  return null;
28790
28801
  }
28791
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28802
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28792
28803
  }
28793
28804
  function VanillaDrawerRenderer({
28794
28805
  options,
@@ -28803,8 +28814,13 @@ function VanillaDrawerRenderer({
28803
28814
  triggerText,
28804
28815
  showHandle,
28805
28816
  handleClassName,
28817
+ ariaLabel,
28818
+ ariaLabelledBy,
28819
+ ariaDescribedBy,
28806
28820
  title,
28821
+ titleVisuallyHidden,
28807
28822
  description,
28823
+ descriptionVisuallyHidden,
28808
28824
  content,
28809
28825
  overlayClassName,
28810
28826
  contentClassName,
@@ -28812,7 +28828,18 @@ function VanillaDrawerRenderer({
28812
28828
  } = options;
28813
28829
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28814
28830
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28815
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28831
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28832
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28833
+ Drawer.Content,
28834
+ {
28835
+ className: contentClassName,
28836
+ "aria-label": title == null ? ariaLabel : void 0,
28837
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28838
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28839
+ },
28840
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28841
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28842
+ )));
28816
28843
  }
28817
28844
 
28818
28845
  // src/vanilla/host.tsx
package/dist/index.mjs CHANGED
@@ -28712,6 +28712,17 @@ var Drawer = {
28712
28712
  };
28713
28713
 
28714
28714
  // src/vanilla/render.tsx
28715
+ var VISUALLY_HIDDEN_STYLE = {
28716
+ position: "absolute",
28717
+ width: "1px",
28718
+ height: "1px",
28719
+ padding: 0,
28720
+ margin: "-1px",
28721
+ overflow: "hidden",
28722
+ clip: "rect(0, 0, 0, 0)",
28723
+ whiteSpace: "nowrap",
28724
+ border: 0
28725
+ };
28715
28726
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28716
28727
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28717
28728
  const baseProps = {
@@ -28740,7 +28751,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28740
28751
  fadeFromIndex: void 0
28741
28752
  };
28742
28753
  }
28743
- function VanillaNode({ value }) {
28754
+ function VanillaNode({ value, dataAttribute }) {
28744
28755
  const ref = import_react10.default.useRef(null);
28745
28756
  import_react10.default.useEffect(() => {
28746
28757
  const element = ref.current;
@@ -28763,7 +28774,7 @@ function VanillaNode({ value }) {
28763
28774
  if (value == null) {
28764
28775
  return null;
28765
28776
  }
28766
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28777
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28767
28778
  }
28768
28779
  function VanillaDrawerRenderer({
28769
28780
  options,
@@ -28778,8 +28789,13 @@ function VanillaDrawerRenderer({
28778
28789
  triggerText,
28779
28790
  showHandle,
28780
28791
  handleClassName,
28792
+ ariaLabel,
28793
+ ariaLabelledBy,
28794
+ ariaDescribedBy,
28781
28795
  title,
28796
+ titleVisuallyHidden,
28782
28797
  description,
28798
+ descriptionVisuallyHidden,
28783
28799
  content,
28784
28800
  overlayClassName,
28785
28801
  contentClassName,
@@ -28787,7 +28803,18 @@ function VanillaDrawerRenderer({
28787
28803
  } = options;
28788
28804
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28789
28805
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28790
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28806
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28807
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28808
+ Drawer.Content,
28809
+ {
28810
+ className: contentClassName,
28811
+ "aria-label": title == null ? ariaLabel : void 0,
28812
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28813
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28814
+ },
28815
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28816
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28817
+ )));
28791
28818
  }
28792
28819
 
28793
28820
  // src/vanilla/host.tsx
package/dist/react/index.js CHANGED
@@ -2209,6 +2209,17 @@ function getParentNestedVisualState({ direction, viewportSize, hasOpenChild, per
2209
2209
  };
2210
2210
  }
2211
2211
 
2212
+ const VISUALLY_HIDDEN_STYLE = {
2213
+ position: 'absolute',
2214
+ width: '1px',
2215
+ height: '1px',
2216
+ padding: 0,
2217
+ margin: '-1px',
2218
+ overflow: 'hidden',
2219
+ clip: 'rect(0, 0, 0, 0)',
2220
+ whiteSpace: 'nowrap',
2221
+ border: 0
2222
+ };
2212
2223
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
2213
2224
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
2214
2225
  const baseProps = {
@@ -2238,7 +2249,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
2238
2249
  fadeFromIndex: undefined
2239
2250
  };
2240
2251
  }
2241
- function VanillaNode({ value }) {
2252
+ function VanillaNode({ value, dataAttribute }) {
2242
2253
  const ref = React__namespace.default.useRef(null);
2243
2254
  React__namespace.default.useEffect(()=>{
2244
2255
  const element = ref.current;
@@ -2264,14 +2275,17 @@ function VanillaNode({ value }) {
2264
2275
  return null;
2265
2276
  }
2266
2277
  return /*#__PURE__*/ React__namespace.default.createElement("div", {
2267
- "data-drawer-vanilla-node": "",
2278
+ ...dataAttribute ? {
2279
+ [dataAttribute]: ''
2280
+ } : {},
2268
2281
  ref: ref
2269
2282
  });
2270
2283
  }
2271
2284
  function VanillaDrawerRenderer({ options, open, onOpenChange, onDragChange, onReleaseChange }) {
2272
- const { mountElement: _mountElement, triggerElement: _triggerElement, triggerText, showHandle, handleClassName, title, description, content, overlayClassName, contentClassName, ...drawerOptions } = options;
2285
+ const { mountElement: _mountElement, triggerElement: _triggerElement, triggerText, showHandle, handleClassName, ariaLabel, ariaLabelledBy, ariaDescribedBy, title, titleVisuallyHidden, description, descriptionVisuallyHidden, content, overlayClassName, contentClassName, ...drawerOptions } = options;
2273
2286
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
2274
2287
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
2288
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
2275
2289
  return /*#__PURE__*/ React__namespace.default.createElement(Drawer.Root, rootProps, triggerText ? /*#__PURE__*/ React__namespace.default.createElement(Drawer.Trigger, {
2276
2290
  asChild: true
2277
2291
  }, /*#__PURE__*/ React__namespace.default.createElement("button", {
@@ -2280,16 +2294,26 @@ function VanillaDrawerRenderer({ options, open, onOpenChange, onDragChange, onRe
2280
2294
  }, triggerText)) : null, /*#__PURE__*/ React__namespace.default.createElement(Drawer.Portal, null, /*#__PURE__*/ React__namespace.default.createElement(Drawer.Overlay, {
2281
2295
  className: overlayClassName
2282
2296
  }), /*#__PURE__*/ React__namespace.default.createElement(Drawer.Content, {
2283
- className: contentClassName
2297
+ className: contentClassName,
2298
+ "aria-label": title == null ? ariaLabel : undefined,
2299
+ "aria-labelledby": title == null ? ariaLabelledBy : undefined,
2300
+ "aria-describedby": description == null ? ariaDescribedBy : undefined
2284
2301
  }, shouldRenderHandle ? /*#__PURE__*/ React__namespace.default.createElement(Drawer.Handle, {
2285
2302
  className: handleClassName
2286
- }) : null, title != null ? /*#__PURE__*/ React__namespace.default.createElement(Drawer.Title, null, /*#__PURE__*/ React__namespace.default.createElement(VanillaNode, {
2303
+ }) : null, shouldRenderVanillaContent ? /*#__PURE__*/ React__namespace.default.createElement("div", {
2304
+ "data-drawer-vanilla-node": ""
2305
+ }, title != null ? /*#__PURE__*/ React__namespace.default.createElement(Drawer.Title, {
2306
+ style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : undefined
2307
+ }, /*#__PURE__*/ React__namespace.default.createElement(VanillaNode, {
2287
2308
  value: title
2288
- })) : null, description != null ? /*#__PURE__*/ React__namespace.default.createElement(Drawer.Description, null, /*#__PURE__*/ React__namespace.default.createElement(VanillaNode, {
2309
+ })) : null, description != null ? /*#__PURE__*/ React__namespace.default.createElement(Drawer.Description, {
2310
+ style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : undefined
2311
+ }, /*#__PURE__*/ React__namespace.default.createElement(VanillaNode, {
2289
2312
  value: description
2290
2313
  })) : null, /*#__PURE__*/ React__namespace.default.createElement(VanillaNode, {
2291
- value: content
2292
- }))));
2314
+ value: content,
2315
+ dataAttribute: "data-drawer-vanilla-body"
2316
+ })) : null)));
2293
2317
  }
2294
2318
 
2295
2319
  function canUseDOM$1() {
package/dist/react/index.mjs CHANGED
@@ -2187,6 +2187,17 @@ function getParentNestedVisualState({ direction, viewportSize, hasOpenChild, per
2187
2187
  };
2188
2188
  }
2189
2189
 
2190
+ const VISUALLY_HIDDEN_STYLE = {
2191
+ position: 'absolute',
2192
+ width: '1px',
2193
+ height: '1px',
2194
+ padding: 0,
2195
+ margin: '-1px',
2196
+ overflow: 'hidden',
2197
+ clip: 'rect(0, 0, 0, 0)',
2198
+ whiteSpace: 'nowrap',
2199
+ border: 0
2200
+ };
2190
2201
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
2191
2202
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
2192
2203
  const baseProps = {
@@ -2216,7 +2227,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
2216
2227
  fadeFromIndex: undefined
2217
2228
  };
2218
2229
  }
2219
- function VanillaNode({ value }) {
2230
+ function VanillaNode({ value, dataAttribute }) {
2220
2231
  const ref = React__default.useRef(null);
2221
2232
  React__default.useEffect(()=>{
2222
2233
  const element = ref.current;
@@ -2242,14 +2253,17 @@ function VanillaNode({ value }) {
2242
2253
  return null;
2243
2254
  }
2244
2255
  return /*#__PURE__*/ React__default.createElement("div", {
2245
- "data-drawer-vanilla-node": "",
2256
+ ...dataAttribute ? {
2257
+ [dataAttribute]: ''
2258
+ } : {},
2246
2259
  ref: ref
2247
2260
  });
2248
2261
  }
2249
2262
  function VanillaDrawerRenderer({ options, open, onOpenChange, onDragChange, onReleaseChange }) {
2250
- const { mountElement: _mountElement, triggerElement: _triggerElement, triggerText, showHandle, handleClassName, title, description, content, overlayClassName, contentClassName, ...drawerOptions } = options;
2263
+ const { mountElement: _mountElement, triggerElement: _triggerElement, triggerText, showHandle, handleClassName, ariaLabel, ariaLabelledBy, ariaDescribedBy, title, titleVisuallyHidden, description, descriptionVisuallyHidden, content, overlayClassName, contentClassName, ...drawerOptions } = options;
2251
2264
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
2252
2265
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
2266
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
2253
2267
  return /*#__PURE__*/ React__default.createElement(Drawer.Root, rootProps, triggerText ? /*#__PURE__*/ React__default.createElement(Drawer.Trigger, {
2254
2268
  asChild: true
2255
2269
  }, /*#__PURE__*/ React__default.createElement("button", {
@@ -2258,16 +2272,26 @@ function VanillaDrawerRenderer({ options, open, onOpenChange, onDragChange, onRe
2258
2272
  }, triggerText)) : null, /*#__PURE__*/ React__default.createElement(Drawer.Portal, null, /*#__PURE__*/ React__default.createElement(Drawer.Overlay, {
2259
2273
  className: overlayClassName
2260
2274
  }), /*#__PURE__*/ React__default.createElement(Drawer.Content, {
2261
- className: contentClassName
2275
+ className: contentClassName,
2276
+ "aria-label": title == null ? ariaLabel : undefined,
2277
+ "aria-labelledby": title == null ? ariaLabelledBy : undefined,
2278
+ "aria-describedby": description == null ? ariaDescribedBy : undefined
2262
2279
  }, shouldRenderHandle ? /*#__PURE__*/ React__default.createElement(Drawer.Handle, {
2263
2280
  className: handleClassName
2264
- }) : null, title != null ? /*#__PURE__*/ React__default.createElement(Drawer.Title, null, /*#__PURE__*/ React__default.createElement(VanillaNode, {
2281
+ }) : null, shouldRenderVanillaContent ? /*#__PURE__*/ React__default.createElement("div", {
2282
+ "data-drawer-vanilla-node": ""
2283
+ }, title != null ? /*#__PURE__*/ React__default.createElement(Drawer.Title, {
2284
+ style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : undefined
2285
+ }, /*#__PURE__*/ React__default.createElement(VanillaNode, {
2265
2286
  value: title
2266
- })) : null, description != null ? /*#__PURE__*/ React__default.createElement(Drawer.Description, null, /*#__PURE__*/ React__default.createElement(VanillaNode, {
2287
+ })) : null, description != null ? /*#__PURE__*/ React__default.createElement(Drawer.Description, {
2288
+ style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : undefined
2289
+ }, /*#__PURE__*/ React__default.createElement(VanillaNode, {
2267
2290
  value: description
2268
2291
  })) : null, /*#__PURE__*/ React__default.createElement(VanillaNode, {
2269
- value: content
2270
- }))));
2292
+ value: content,
2293
+ dataAttribute: "data-drawer-vanilla-body"
2294
+ })) : null)));
2271
2295
  }
2272
2296
 
2273
2297
  function canUseDOM$1() {
package/dist/svelte/index.js CHANGED
@@ -28740,6 +28740,17 @@ var Drawer = {
28740
28740
  };
28741
28741
 
28742
28742
  // src/vanilla/render.tsx
28743
+ var VISUALLY_HIDDEN_STYLE = {
28744
+ position: "absolute",
28745
+ width: "1px",
28746
+ height: "1px",
28747
+ padding: 0,
28748
+ margin: "-1px",
28749
+ overflow: "hidden",
28750
+ clip: "rect(0, 0, 0, 0)",
28751
+ whiteSpace: "nowrap",
28752
+ border: 0
28753
+ };
28743
28754
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28744
28755
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28745
28756
  const baseProps = {
@@ -28768,7 +28779,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28768
28779
  fadeFromIndex: void 0
28769
28780
  };
28770
28781
  }
28771
- function VanillaNode({ value }) {
28782
+ function VanillaNode({ value, dataAttribute }) {
28772
28783
  const ref = import_react10.default.useRef(null);
28773
28784
  import_react10.default.useEffect(() => {
28774
28785
  const element = ref.current;
@@ -28791,7 +28802,7 @@ function VanillaNode({ value }) {
28791
28802
  if (value == null) {
28792
28803
  return null;
28793
28804
  }
28794
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28805
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28795
28806
  }
28796
28807
  function VanillaDrawerRenderer({
28797
28808
  options,
@@ -28806,8 +28817,13 @@ function VanillaDrawerRenderer({
28806
28817
  triggerText,
28807
28818
  showHandle,
28808
28819
  handleClassName,
28820
+ ariaLabel,
28821
+ ariaLabelledBy,
28822
+ ariaDescribedBy,
28809
28823
  title,
28824
+ titleVisuallyHidden,
28810
28825
  description,
28826
+ descriptionVisuallyHidden,
28811
28827
  content,
28812
28828
  overlayClassName,
28813
28829
  contentClassName,
@@ -28815,7 +28831,18 @@ function VanillaDrawerRenderer({
28815
28831
  } = options;
28816
28832
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28817
28833
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28818
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28834
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28835
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28836
+ Drawer.Content,
28837
+ {
28838
+ className: contentClassName,
28839
+ "aria-label": title == null ? ariaLabel : void 0,
28840
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28841
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28842
+ },
28843
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28844
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28845
+ )));
28819
28846
  }
28820
28847
 
28821
28848
  // src/vanilla/host.tsx
package/dist/svelte/index.mjs CHANGED
@@ -28712,6 +28712,17 @@ var Drawer = {
28712
28712
  };
28713
28713
 
28714
28714
  // src/vanilla/render.tsx
28715
+ var VISUALLY_HIDDEN_STYLE = {
28716
+ position: "absolute",
28717
+ width: "1px",
28718
+ height: "1px",
28719
+ padding: 0,
28720
+ margin: "-1px",
28721
+ overflow: "hidden",
28722
+ clip: "rect(0, 0, 0, 0)",
28723
+ whiteSpace: "nowrap",
28724
+ border: 0
28725
+ };
28715
28726
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28716
28727
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28717
28728
  const baseProps = {
@@ -28740,7 +28751,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28740
28751
  fadeFromIndex: void 0
28741
28752
  };
28742
28753
  }
28743
- function VanillaNode({ value }) {
28754
+ function VanillaNode({ value, dataAttribute }) {
28744
28755
  const ref = import_react10.default.useRef(null);
28745
28756
  import_react10.default.useEffect(() => {
28746
28757
  const element = ref.current;
@@ -28763,7 +28774,7 @@ function VanillaNode({ value }) {
28763
28774
  if (value == null) {
28764
28775
  return null;
28765
28776
  }
28766
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28777
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28767
28778
  }
28768
28779
  function VanillaDrawerRenderer({
28769
28780
  options,
@@ -28778,8 +28789,13 @@ function VanillaDrawerRenderer({
28778
28789
  triggerText,
28779
28790
  showHandle,
28780
28791
  handleClassName,
28792
+ ariaLabel,
28793
+ ariaLabelledBy,
28794
+ ariaDescribedBy,
28781
28795
  title,
28796
+ titleVisuallyHidden,
28782
28797
  description,
28798
+ descriptionVisuallyHidden,
28783
28799
  content,
28784
28800
  overlayClassName,
28785
28801
  contentClassName,
@@ -28787,7 +28803,18 @@ function VanillaDrawerRenderer({
28787
28803
  } = options;
28788
28804
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28789
28805
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28790
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28806
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28807
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28808
+ Drawer.Content,
28809
+ {
28810
+ className: contentClassName,
28811
+ "aria-label": title == null ? ariaLabel : void 0,
28812
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28813
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28814
+ },
28815
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28816
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28817
+ )));
28791
28818
  }
28792
28819
 
28793
28820
  // src/vanilla/host.tsx
package/dist/vue/index.d.mts CHANGED
@@ -38,8 +38,13 @@ declare const DrawerRoot: vue.DefineComponent<vue.ExtractPropTypes<{
38
38
  triggerText: StringConstructor;
39
39
  showHandle: BooleanConstructor;
40
40
  handleClassName: StringConstructor;
41
+ ariaLabel: StringConstructor;
42
+ ariaLabelledBy: StringConstructor;
43
+ ariaDescribedBy: StringConstructor;
41
44
  title: PropType<VanillaRenderable>;
45
+ titleVisuallyHidden: BooleanConstructor;
42
46
  description: PropType<VanillaRenderable>;
47
+ descriptionVisuallyHidden: BooleanConstructor;
43
48
  content: PropType<VanillaRenderable>;
44
49
  overlayClassName: StringConstructor;
45
50
  contentClassName: StringConstructor;
@@ -79,8 +84,13 @@ declare const DrawerRoot: vue.DefineComponent<vue.ExtractPropTypes<{
79
84
  triggerText: StringConstructor;
80
85
  showHandle: BooleanConstructor;
81
86
  handleClassName: StringConstructor;
87
+ ariaLabel: StringConstructor;
88
+ ariaLabelledBy: StringConstructor;
89
+ ariaDescribedBy: StringConstructor;
82
90
  title: PropType<VanillaRenderable>;
91
+ titleVisuallyHidden: BooleanConstructor;
83
92
  description: PropType<VanillaRenderable>;
93
+ descriptionVisuallyHidden: BooleanConstructor;
84
94
  content: PropType<VanillaRenderable>;
85
95
  overlayClassName: StringConstructor;
86
96
  contentClassName: StringConstructor;
@@ -101,6 +111,8 @@ declare const DrawerRoot: vue.DefineComponent<vue.ExtractPropTypes<{
101
111
  noBodyStyles: boolean;
102
112
  autoFocus: boolean;
103
113
  showHandle: boolean;
114
+ titleVisuallyHidden: boolean;
115
+ descriptionVisuallyHidden: boolean;
104
116
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
105
117
  declare const DrawerPlugin: Plugin;
106
118
 
package/dist/vue/index.d.ts CHANGED
@@ -38,8 +38,13 @@ declare const DrawerRoot: vue.DefineComponent<vue.ExtractPropTypes<{
38
38
  triggerText: StringConstructor;
39
39
  showHandle: BooleanConstructor;
40
40
  handleClassName: StringConstructor;
41
+ ariaLabel: StringConstructor;
42
+ ariaLabelledBy: StringConstructor;
43
+ ariaDescribedBy: StringConstructor;
41
44
  title: PropType<VanillaRenderable>;
45
+ titleVisuallyHidden: BooleanConstructor;
42
46
  description: PropType<VanillaRenderable>;
47
+ descriptionVisuallyHidden: BooleanConstructor;
43
48
  content: PropType<VanillaRenderable>;
44
49
  overlayClassName: StringConstructor;
45
50
  contentClassName: StringConstructor;
@@ -79,8 +84,13 @@ declare const DrawerRoot: vue.DefineComponent<vue.ExtractPropTypes<{
79
84
  triggerText: StringConstructor;
80
85
  showHandle: BooleanConstructor;
81
86
  handleClassName: StringConstructor;
87
+ ariaLabel: StringConstructor;
88
+ ariaLabelledBy: StringConstructor;
89
+ ariaDescribedBy: StringConstructor;
82
90
  title: PropType<VanillaRenderable>;
91
+ titleVisuallyHidden: BooleanConstructor;
83
92
  description: PropType<VanillaRenderable>;
93
+ descriptionVisuallyHidden: BooleanConstructor;
84
94
  content: PropType<VanillaRenderable>;
85
95
  overlayClassName: StringConstructor;
86
96
  contentClassName: StringConstructor;
@@ -101,6 +111,8 @@ declare const DrawerRoot: vue.DefineComponent<vue.ExtractPropTypes<{
101
111
  noBodyStyles: boolean;
102
112
  autoFocus: boolean;
103
113
  showHandle: boolean;
114
+ titleVisuallyHidden: boolean;
115
+ descriptionVisuallyHidden: boolean;
104
116
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
105
117
  declare const DrawerPlugin: Plugin;
106
118
 
package/dist/vue/index.js CHANGED
@@ -28740,6 +28740,17 @@ var Drawer = {
28740
28740
  };
28741
28741
 
28742
28742
  // src/vanilla/render.tsx
28743
+ var VISUALLY_HIDDEN_STYLE = {
28744
+ position: "absolute",
28745
+ width: "1px",
28746
+ height: "1px",
28747
+ padding: 0,
28748
+ margin: "-1px",
28749
+ overflow: "hidden",
28750
+ clip: "rect(0, 0, 0, 0)",
28751
+ whiteSpace: "nowrap",
28752
+ border: 0
28753
+ };
28743
28754
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28744
28755
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28745
28756
  const baseProps = {
@@ -28768,7 +28779,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28768
28779
  fadeFromIndex: void 0
28769
28780
  };
28770
28781
  }
28771
- function VanillaNode({ value }) {
28782
+ function VanillaNode({ value, dataAttribute }) {
28772
28783
  const ref = import_react10.default.useRef(null);
28773
28784
  import_react10.default.useEffect(() => {
28774
28785
  const element = ref.current;
@@ -28791,7 +28802,7 @@ function VanillaNode({ value }) {
28791
28802
  if (value == null) {
28792
28803
  return null;
28793
28804
  }
28794
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28805
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28795
28806
  }
28796
28807
  function VanillaDrawerRenderer({
28797
28808
  options,
@@ -28806,8 +28817,13 @@ function VanillaDrawerRenderer({
28806
28817
  triggerText,
28807
28818
  showHandle,
28808
28819
  handleClassName,
28820
+ ariaLabel,
28821
+ ariaLabelledBy,
28822
+ ariaDescribedBy,
28809
28823
  title,
28824
+ titleVisuallyHidden,
28810
28825
  description,
28826
+ descriptionVisuallyHidden,
28811
28827
  content,
28812
28828
  overlayClassName,
28813
28829
  contentClassName,
@@ -28815,7 +28831,18 @@ function VanillaDrawerRenderer({
28815
28831
  } = options;
28816
28832
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28817
28833
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28818
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28834
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28835
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28836
+ Drawer.Content,
28837
+ {
28838
+ className: contentClassName,
28839
+ "aria-label": title == null ? ariaLabel : void 0,
28840
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28841
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28842
+ },
28843
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28844
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28845
+ )));
28819
28846
  }
28820
28847
 
28821
28848
  // src/vanilla/host.tsx
@@ -29255,8 +29282,13 @@ var drawerProps = {
29255
29282
  triggerText: String,
29256
29283
  showHandle: Boolean,
29257
29284
  handleClassName: String,
29285
+ ariaLabel: String,
29286
+ ariaLabelledBy: String,
29287
+ ariaDescribedBy: String,
29258
29288
  title: [String, Number, Object, Function],
29289
+ titleVisuallyHidden: Boolean,
29259
29290
  description: [String, Number, Object, Function],
29291
+ descriptionVisuallyHidden: Boolean,
29260
29292
  content: [String, Number, Object, Function],
29261
29293
  overlayClassName: String,
29262
29294
  contentClassName: String
@@ -29317,8 +29349,13 @@ var DrawerRoot = (0, import_vue.defineComponent)({
29317
29349
  triggerText: props.triggerText,
29318
29350
  showHandle: props.showHandle,
29319
29351
  handleClassName: props.handleClassName,
29352
+ ariaLabel: props.ariaLabel,
29353
+ ariaLabelledBy: props.ariaLabelledBy,
29354
+ ariaDescribedBy: props.ariaDescribedBy,
29320
29355
  title: props.title,
29356
+ titleVisuallyHidden: props.titleVisuallyHidden,
29321
29357
  description: props.description,
29358
+ descriptionVisuallyHidden: props.descriptionVisuallyHidden,
29322
29359
  content: props.content,
29323
29360
  overlayClassName: props.overlayClassName,
29324
29361
  contentClassName: props.contentClassName
package/dist/vue/index.mjs CHANGED
@@ -28715,6 +28715,17 @@ var Drawer = {
28715
28715
  };
28716
28716
 
28717
28717
  // src/vanilla/render.tsx
28718
+ var VISUALLY_HIDDEN_STYLE = {
28719
+ position: "absolute",
28720
+ width: "1px",
28721
+ height: "1px",
28722
+ padding: 0,
28723
+ margin: "-1px",
28724
+ overflow: "hidden",
28725
+ clip: "rect(0, 0, 0, 0)",
28726
+ whiteSpace: "nowrap",
28727
+ border: 0
28728
+ };
28718
28729
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28719
28730
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28720
28731
  const baseProps = {
@@ -28743,7 +28754,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28743
28754
  fadeFromIndex: void 0
28744
28755
  };
28745
28756
  }
28746
- function VanillaNode({ value }) {
28757
+ function VanillaNode({ value, dataAttribute }) {
28747
28758
  const ref = import_react10.default.useRef(null);
28748
28759
  import_react10.default.useEffect(() => {
28749
28760
  const element = ref.current;
@@ -28766,7 +28777,7 @@ function VanillaNode({ value }) {
28766
28777
  if (value == null) {
28767
28778
  return null;
28768
28779
  }
28769
- return /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "", ref });
28780
+ return /* @__PURE__ */ import_react10.default.createElement("div", { ...dataAttribute ? { [dataAttribute]: "" } : {}, ref });
28770
28781
  }
28771
28782
  function VanillaDrawerRenderer({
28772
28783
  options,
@@ -28781,8 +28792,13 @@ function VanillaDrawerRenderer({
28781
28792
  triggerText,
28782
28793
  showHandle,
28783
28794
  handleClassName,
28795
+ ariaLabel,
28796
+ ariaLabelledBy,
28797
+ ariaDescribedBy,
28784
28798
  title,
28799
+ titleVisuallyHidden,
28785
28800
  description,
28801
+ descriptionVisuallyHidden,
28786
28802
  content,
28787
28803
  overlayClassName,
28788
28804
  contentClassName,
@@ -28790,7 +28806,18 @@ function VanillaDrawerRenderer({
28790
28806
  } = options;
28791
28807
  const rootProps = toReactDrawerProps(drawerOptions, open, onOpenChange, onDragChange, onReleaseChange);
28792
28808
  const shouldRenderHandle = Boolean(drawerOptions.handleOnly || showHandle);
28793
- return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(Drawer.Content, { className: contentClassName }, shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content }))));
28809
+ const shouldRenderVanillaContent = title != null || description != null || content != null;
28810
+ return /* @__PURE__ */ import_react10.default.createElement(Drawer.Root, { ...rootProps }, triggerText ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Trigger, { asChild: true }, /* @__PURE__ */ import_react10.default.createElement("button", { type: "button", "data-drawer-vanilla-trigger": "" }, triggerText)) : null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Portal, null, /* @__PURE__ */ import_react10.default.createElement(Drawer.Overlay, { className: overlayClassName }), /* @__PURE__ */ import_react10.default.createElement(
28811
+ Drawer.Content,
28812
+ {
28813
+ className: contentClassName,
28814
+ "aria-label": title == null ? ariaLabel : void 0,
28815
+ "aria-labelledby": title == null ? ariaLabelledBy : void 0,
28816
+ "aria-describedby": description == null ? ariaDescribedBy : void 0
28817
+ },
28818
+ shouldRenderHandle ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Handle, { className: handleClassName }) : null,
28819
+ shouldRenderVanillaContent ? /* @__PURE__ */ import_react10.default.createElement("div", { "data-drawer-vanilla-node": "" }, title != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Title, { style: titleVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: title })) : null, description != null ? /* @__PURE__ */ import_react10.default.createElement(Drawer.Description, { style: descriptionVisuallyHidden ? VISUALLY_HIDDEN_STYLE : void 0 }, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: description })) : null, /* @__PURE__ */ import_react10.default.createElement(VanillaNode, { value: content, dataAttribute: "data-drawer-vanilla-body" })) : null
28820
+ )));
28794
28821
  }
28795
28822
 
28796
28823
  // src/vanilla/host.tsx
@@ -29230,8 +29257,13 @@ var drawerProps = {
29230
29257
  triggerText: String,
29231
29258
  showHandle: Boolean,
29232
29259
  handleClassName: String,
29260
+ ariaLabel: String,
29261
+ ariaLabelledBy: String,
29262
+ ariaDescribedBy: String,
29233
29263
  title: [String, Number, Object, Function],
29264
+ titleVisuallyHidden: Boolean,
29234
29265
  description: [String, Number, Object, Function],
29266
+ descriptionVisuallyHidden: Boolean,
29235
29267
  content: [String, Number, Object, Function],
29236
29268
  overlayClassName: String,
29237
29269
  contentClassName: String
@@ -29292,8 +29324,13 @@ var DrawerRoot = defineComponent({
29292
29324
  triggerText: props.triggerText,
29293
29325
  showHandle: props.showHandle,
29294
29326
  handleClassName: props.handleClassName,
29327
+ ariaLabel: props.ariaLabel,
29328
+ ariaLabelledBy: props.ariaLabelledBy,
29329
+ ariaDescribedBy: props.ariaDescribedBy,
29295
29330
  title: props.title,
29331
+ titleVisuallyHidden: props.titleVisuallyHidden,
29296
29332
  description: props.description,
29333
+ descriptionVisuallyHidden: props.descriptionVisuallyHidden,
29297
29334
  content: props.content,
29298
29335
  overlayClassName: props.overlayClassName,
29299
29336
  contentClassName: props.contentClassName
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@samline/drawer",
3
- "version": "2.0.1",
3
+ "version": "2.0.2",
4
4
  "description": "A universal drawer package for React, Vue, Svelte, vanilla JS, and browser usage.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",