@adgytec/adgytec-web-ui-components 0.0.3 → 0.0.5

package/README.md

@@ -1 +1,23 @@
 # Adgytec Web UI Components
+
+So, this React component library? It's been put together super carefully to give you a really flexible and easy-to-use base for your web apps!
+
+### Key Features & Technologies
+
+- **Dynamic Color Theming**: The entire color palette for this library is generated using the official [Material Color Tool](https://material-foundation.github.io/material-theme-builder/). This ensures a cohesive, aesthetically pleasing, and easily manageable color system that aligns with modern design principles.
+
+- **Unstyled & Accessible Components**: We leverage [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html) to provide a set of robust, unstyled components. This approach gives you complete control over the visual styling while benefiting from built-in accessibility features, ensuring your applications are inclusive and user-friendly.
+
+- **Comprehensive Icon Set**: All icons integrated into the components are sourced from [Lucide React](https://lucide.dev/guide/packages/lucide-react). This provides a consistent, high-quality, and easily scalable icon solution for your UI.
+
+### Customization and Styling Details
+
+- **Global Styles**: For a complete overview of all defined color variables and elevation styles used across the library, please refer to the `main.css` file.
+
+- **Edge Radii Configuration**: The visual appearance of component edges (rounded or sharp) can be easily configured. These styles are controlled via dedicated CSS variables related to `radius`. You can find more detailed information and configuration options within the `main.css` file.
+
+### Components Usage
+
+- Check App.tsx for all the components example usage and you can further check implementation of each component for its usage.
+
+Note: This readme is generated using gemini

package/dist/{Disclosure-D54TpT8k.js → Disclosure-D79gqK4z.js}

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { Disclosure as c, DisclosurePanel as l } from "react-aria-components";
 import { ChevronRight as a } from "lucide-react";
-import { T as n } from "./TextButton-BXui1LB0.js";
+import { T as n } from "./TextButton-BJRez1un.js";
 import { C as m } from "./types-C1YOMbh5.js";
-import { a as p } from "./useSplash-B9tAzNGg.js";
+import { a as p } from "./useSplash-7h6ni4l2.js";
 import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_1cz7p_23", g = "_panel_1cz7p_55", s = {
   disclosure: h,
   trigger: u,

package/dist/{DisclousreGroup-hDvE41ba.js → DisclousreGroup-BSUcVzWX.js}

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { D as i } from "./Disclosure-D54TpT8k.js";
+import { D as i } from "./Disclosure-D79gqK4z.js";
 import { DisclosureGroup as u } from "react-aria-components";
 import './assets/DisclousreGroup.css';const e = {
   "disclosure-group": "_disclosure-group_vh6v0_1"

package/dist/Error-y2dIWjyb.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import './assets/Error.css';const s = "_error_tr7s5_1", e = {
+  error: s
+}, c = ({ children: r }) => /* @__PURE__ */ o("p", { className: `${e.error}`, children: r });
+export {
+  c as E
+};

package/dist/{ModalAction-CcT9ATFz.js → ModalAction-DjHBeAOr.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { M as u } from "./ModalBase-DLaR_yid.js";
-import { T as p } from "./TextButton-BXui1LB0.js";
+import { T as p } from "./TextButton-BJRez1un.js";
 import { C as v } from "./types-C1YOMbh5.js";
 import './assets/ModalAction.css';var d = /* @__PURE__ */ ((n) => (n.start = "start", n.end = "end", n))(d || {}), c = /* @__PURE__ */ ((n) => (n.close = "Close", n.cancel = "Cancel", n))(c || {});
 const q = "_modal_fqn0t_1", $ = "_end_fqn0t_39", a = {

package/dist/{NavigationMenu-aB6IfIug.js → NavigationMenu-DTqKWY2F.js}

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { M as u } from "./MenuLabel-ClmuA9_6.js";
 import { L as i } from "./Link-CbLEp2fF.js";
-import { T as m } from "./TextButton-BXui1LB0.js";
+import { T as m } from "./TextButton-BJRez1un.js";
 import { C as n } from "./types-C1YOMbh5.js";
-import { a as c } from "./useSplash-B9tAzNGg.js";
+import { a as c } from "./useSplash-7h6ni4l2.js";
 import { ChevronDown as h } from "lucide-react";
 import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
   menu: p

package/dist/{NavigationResponsive-CGmgof-7.js → NavigationResponsive-BPybSnJ4.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useMediaQuery as t } from "usehooks-ts";
-import { N as e } from "./NavigationMenu-aB6IfIug.js";
-import { N as s } from "./NavigationSidebar-CDGXjM6z.js";
+import { N as e } from "./NavigationMenu-DTqKWY2F.js";
+import { N as s } from "./NavigationSidebar-ByWsLISI.js";
 const f = ({
   items: o,
   mediaQuery: r,

package/dist/{NavigationSidebar-CDGXjM6z.js → NavigationSidebar-ByWsLISI.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { T as r } from "./TextButton-BXui1LB0.js";
-import { a as s } from "./useSplash-B9tAzNGg.js";
-import { S as m } from "./Sidebar-Dk_3EG71.js";
+import { T as r } from "./TextButton-BJRez1un.js";
+import { a as s } from "./useSplash-7h6ni4l2.js";
+import { S as m } from "./Sidebar-LlVvowsG.js";
 import { T as c } from "./Tree-BwmYvUlr.js";
 import { X as l, Menu as p } from "lucide-react";
 import { C as h } from "./types-C1YOMbh5.js";

package/dist/{OutlinedButton-BgW0LT_v.js → OutlinedButton-DaLKO8zx.js}

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { B as r } from "./TextButton-BXui1LB0.js";
-import { B as i } from "./useSplash-B9tAzNGg.js";
+import { B as r } from "./TextButton-BJRez1un.js";
+import { B as i } from "./useSplash-7h6ni4l2.js";
 const u = (t) => {
   const { children: n } = t;
   return /* @__PURE__ */ o(r, { ...t, variant: i.filled, children: n });

package/dist/{OutlinedButtonLink-Wlrb7MFQ.js → OutlinedButtonLink-BvCiAZyQ.js}

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as l, Fragment as u } from "react/jsx-runtime";
-import { u as $, s as o, S as m, B as a, a as F } from "./useSplash-B9tAzNGg.js";
+import { u as $, s as o, S as m, B as a, a as F } from "./useSplash-7h6ni4l2.js";
 import { Link as L } from "react-aria-components";
 import { T as S } from "./Tooltip-DAYtebkl.js";
 import { C as x } from "./types-C1YOMbh5.js";

package/dist/{Select-BRcK4tUB.js → Select-D0U2rIL2.js}

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { O as q, F as B } from "./OutlinedButton-BgW0LT_v.js";
-import { B as l } from "./useSplash-B9tAzNGg.js";
+import { O as q, F as B } from "./OutlinedButton-DaLKO8zx.js";
+import { B as l } from "./useSplash-7h6ni4l2.js";
 import { Select as N, SelectValue as m, ListBox as S, Text as d, ListBoxItem as T } from "react-aria-components";
 import { P as b } from "./Popover-D3iGWJwQ.js";
 import { ChevronsUpDown as V, Check as y } from "lucide-react";
-import { T as C } from "./TextButton-BXui1LB0.js";
+import { T as C } from "./TextButton-BJRez1un.js";
 import { C as p } from "./types-C1YOMbh5.js";
 import { T as F } from "./Tooltip-DAYtebkl.js";
 import { L as $, F as L } from "./FieldError-CZn24fiL.js";

package/dist/Sidebar-LlVvowsG.js

@@ -0,0 +1,50 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { DialogTrigger as u, ModalOverlay as f, Modal as g, Dialog as p } from "react-aria-components";
+import './assets/Sidebar.css';var r = /* @__PURE__ */ ((l) => (l.inlineStart = "inline-start", l.inlineEnd = "inline-end", l.blockStart = "block-start", l.blockEnd = "block-end", l))(r || {}), t = /* @__PURE__ */ ((l) => (l.full = "full", l.threeQuarters = "three-quarters", l.half = "half", l.quarter = "quarter", l))(t || {});
+const m = "_modal_gp54h_1", k = "_full_gp54h_291", b = "_half_gp54h_313", q = "_quarter_gp54h_321", e = {
+  "modal-overlay": "_modal-overlay_gp54h_1",
+  "modal-fade": "_modal-fade_gp54h_1",
+  modal: m,
+  "inline-start": "_inline-start_gp54h_117",
+  "inline-slide": "_inline-slide_gp54h_1",
+  "inline-end": "_inline-end_gp54h_145",
+  "block-start": "_block-start_gp54h_173",
+  "block-slide": "_block-slide_gp54h_1",
+  "block-end": "_block-end_gp54h_201",
+  full: k,
+  "three-quarters": "_three-quarters_gp54h_305",
+  half: b,
+  quarter: q
+}, D = ({
+  children: l,
+  trigger: n,
+  sidebarPosition: _ = r.inlineStart,
+  sidebarSize: o = t.full,
+  isDismissable: s,
+  isKeyboardDismissableDisabled: i
+}) => {
+  const d = typeof l == "function";
+  return /* @__PURE__ */ c(u, { children: [
+    n,
+    /* @__PURE__ */ a(
+      f,
+      {
+        className: `${e["modal-overlay"]}`,
+        isDismissable: s,
+        isKeyboardDismissDisabled: i,
+        children: /* @__PURE__ */ a(
+          g,
+          {
+            className: `${e.modal} ${e[_]} ${e[o]}`,
+            children: /* @__PURE__ */ a(p, { children: d ? (h) => l(h) : l })
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  D as S,
+  r as a,
+  t as b
+};

package/dist/Success-Bh3pb5T7.js

@@ -0,0 +1,7 @@
+import { jsx as c } from "react/jsx-runtime";
+import './assets/Success.css';const e = "_success_1k0k3_1", t = {
+  success: e
+}, u = ({ children: s }) => /* @__PURE__ */ c("p", { className: `${t.success}`, children: s });
+export {
+  u as S
+};

package/dist/{TextButton-BXui1LB0.js → TextButton-BJRez1un.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import { u as $, a as c, B as f, s, S as u } from "./useSplash-B9tAzNGg.js";
+import { u as $, a as c, B as f, s, S as u } from "./useSplash-7h6ni4l2.js";
 import { Button as T } from "react-aria-components";
 import { T as p } from "./Tooltip-DAYtebkl.js";
 import { C as S } from "./types-C1YOMbh5.js";

package/dist/ToggleButtonGroup-BnNsIJX5.js

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ToggleButton as m, ToggleButtonGroup as p } from "react-aria-components";
+import { u as c, s, S as d, B as T, a as B } from "./useSplash-7h6ni4l2.js";
+import { T as b } from "./Tooltip-DAYtebkl.js";
+import { C as l } from "./types-C1YOMbh5.js";
+import './assets/ToggleButtonGroup.css';const h = {
+  "toggle-button-group": "_toggle-button-group_b7n8c_1"
+}, $ = ({
+  id: e,
+  value: a,
+  description: o,
+  isDisabled: t,
+  theme: u = l.primary
+}) => {
+  const { coords: n, handlePress: g } = c();
+  return /* @__PURE__ */ r(b, { description: o, children: /* @__PURE__ */ i(
+    m,
+    {
+      id: e,
+      onPress: g,
+      className: `${s.button} ${s[u]} ${s[T.outlined]} ${s[B.rectangle]}`,
+      isDisabled: t,
+      children: [
+        n && /* @__PURE__ */ r(d, { ...n }),
+        a
+      ]
+    }
+  ) });
+}, G = ({
+  items: e,
+  theme: a = l.primary,
+  ...o
+}) => /* @__PURE__ */ r(
+  p,
+  {
+    ...o,
+    className: o.className ?? h["toggle-button-group"],
+    children: e.map((t) => /* @__PURE__ */ r(
+      $,
+      {
+        ...t,
+        theme: a,
+        isDisabled: o.isDisabled || t.isDisabled
+      },
+      t.id
+    ))
+  }
+);
+export {
+  G as T
+};

package/dist/assets/Sidebar.css

@@ -1 +1 @@
-._modal-overlay_1vuul_1{--_animation-duration: .3s;background-color:hsl(from var(--color-surface) h s l / .5);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);position:fixed;inset:0}._modal-overlay_1vuul_1[data-entering]{animation:_modal-fade_1vuul_1 var(--_animation-duration)}._modal-overlay_1vuul_1[data-exiting]{animation:_modal-fade_1vuul_1 var(--_animation-duration) reverse ease-in}._modal_1vuul_1{--_modal-bg: var(--color-surface-container);--_modal-text: var(--colol-on-surface);--_border-width: .025rem;position:fixed;overflow:scroll;inset-inline-start:var(--_inline-start);inset-block-start:var(--_block-start);inset-inline-end:var(--_inline-end);inset-block-end:var(--_block-end);padding-inline:clamp(1.5rem,2.25vi,2rem);padding-block:clamp(1.5rem,2.25vi,2rem);background-color:var(--_modal-bg);color:var(--_modal-text);border-width:0;border-style:solid;border-color:var(--color-outline);box-shadow:var(--elevation-1)}._modal_1vuul_1[data-entering]{animation-duration:var(--_animation-duration);animation-name:var(--_slide-animation)}._modal_1vuul_1[data-exiting]{animation-duration:var(--_animation-duration);animation-timing-function:ease-in;animation-name:var(--_slide-animation);animation-direction:reverse}._inline-start_1vuul_117{--_inline-start: 0;--_block-start: 0;--_block-end: 0;--_inline-end: var(--_size);--_from: -100%;--_slide-animation: _inline-slide_1vuul_1;border-inline-end-width:var(--_border-width);border-start-end-radius:var(--radius-sidebar);border-end-end-radius:var(--radius-sidebar)}._inline-end_1vuul_145{--_inline-end: 0;--_block-start: 0;--_block-end: 0;--_inline-start: var(--_size);--_from: 100%;--_slide-animation: _inline-slide_1vuul_1;border-inline-start-width:var(--_border-width);border-start-start-radius:var(--radius-sidebar);border-end-start-radius:var(--radius-sidebar)}._block-start_1vuul_173{--_inline-end: 0;--_inline-start: 0;--_block-start: 0;--_block-end: var(--_size);--_from: -100%;--_slide-animation: _block-slide_1vuul_1;border-block-end-width:vaR(--_border-width);border-end-start-radius:var(--radius-sidebar);border-end-end-radius:var(--radius-sidebar)}._block-end_1vuul_201{--_inline-end: 0;--_inline-start: 0;--_block-end: 0;--_block-start: var(--_size);--_from: 100%;--_slide-animation: _block-slide_1vuul_1;border-block-start-width:vaR(--_border-width);border-start-end-radius:var(--radius-sidebar);border-start-start-radius:var(--radius-sidebar)}@keyframes _modal-fade_1vuul_1{0%{opacity:0}to{opacity:1}}@keyframes _inline-slide_1vuul_1{0%{transform:translate(var(--_from))}to{transform:translate(0)}}@keyframes _block-slide_1vuul_1{0%{transform:translateY(var(--_from))}to{transform:translateY(0)}}._full_1vuul_291{--_size: 0;border-radius:0;border:none}._three-quarters_1vuul_305{--_size: 25%}._half_1vuul_313{--_size: 50%}._quarter_1vuul_321{--_size: 75%}
+._modal-overlay_gp54h_1{--_animation-duration: .3s;background-color:hsl(from var(--color-surface) h s l / .5);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);position:fixed;inset:0}._modal-overlay_gp54h_1[data-entering]{animation:_modal-fade_gp54h_1 var(--_animation-duration)}._modal-overlay_gp54h_1[data-exiting]{animation:_modal-fade_gp54h_1 var(--_animation-duration) reverse ease-in}._modal_gp54h_1{--_modal-bg: var(--color-surface-container);--_modal-text: var(--colol-on-surface);position:fixed;overflow:scroll;inset-inline-start:var(--_inline-start);inset-block-start:var(--_block-start);inset-inline-end:var(--_inline-end);inset-block-end:var(--_block-end);padding-inline:clamp(1.5rem,2.25vi,2rem);padding-block:clamp(1.5rem,2.25vi,2rem);background-color:var(--_modal-bg);color:var(--_modal-text);border-width:0;border-style:solid;border-color:var(--color-outline);box-shadow:var(--elevation-1)}._modal_gp54h_1[data-entering]{animation-duration:var(--_animation-duration);animation-name:var(--_slide-animation)}._modal_gp54h_1[data-exiting]{animation-duration:var(--_animation-duration);animation-timing-function:ease-in;animation-name:var(--_slide-animation);animation-direction:reverse}._inline-start_gp54h_117{--_inline-start: 0;--_block-start: 0;--_block-end: 0;--_inline-end: var(--_size);--_from: -100%;--_slide-animation: _inline-slide_gp54h_1;border-start-end-radius:var(--radius-sidebar);border-end-end-radius:var(--radius-sidebar)}._inline-end_gp54h_145{--_inline-end: 0;--_block-start: 0;--_block-end: 0;--_inline-start: var(--_size);--_from: 100%;--_slide-animation: _inline-slide_gp54h_1;border-start-start-radius:var(--radius-sidebar);border-end-start-radius:var(--radius-sidebar)}._block-start_gp54h_173{--_inline-end: 0;--_inline-start: 0;--_block-start: 0;--_block-end: var(--_size);--_from: -100%;--_slide-animation: _block-slide_gp54h_1;border-end-start-radius:var(--radius-sidebar);border-end-end-radius:var(--radius-sidebar)}._block-end_gp54h_201{--_inline-end: 0;--_inline-start: 0;--_block-end: 0;--_block-start: var(--_size);--_from: 100%;--_slide-animation: _block-slide_gp54h_1;border-start-end-radius:var(--radius-sidebar);border-start-start-radius:var(--radius-sidebar)}@keyframes _modal-fade_gp54h_1{0%{opacity:0}to{opacity:1}}@keyframes _inline-slide_gp54h_1{0%{transform:translate(var(--_from))}to{transform:translate(0)}}@keyframes _block-slide_gp54h_1{0%{transform:translateY(var(--_from))}to{transform:translateY(0)}}._full_gp54h_291{--_size: 0;border-radius:0;border:none}._three-quarters_gp54h_305{--_size: 25%}._half_gp54h_313{--_size: 50%}._quarter_gp54h_321{--_size: 75%}

package/dist/assets/ToggleButtonGroup.css

@@ -0,0 +1 @@
+._toggle-button-group_b7n8c_1{--_flex-direction: row;--button-border-width: .075rem;display:flex;flex-direction:var(--_flex-direction)}._toggle-button-group_b7n8c_1>button{border-radius:0}._toggle-button-group_b7n8c_1[data-orientation=vertical]{--_flex-direction: column;--radius-button: var(--radius)}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button{margin-block-start:calc(-1 * var(--button-border-width))}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button:first-child{border-radius:var(--radius-button) var(--radius-button) 0 0;margin-block-start:0}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button:last-child{border-radius:0 0 var(--radius-button) var(--radius-button)}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button{margin-inline-start:calc(-1 * var(--button-border-width))}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button:first-child{margin-inline-start:0;border-radius:var(--radius-button) 0 0 var(--radius-button)}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button:last-child{border-radius:0 var(--radius-button) var(--radius-button) 0}

package/dist/assets/useSplash.css

@@ -1 +1 @@
-._button_127bq_1{--_button-color: transparent;--_button-text: transparent;--_border-color: var(--_button-color);border-radius:var(--_radius);cursor:pointer;border:.125rem solid var(--_border-color);font-weight:500;text-align:center;padding-inline:var(--_pi);padding-block:var(--_pb);background-color:var(--_bg);color:var(--_color);position:relative;overflow:hidden;transition:background-color .25s,color .25s}._button_127bq_1[data-hovered],._button_127bq_1[data-focused]{--_bg: hsl(from var(--_button-color) h s calc(l + 10) );--_color: hsl(from var(--_button-text) h s calc(l + 10) )}._button_127bq_1[data-pressed]{--_bg: hsl(from var(--_button-color) h s calc(l - 5) );--_color: hsl(from var(--_button-text) h s calc(l - 5) )}._button-link_127bq_73{text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent}._button-link_127bq_73[data-hovered],._button-link_127bq_73[data-focused],._button-link_127bq_73[data-underline]{text-decoration-color:currentColor}._square_127bq_105{--_pi: .625em;--_pb: .625em;aspect-ratio:1/1;--_radius: var(--radius-circular)}._avatar_127bq_121{--_pi: .125em;--_pb: .125em;aspect-ratio:1/1;--_radius: var(--radius-circular)}._rectangle_127bq_137{--_pi: 1.125em;--_pb: .625em;--_radius: var(--radius-button)}._shrink_127bq_149{--_pi: 0;--_pb: 0}._primary_127bq_161{--_button-color: var(--color-primary);--_button-text: var(--color-on-primary)}._primary-variant_127bq_171{--_button-color: var(--color-primary-variant);--_button-text: var(--color-on-primary-variant)}._secondary_127bq_181{--_button-color: var(--color-secondary);--_button-text: var(--color-on-secondary)}._tertiary_127bq_191{--_button-color: var(--color-tertiary);--_button-text: var(--color-on-tertiary)}._error_127bq_201{--_button-color: var(--color-error);--_button-text: var(--color-on-error)}._inverse-surface_127bq_211{--_button-color: var(--color-inverse-surface);--_button-text: var(--color-inverse-on-surface)}._success_127bq_221{--_button-color: var(--color-success);--_button-text: var(--color-on-success)}._filled_127bq_233{--_bg: var(--_button-color);--_color: var(--_button-text)}._outlined_127bq_243{--_bg: transparent;--_color: var(--_button-color)}._text_127bq_253{--_bg: transparent;--_border-color: transparent;--_color: var(--_button-color)}._splash_zhwi0_1{position:absolute;inline-size:25%;aspect-ratio:1/1;border-radius:50%;background-color:hsl(from var(--color-surface-variant) h s l / .5);animation:_ripple_zhwi0_1 .5s linear;opacity:0}@keyframes _ripple_zhwi0_1{0%{scale:0;opacity:1}to{scale:8;opacity:0}}
+._button_kf7sn_1{--_button-color: transparent;--_button-text: transparent;--_border-color: var(--_button-color);border-radius:var(--_radius);cursor:pointer;border:var(--button-border-width) solid var(--_border-color);font-weight:500;text-align:center;padding-inline:var(--_pi);padding-block:var(--_pb);background-color:var(--_bg);color:var(--_color);position:relative;overflow:hidden;transition:background-color .25s,color .25s}._button_kf7sn_1[data-hovered],._button_kf7sn_1[data-focused]{--_bg: hsl(from var(--_button-color) h s calc(l + 10) );--_color: hsl(from var(--_button-text) h s calc(l + 10) )}._button_kf7sn_1[data-pressed]{--_bg: hsl(from var(--_button-color) h s calc(l - 5) );--_color: hsl(from var(--_button-text) h s calc(l - 5) )}._button_kf7sn_1[data-selected]{--_bg: var(--_button-color);--_color: var(--_button-text)}._button-link_kf7sn_83{text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent}._button-link_kf7sn_83[data-hovered],._button-link_kf7sn_83[data-focused],._button-link_kf7sn_83[data-underline]{text-decoration-color:currentColor}._square_kf7sn_115{--_pi: .625em;--_pb: .625em;aspect-ratio:1/1;--_radius: var(--radius-circular)}._avatar_kf7sn_131{--_pi: .125em;--_pb: .125em;aspect-ratio:1/1;--_radius: var(--radius-circular)}._rectangle_kf7sn_147{--_pi: 1.125em;--_pb: .625em;--_radius: var(--radius-button)}._shrink_kf7sn_159{--_pi: 0;--_pb: 0}._primary_kf7sn_171{--_button-color: var(--color-primary);--_button-text: var(--color-on-primary)}._primary-variant_kf7sn_181{--_button-color: var(--color-primary-variant);--_button-text: var(--color-on-primary-variant)}._secondary_kf7sn_191{--_button-color: var(--color-secondary);--_button-text: var(--color-on-secondary)}._tertiary_kf7sn_201{--_button-color: var(--color-tertiary);--_button-text: var(--color-on-tertiary)}._error_kf7sn_211{--_button-color: var(--color-error);--_button-text: var(--color-on-error)}._inverse-surface_kf7sn_221{--_button-color: var(--color-inverse-surface);--_button-text: var(--color-inverse-on-surface)}._success_kf7sn_231{--_button-color: var(--color-success);--_button-text: var(--color-on-success)}._filled_kf7sn_243{--_bg: var(--_button-color);--_color: var(--_button-text)}._outlined_kf7sn_253{--_bg: transparent;--_color: var(--_button-color)}._text_kf7sn_263{--_bg: transparent;--_border-color: transparent;--_color: var(--_button-color)}._splash_zhwi0_1{position:absolute;inline-size:25%;aspect-ratio:1/1;border-radius:50%;background-color:hsl(from var(--color-surface-variant) h s l / .5);animation:_ripple_zhwi0_1 .5s linear;opacity:0}@keyframes _ripple_zhwi0_1{0%{scale:0;opacity:1}to{scale:8;opacity:0}}

package/dist/components/Button/ToggleButton.d.ts

@@ -0,0 +1,2 @@
+import { ToggleButtonProps } from './types';
+export declare const ToggleButton: ({ id, value, description, isDisabled, theme, }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/index.js

@@ -1,6 +1,6 @@
-import { a, B as e } from "../../useSplash-B9tAzNGg.js";
-import { F as r, O as u } from "../../OutlinedButton-BgW0LT_v.js";
-import { T as s } from "../../TextButton-BXui1LB0.js";
+import { a, B as e } from "../../useSplash-7h6ni4l2.js";
+import { F as r, O as u } from "../../OutlinedButton-DaLKO8zx.js";
+import { T as s } from "../../TextButton-BJRez1un.js";
 export {
   a as ButtonShape,
   e as ButtonVariant,

package/dist/components/Button/types.d.ts

@@ -1,5 +1,5 @@
 import { ColorTheme } from '../../utils/types';
-import { ButtonProps as AriaButtonProps, LinkProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps, LinkProps, Key } from 'react-aria-components';
 export declare enum ButtonVariant {
     filled = "filled",
     outlined = "outlined",
@@ -26,3 +26,10 @@ export interface ButtonLinkProps extends LinkProps {
     description?: string;
     underline?: boolean;
 }
+export interface ToggleButtonProps {
+    id: Key;
+    value: string;
+    description?: string;
+    theme?: ColorTheme;
+    isDisabled?: boolean;
+}

package/dist/components/Disclosure/Disclosure/index.js

@@ -1,4 +1,4 @@
-import { D as s } from "../../../Disclosure-D54TpT8k.js";
+import { D as s } from "../../../Disclosure-D79gqK4z.js";
 export {
   s as Disclosure
 };

package/dist/components/Disclosure/DisclousureGroup/index.js

@@ -1,4 +1,4 @@
-import { D as s } from "../../../DisclousreGroup-hDvE41ba.js";
+import { D as s } from "../../../DisclousreGroup-BSUcVzWX.js";
 export {
   s as DisclosureGroup
 };

package/dist/components/Error/index.js

@@ -1,7 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index2.css';const s = "_error_tr7s5_1", e = {
-  error: s
-}, c = ({ children: r }) => /* @__PURE__ */ o("p", { className: `${e.error}`, children: r });
+import { E } from "../../Error-y2dIWjyb.js";
 export {
-  c as Error
+  E as Error
 };

package/dist/components/Link/index.js

@@ -1,4 +1,4 @@
-import { F as o, O as i } from "../../OutlinedButtonLink-Wlrb7MFQ.js";
+import { F as o, O as i } from "../../OutlinedButtonLink-BvCiAZyQ.js";
 import { L as r } from "../../Link-CbLEp2fF.js";
 export {
   o as FilledButtonLink,

package/dist/components/Modal/ModalAction/index.js

@@ -1,4 +1,4 @@
-import { M as e, a as l, b as t } from "../../../ModalAction-CcT9ATFz.js";
+import { M as e, a as l, b as t } from "../../../ModalAction-DjHBeAOr.js";
 export {
   e as ModalAction,
   l as ModalActionPlacement,

package/dist/components/Modal/index.js

@@ -1,4 +1,4 @@
-import { M as e, a as l, b as s } from "../../ModalAction-CcT9ATFz.js";
+import { M as e, a as l, b as s } from "../../ModalAction-DjHBeAOr.js";
 import { M } from "../../ModalBase-DLaR_yid.js";
 export {
   e as ModalAction,

package/dist/components/Navigation/NavigationMenu/index.js

@@ -1,4 +1,4 @@
-import { N as e } from "../../../NavigationMenu-aB6IfIug.js";
+import { N as e } from "../../../NavigationMenu-DTqKWY2F.js";
 export {
   e as NavigationMenu
 };

package/dist/components/Navigation/NavigationResponsive/index.js

@@ -1,4 +1,4 @@
-import { N as e } from "../../../NavigationResponsive-CGmgof-7.js";
+import { N as e } from "../../../NavigationResponsive-BPybSnJ4.js";
 export {
   e as NavigationResponsive
 };

package/dist/components/Navigation/NavigationSidebar/index.js

@@ -1,4 +1,4 @@
-import { N as o } from "../../../NavigationSidebar-CDGXjM6z.js";
+import { N as o } from "../../../NavigationSidebar-ByWsLISI.js";
 export {
   o as NavigationSidebar
 };

package/dist/components/Navigation/index.js

@@ -1,6 +1,6 @@
-import { N as i } from "../../NavigationResponsive-CGmgof-7.js";
-import { N as r } from "../../NavigationSidebar-CDGXjM6z.js";
-import { N } from "../../NavigationMenu-aB6IfIug.js";
+import { N as i } from "../../NavigationResponsive-BPybSnJ4.js";
+import { N as r } from "../../NavigationSidebar-ByWsLISI.js";
+import { N } from "../../NavigationMenu-DTqKWY2F.js";
 export {
   N as NavigationMenu,
   i as NavigationResponsive,

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../../Select-BRcK4tUB.js";
+import { S as r } from "../../Select-D0U2rIL2.js";
 export {
   r as Select
 };

package/dist/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as e, a as r, b as S } from "../../Sidebar-Dk_3EG71.js";
+import { S as e, a as r, b as S } from "../../Sidebar-LlVvowsG.js";
 export {
   e as Sidebar,
   r as SidebarPosition,

package/dist/components/Success/index.js

@@ -1,7 +1,4 @@
-import { jsx as c } from "react/jsx-runtime";
-import '../../assets/index.css';const e = "_success_1k0k3_1", t = {
-  success: e
-}, u = ({ children: s }) => /* @__PURE__ */ c("p", { className: `${t.success}`, children: s });
+import { S as e } from "../../Success-Bh3pb5T7.js";
 export {
-  u as Success
+  e as Success
 };

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,2 @@
+import { ToggleButtonGroupProps } from './types';
+export declare const ToggleButtonGroup: ({ items, theme, ...props }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ToggleButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ToggleButtonGroup';
+export * from './types';

package/dist/components/ToggleButtonGroup/index.js

@@ -0,0 +1,4 @@
+import { T as t } from "../../ToggleButtonGroup-BnNsIJX5.js";
+export {
+  t as ToggleButtonGroup
+};

package/dist/components/ToggleButtonGroup/types.d.ts

@@ -0,0 +1,12 @@
+import { ToggleButtonGroupProps as AriaToggleButtonGroupProps, Key } from 'react-aria-components';
+import { ColorTheme } from '../../utils/types';
+export interface ToggleButtonGroupItem {
+    id: Key;
+    value: string;
+    description?: string;
+    isDisabled?: boolean;
+}
+export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps {
+    items: ToggleButtonGroupItem[];
+    theme?: ColorTheme;
+}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,2 +1,2 @@
 import { TooltipProps } from './types';
-export declare const Tooltip: ({ children, description, theme, }: TooltipProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
+export declare const Tooltip: ({ children, description, theme, }: TooltipProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/index.d.ts

@@ -1,17 +1,24 @@
 export * from './utils/types';
-export * from './components/Tree';
 export * from './components/Avatar';
 export * from './components/Button';
 export * from './components/Disclosure/Disclosure';
 export * from './components/Disclosure/DisclousureGroup';
+export * from './components/Error';
 export * from './components/Form/Input';
 export * from './components/Form/TextArea';
 export * from './components/Link';
 export * from './components/Menu';
+export * from './components/Modal';
 export * from './components/Modal/ModalAction';
 export * from './components/Modal/ModalBase';
+export * from './components/Navigation';
+export * from './components/Navigation/NavigationMenu';
 export * from './components/Navigation/NavigationResponsive';
 export * from './components/Navigation/NavigationSidebar';
-export * from './components/Navigation/NavigationMenu';
+export * from './components/Popover';
 export * from './components/Select';
 export * from './components/Sidebar';
+export * from './components/Success';
+export * from './components/ToggleButtonGroup';
+export * from './components/Tooltip';
+export * from './components/Tree';

package/dist/index.js

@@ -1,53 +1,61 @@
-import { C as r } from "./types-C1YOMbh5.js";
-import { T as t } from "./Tree-BwmYvUlr.js";
-import { A as i, a as n, b as p } from "./Avatar-vPRORJSz.js";
-import { a as m, B as f } from "./useSplash-B9tAzNGg.js";
-import { F as u, O as d } from "./OutlinedButton-BgW0LT_v.js";
-import { T as B } from "./TextButton-BXui1LB0.js";
-import { D as T } from "./Disclosure-D54TpT8k.js";
-import { D as v } from "./DisclousreGroup-hDvE41ba.js";
-import { I as c } from "./Input-KLfZufI4.js";
-import { T as L } from "./TextArea-DBZO5z2H.js";
-import { F, O } from "./OutlinedButtonLink-Wlrb7MFQ.js";
-import { L as k } from "./Link-CbLEp2fF.js";
-import { M as h } from "./MenuButton-BEwnL_jL.js";
-import { M as I } from "./MenuLabel-ClmuA9_6.js";
-import { M as y, a as G, b as R } from "./ModalAction-CcT9ATFz.js";
-import { M as j } from "./ModalBase-DLaR_yid.js";
-import { N as w } from "./NavigationResponsive-CGmgof-7.js";
-import { S as H, a as J, b as K } from "./Sidebar-Dk_3EG71.js";
-import { N as U } from "./NavigationSidebar-CDGXjM6z.js";
-import { N as X } from "./NavigationMenu-aB6IfIug.js";
-import { S as Z } from "./Select-BRcK4tUB.js";
+import { C as a } from "./types-C1YOMbh5.js";
+import { A as t, a as s, b as p } from "./Avatar-vPRORJSz.js";
+import { a as i, B as m } from "./useSplash-7h6ni4l2.js";
+import { F as f, O as u } from "./OutlinedButton-DaLKO8zx.js";
+import { T as d } from "./TextButton-BJRez1un.js";
+import { D as B } from "./Disclosure-D79gqK4z.js";
+import { D as T } from "./DisclousreGroup-BSUcVzWX.js";
+import { E as c } from "./Error-y2dIWjyb.js";
+import { I as A } from "./Input-KLfZufI4.js";
+import { T as g } from "./TextArea-DBZO5z2H.js";
+import { F as D, O as F } from "./OutlinedButtonLink-BvCiAZyQ.js";
+import { L as P } from "./Link-CbLEp2fF.js";
+import { M as C } from "./MenuButton-BEwnL_jL.js";
+import { M as z } from "./MenuLabel-ClmuA9_6.js";
+import { M as G, a as I, b as y } from "./ModalAction-DjHBeAOr.js";
+import { M as V } from "./ModalBase-DLaR_yid.js";
+import { N as q } from "./NavigationResponsive-BPybSnJ4.js";
+import { S as H, a as J, b as K } from "./Sidebar-LlVvowsG.js";
+import { N as U } from "./NavigationSidebar-ByWsLISI.js";
+import { N as X } from "./NavigationMenu-DTqKWY2F.js";
+import { P as Z } from "./Popover-D3iGWJwQ.js";
+import { S as $ } from "./Select-D0U2rIL2.js";
+import { S as ro } from "./Success-Bh3pb5T7.js";
+import { T as eo } from "./ToggleButtonGroup-BnNsIJX5.js";
+import { T as so } from "./Tree-BwmYvUlr.js";
 export {
-  i as Avatar,
-  n as AvatarSize,
+  t as Avatar,
+  s as AvatarSize,
   p as AvatarType,
-  m as ButtonShape,
-  f as ButtonVariant,
-  r as ColorTheme,
-  T as Disclosure,
-  v as DisclosureGroup,
-  u as FilledButton,
-  F as FilledButtonLink,
-  c as Input,
-  k as Link,
-  h as MenuButton,
-  I as MenuLabel,
-  y as ModalAction,
-  G as ModalActionPlacement,
-  j as ModalBase,
-  R as ModalCloseText,
+  i as ButtonShape,
+  m as ButtonVariant,
+  a as ColorTheme,
+  B as Disclosure,
+  T as DisclosureGroup,
+  c as Error,
+  f as FilledButton,
+  D as FilledButtonLink,
+  A as Input,
+  P as Link,
+  C as MenuButton,
+  z as MenuLabel,
+  G as ModalAction,
+  I as ModalActionPlacement,
+  V as ModalBase,
+  y as ModalCloseText,
   X as NavigationMenu,
-  w as NavigationResponsive,
+  q as NavigationResponsive,
   U as NavigationSidebar,
-  d as OutlinedButton,
-  O as OutlinedButtonLink,
-  Z as Select,
+  u as OutlinedButton,
+  F as OutlinedButtonLink,
+  Z as Popover,
+  $ as Select,
   H as Sidebar,
   J as SidebarPosition,
   K as SidebarSize,
-  L as TextArea,
-  B as TextButton,
-  t as Tree
+  ro as Success,
+  g as TextArea,
+  d as TextButton,
+  eo as ToggleButtonGroup,
+  so as Tree
 };

package/dist/useSplash-7h6ni4l2.js

@@ -0,0 +1,49 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as l, useRef as a, useEffect as i } from "react";
+import './assets/useSplash.css';var u = /* @__PURE__ */ ((s) => (s.filled = "filled", s.outlined = "outlined", s.text = "text", s))(u || {}), f = /* @__PURE__ */ ((s) => (s.rectangle = "rectangle", s.square = "square", s.avatar = "avatar", s.shrink = "shrink", s))(f || {});
+const k = "_button_kf7sn_1", d = "_square_kf7sn_115", y = "_avatar_kf7sn_131", m = "_rectangle_kf7sn_147", v = "_shrink_kf7sn_159", p = "_primary_kf7sn_171", h = "_secondary_kf7sn_191", x = "_tertiary_kf7sn_201", b = "_error_kf7sn_211", g = "_success_kf7sn_231", q = "_filled_kf7sn_243", S = "_outlined_kf7sn_253", T = "_text_kf7sn_263", z = {
+  button: k,
+  "button-link": "_button-link_kf7sn_83",
+  square: d,
+  avatar: y,
+  rectangle: m,
+  shrink: v,
+  primary: p,
+  "primary-variant": "_primary-variant_kf7sn_181",
+  secondary: h,
+  tertiary: x,
+  error: b,
+  "inverse-surface": "_inverse-surface_kf7sn_221",
+  success: g,
+  filled: q,
+  outlined: S,
+  text: T
+}, $ = "_splash_zhwi0_1", R = {
+  splash: $
+}, C = ({ id: s, x: e, y: r }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `${R.splash}`,
+    style: {
+      insetInlineStart: e,
+      insetBlockStart: r,
+      translate: "-50% -50%"
+    }
+  },
+  `${s}`
+), E = (s) => {
+  const [e, r] = l(null), _ = a(0);
+  let n = a(void 0), c = (t) => {
+    r({ id: _.current++, x: t.x, y: t.y }), t.x !== -1 && t.y !== -1 && (clearTimeout(n.current), n.current = setTimeout(() => r(null), 500)), s?.(t);
+  };
+  return i(() => () => {
+    clearTimeout(n.current);
+  }, []), { coords: e, handlePress: c };
+};
+export {
+  u as B,
+  C as S,
+  f as a,
+  z as s,
+  E as u
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adgytec/adgytec-web-ui-components",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "files": [
     "dist"
@@ -14,11 +14,13 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "npm run generate:exports && tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "generate:exports": "node ./src/scripts/generate-exports.js",
+    "publish": "npm run build && npm publish --public"
   },
-  "peerDependencies": {
+  "dependencies": {
     "lucide-react": "^0.525.0",
     "react": "^19.1.0",
     "react-aria-components": "^1.10.1",
@@ -43,5 +45,16 @@
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2"
-  }
+  },
+  "author": {
+    "name": "Adgytec",
+    "email": "rohan@adgytec.in",
+    "url": "https://adgytec.in"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Adgytec/adgytec-web-ui-components.git"
+  },
+  "homepage": "https://github.com/Adgytec/adgytec-web-ui-components/#/README.md"
 }

package/dist/Sidebar-Dk_3EG71.js

@@ -1,50 +0,0 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { DialogTrigger as v, ModalOverlay as f, Modal as m, Dialog as h } from "react-aria-components";
-import './assets/Sidebar.css';var r = /* @__PURE__ */ ((l) => (l.inlineStart = "inline-start", l.inlineEnd = "inline-end", l.blockStart = "block-start", l.blockEnd = "block-end", l))(r || {}), u = /* @__PURE__ */ ((l) => (l.full = "full", l.threeQuarters = "three-quarters", l.half = "half", l.quarter = "quarter", l))(u || {});
-const k = "_modal_1vuul_1", b = "_full_1vuul_291", q = "_half_1vuul_313", y = "_quarter_1vuul_321", e = {
-  "modal-overlay": "_modal-overlay_1vuul_1",
-  "modal-fade": "_modal-fade_1vuul_1",
-  modal: k,
-  "inline-start": "_inline-start_1vuul_117",
-  "inline-slide": "_inline-slide_1vuul_1",
-  "inline-end": "_inline-end_1vuul_145",
-  "block-start": "_block-start_1vuul_173",
-  "block-slide": "_block-slide_1vuul_1",
-  "block-end": "_block-end_1vuul_201",
-  full: b,
-  "three-quarters": "_three-quarters_1vuul_305",
-  half: q,
-  quarter: y
-}, D = ({
-  children: l,
-  trigger: t,
-  sidebarPosition: n = r.inlineStart,
-  sidebarSize: _ = u.full,
-  isDismissable: o,
-  isKeyboardDismissableDisabled: s
-}) => {
-  const i = typeof l == "function";
-  return /* @__PURE__ */ c(v, { children: [
-    t,
-    /* @__PURE__ */ a(
-      f,
-      {
-        className: `${e["modal-overlay"]}`,
-        isDismissable: o,
-        isKeyboardDismissDisabled: s,
-        children: /* @__PURE__ */ a(
-          m,
-          {
-            className: `${e.modal} ${e[n]} ${e[_]}`,
-            children: /* @__PURE__ */ a(h, { children: i ? (d) => l(d) : l })
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  D as S,
-  r as a,
-  u as b
-};

package/dist/useSplash-B9tAzNGg.js

@@ -1,49 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as l, useRef as n, useEffect as i } from "react";
-import './assets/useSplash.css';var u = /* @__PURE__ */ ((t) => (t.filled = "filled", t.outlined = "outlined", t.text = "text", t))(u || {}), b = /* @__PURE__ */ ((t) => (t.rectangle = "rectangle", t.square = "square", t.avatar = "avatar", t.shrink = "shrink", t))(b || {});
-const q = "_button_127bq_1", d = "_square_127bq_105", y = "_avatar_127bq_121", f = "_rectangle_127bq_137", m = "_shrink_127bq_149", v = "_primary_127bq_161", p = "_secondary_127bq_181", h = "_tertiary_127bq_191", x = "_error_127bq_201", k = "_success_127bq_221", g = "_filled_127bq_233", S = "_outlined_127bq_243", T = "_text_127bq_253", z = {
-  button: q,
-  "button-link": "_button-link_127bq_73",
-  square: d,
-  avatar: y,
-  rectangle: f,
-  shrink: m,
-  primary: v,
-  "primary-variant": "_primary-variant_127bq_171",
-  secondary: p,
-  tertiary: h,
-  error: x,
-  "inverse-surface": "_inverse-surface_127bq_211",
-  success: k,
-  filled: g,
-  outlined: S,
-  text: T
-}, $ = "_splash_zhwi0_1", R = {
-  splash: $
-}, C = ({ id: t, x: e, y: s }) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: `${R.splash}`,
-    style: {
-      insetInlineStart: e,
-      insetBlockStart: s,
-      translate: "-50% -50%"
-    }
-  },
-  `${t}`
-), E = (t) => {
-  const [e, s] = l(null), _ = n(0);
-  let a = n(void 0), c = (r) => {
-    s({ id: _.current++, x: r.x, y: r.y }), r.x !== -1 && r.y !== -1 && (clearTimeout(a.current), a.current = setTimeout(() => s(null), 500)), t?.(r);
-  };
-  return i(() => () => {
-    clearTimeout(a.current);
-  }, []), { coords: e, handlePress: c };
-};
-export {
-  u as B,
-  C as S,
-  b as a,
-  z as s,
-  E as u
-};