@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

package/dist/components/Modal/Modal.js

@@ -1,45 +1,45 @@
-import { jsx as e, jsxs as I, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as F, useEffect as N } from "react";
-import { useTransition as R, animated as n } from "@react-spring/web";
-import f from "clsx";
-import $ from "./ModalBody.js";
-import { ModalContext as j } from "./ModalContext.js";
-import k from "./ModalFooter.js";
-import B from "./ModalHeader.js";
-import E from "./ModalSubtitle.js";
-import H from "../../hooks/useClickOutside/useClickOutside.js";
-import P from "../../hooks/useTrapFocus/useTrapFocus.js";
-import S from "../../hooks/useKeyPress/useKeyPress.js";
-const T = /* @__PURE__ */ F((p, u) => {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import { useTransition, animated } from "@react-spring/web";
+import clsx from "clsx";
+import ModalBody from "./ModalBody.js";
+import { ModalContext } from "./ModalContext.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import ModalSubtitle from "./ModalSubtitle.js";
+import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
+import useTrapFocus from "../../hooks/useTrapFocus/useTrapFocus.js";
+import useKeyPress from "../../hooks/useKeyPress/useKeyPress.js";
+const Root = /* @__PURE__ */ forwardRef((props, ref) => {
   const {
-    id: a,
-    isOpen: r,
-    onModalClose: d,
-    size: s = "md",
-    viewport: b = !1,
-    scrollable: y = !1,
-    focusId: t,
-    children: v
-  } = p, i = `aria_label_${a}`, c = `aria_desc_${a}`, x = H(d), h = P();
-  S(d, ["Escape"]), N(() => {
-    if (r && (document.body.style.overflow = "hidden", t)) {
-      const o = document.getElementById(t);
-      o == null || o.focus();
+    id,
+    isOpen,
+    onModalClose,
+    size = "md",
+    viewport = !1,
+    scrollable = !1,
+    focusId,
+    children
+  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
+  useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
+    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
+      const elem = document.getElementById(focusId);
+      elem == null || elem.focus();
     }
     return () => {
       document.body.style.overflow = "";
     };
-  }, [t, r]);
-  const M = f("modal fade", {
-    "show d-block": r,
-    "modal-scrollable": y,
-    viewport: b,
-    [`modal-${s}`]: s
-  }), g = f("modal-dialog"), w = {
-    ariaLabelId: i,
-    ariaDescriptionId: c,
-    focusId: t
-  }, C = R(r, {
+  }, [focusId, isOpen]);
+  const modalClasses = clsx("modal fade", {
+    "show d-block": isOpen,
+    "modal-scrollable": scrollable,
+    viewport,
+    [`modal-${size}`]: size
+  }), dialogClasses = clsx("modal-dialog"), modalContextValue = {
+    ariaLabelId,
+    ariaDescriptionId,
+    focusId
+  }, transition = useTransition(isOpen, {
     from: {
       x: -50,
       opacity: 0
@@ -53,22 +53,20 @@ const T = /* @__PURE__ */ F((p, u) => {
       opacity: 0
     }
   });
-  return /* @__PURE__ */ e(j.Provider, { value: w, children: C((o, l) => /* @__PURE__ */ I(_, { children: [
-    l && /* @__PURE__ */ e(n.div, { id: a, ref: u, role: "dialog", "aria-modal": "true", "aria-labelledby": i, "aria-describedby": c, className: M, style: o, tabIndex: -1, children: /* @__PURE__ */ e("div", { id: `${a}_ref`, ref: (m) => {
-      x.current = m, l && (h.current = m);
-    }, className: g, children: /* @__PURE__ */ e("div", { className: "modal-content", children: v }) }) }),
-    l && /* @__PURE__ */ e(n.div, { className: "modal-backdrop fade show", style: {
+  return /* @__PURE__ */ jsx(ModalContext.Provider, { value: modalContextValue, children: transition((style, isOpen2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: (node) => {
+      modalRef.current = node, isOpen2 && (trapRef.current = node);
+    }, className: dialogClasses, children: /* @__PURE__ */ jsx("div", { className: "modal-content", children }) }) }),
+    isOpen2 && /* @__PURE__ */ jsx(animated.div, { className: "modal-backdrop fade show", style: {
       opacity: 0.65
     } })
   ] })) });
-}), W = /* @__PURE__ */ Object.assign(T, {
-  Header: B,
-  Subtitle: E,
-  Body: $,
-  Footer: k
-});
+}), Modal = /* @__PURE__ */ Object.assign(Root, {
+  Header: ModalHeader,
+  Subtitle: ModalSubtitle,
+  Body: ModalBody,
+  Footer: ModalFooter
+}), Modal$1 = Modal;
 export {
-  W as Modal,
-  W as default
+  Modal$1 as default
 };
-//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/ModalBody.js

@@ -1,16 +1,15 @@
-import { jsx as c } from "react/jsx-runtime";
-import d from "clsx";
-import { useModalContext as e } from "./ModalContext.js";
-const n = (o) => {
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useModalContext } from "./ModalContext.js";
+const ModalBody = (props) => {
   const {
-    ariaDescriptionId: s
-  } = e(), {
-    children: t,
-    className: a
-  } = o, r = d("modal-body", a);
-  return /* @__PURE__ */ c("div", { id: s, className: r, children: t });
+    ariaDescriptionId
+  } = useModalContext(), {
+    children,
+    className
+  } = props, classes = clsx("modal-body", className);
+  return /* @__PURE__ */ jsx("div", { id: ariaDescriptionId, className: classes, children });
 };
 export {
-  n as default
+  ModalBody as default
 };
-//# sourceMappingURL=ModalBody.js.map

package/dist/components/Modal/ModalContext.js

@@ -1,16 +1,15 @@
-import { createContext as o, useContext as e } from "react";
-const n = /* @__PURE__ */ o({
+import { createContext, useContext } from "react";
+const ModalContext = /* @__PURE__ */ createContext({
   ariaLabelId: "",
   ariaDescriptionId: "",
   focusId: ""
-}), a = () => {
-  const t = e(n);
-  if (!t)
+}), useModalContext = () => {
+  const context = useContext(ModalContext);
+  if (!context)
     throw new Error("Cannot be rendered outside the Modal component");
-  return t;
+  return context;
 };
 export {
-  n as ModalContext,
-  a as useModalContext
+  ModalContext,
+  useModalContext
 };
-//# sourceMappingURL=ModalContext.js.map

package/dist/components/Modal/ModalFooter.js

@@ -1,6 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-const a = (o) => /* @__PURE__ */ e("div", { className: "modal-footer", children: o.children });
+import { jsx } from "react/jsx-runtime";
+const ModalFooter = (props) => /* @__PURE__ */ jsx("div", { className: "modal-footer", children: props.children });
 export {
-  a as default
+  ModalFooter as default
 };
-//# sourceMappingURL=ModalFooter.js.map

package/dist/components/Modal/ModalHeader.js

@@ -1,28 +1,27 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useRef as m, useEffect as d } from "react";
-import { useTranslation as f } from "react-i18next";
-import { IconButton as u } from "../Button/IconButton.js";
-import { useModalContext as p } from "./ModalContext.js";
-import { Icon as b } from "../Icon/Icon.js";
-const j = (a) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { Close } from "@edifice.io/icons";
+import { useTranslation } from "react-i18next";
+import IconButton from "../Button/IconButton.js";
+import { useModalContext } from "./ModalContext.js";
+const ModalHeader = (props) => {
   const {
-    onModalClose: l,
-    children: n
-  } = a, {
-    ariaLabelId: c,
-    focusId: t
-  } = p(), e = m(null), {
-    t: r
-  } = f();
-  return d(() => {
-    var s;
-    t || (s = e.current) == null || s.focus();
-  }, [t]), /* @__PURE__ */ i("div", { className: "modal-header", children: [
-    /* @__PURE__ */ o("h2", { id: c, className: "modal-title", tabIndex: -1, children: n }),
-    /* @__PURE__ */ o(u, { ref: e, "aria-label": r("close"), color: "tertiary", icon: /* @__PURE__ */ o(b, { name: "close" }), type: "button", variant: "ghost", title: r("close"), onClick: l, className: "btn-close" })
+    onModalClose,
+    children
+  } = props, {
+    ariaLabelId,
+    focusId
+  } = useModalContext(), closeButtonRef = useRef(null), {
+    t
+  } = useTranslation();
+  return useEffect(() => {
+    var _a;
+    focusId || (_a = closeButtonRef.current) == null || _a.focus();
+  }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-header", children: [
+    /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
+    /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(Close, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
   ] });
 };
 export {
-  j as default
+  ModalHeader as default
 };
-//# sourceMappingURL=ModalHeader.js.map

package/dist/components/Modal/ModalSubtitle.js

@@ -1,6 +1,5 @@
-import { jsx as t } from "react/jsx-runtime";
-const a = (l) => /* @__PURE__ */ t("p", { className: "modal-subtitle", children: l.children });
+import { jsx } from "react/jsx-runtime";
+const ModalSubtitle = (props) => /* @__PURE__ */ jsx("p", { className: "modal-subtitle", children: props.children });
 export {
-  a as default
+  ModalSubtitle as default
 };
-//# sourceMappingURL=ModalSubtitle.js.map

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

@@ -1 +1,2 @@
+export { default as Modal } from './Modal';
 export * from './Modal';

package/dist/components/Popover/Popover.js

@@ -1,34 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { useTransition as m, animated as v } from "@react-spring/web";
-import s from "clsx";
-const N = ({
-  children: o,
-  className: r
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useTransition, animated } from "@react-spring/web";
+import clsx from "clsx";
+const PopoverHeader = ({
+  children,
+  className
 }) => {
-  const e = s("popover-header", r);
-  return /* @__PURE__ */ t("div", { className: e, children: o });
-}, P = ({
-  children: o,
-  className: r
+  const classes = clsx("popover-header", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, PopoverBody = ({
+  children,
+  className
 }) => {
-  const e = s("popover-body", r);
-  return /* @__PURE__ */ t("div", { className: e, children: o });
-}, g = ({
-  children: o,
-  className: r
+  const classes = clsx("popover-body", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, PopoverFooter = ({
+  children,
+  className
 }) => {
-  const e = s("popover-footer p-8", r);
-  return /* @__PURE__ */ t("div", { className: e, children: o });
-}, h = /* @__PURE__ */ d(({
-  children: o,
-  className: r,
-  id: e,
-  isVisible: a,
-  ...i
-}, n) => {
-  const p = s("popover d-block position-absolute top-100 start-50 translate-middle-x", r);
-  return m(a, {
+  const classes = clsx("popover-footer p-8", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, Popover = /* @__PURE__ */ forwardRef(({
+  children,
+  className,
+  id,
+  isVisible,
+  ...restProps
+}, ref) => {
+  const classes = clsx("popover d-block position-absolute top-100 start-50 translate-middle-x", className);
+  return useTransition(isVisible, {
     from: {
       opacity: 0
     },
@@ -41,12 +41,11 @@ const N = ({
     config: {
       duration: 0
     }
-  })((c, l) => l && /* @__PURE__ */ t(v.div, { ref: n, "aria-labelledby": e, className: p, role: "tooltip", style: c, ...i, children: o }));
+  })((style, isVisible2) => isVisible2 && /* @__PURE__ */ jsx(animated.div, { ref, "aria-labelledby": id, className: classes, role: "tooltip", style, ...restProps, children }));
 });
 export {
-  h as Popover,
-  P as PopoverBody,
-  g as PopoverFooter,
-  N as PopoverHeader
+  Popover,
+  PopoverBody,
+  PopoverFooter,
+  PopoverHeader
 };
-//# sourceMappingURL=Popover.js.map

package/dist/components/Radio/Radio.d.ts

@@ -21,5 +21,5 @@ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>
      */
     icon?: ReactNode;
 }
-export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Radio;

package/dist/components/Radio/Radio.js

@@ -1,33 +1,31 @@
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import { forwardRef as p, useId as h } from "react";
-import l from "clsx";
-const k = /* @__PURE__ */ p(({
-  model: o,
-  icon: e,
-  label: t = !1,
-  disabled: c = !1,
-  checked: m,
-  ...a
-}, d) => {
-  const i = h(), n = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import clsx from "clsx";
+const Radio = /* @__PURE__ */ forwardRef(({
+  model,
+  icon,
+  label = !1,
+  disabled = !1,
+  checked,
+  ...restProps
+}, ref) => {
+  const id = useId(), radioProps = {
     type: "radio",
-    checked: m,
-    disabled: c,
-    ref: d,
-    className: l(a.className, "form-check-input c-pointer", e && "d-none"),
-    id: i
-  }, r = {
-    ...a,
-    ...n
+    checked,
+    disabled,
+    ref,
+    className: clsx(restProps.className, "form-check-input c-pointer", icon && "d-none"),
+    id
+  }, inputProps = {
+    ...restProps,
+    ...radioProps
   };
-  return /* @__PURE__ */ f("div", { className: l("form-check d-flex align-items-center gap-8", e && "ps-0"), children: [
-    /* @__PURE__ */ s("input", { ...r }),
-    e && /* @__PURE__ */ s("label", { htmlFor: r.id, className: l("c-pointer", o !== a.value && "text-muted"), children: e }),
-    !e && t && /* @__PURE__ */ s("label", { className: "form-check-label", htmlFor: r.id, children: t })
+  return /* @__PURE__ */ jsxs("div", { className: clsx("form-check d-flex align-items-center gap-8", icon && "ps-0"), children: [
+    /* @__PURE__ */ jsx("input", { ...inputProps }),
+    icon && /* @__PURE__ */ jsx("label", { htmlFor: inputProps.id, className: clsx("c-pointer", model !== restProps.value && "text-muted"), children: icon }),
+    !icon && label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
   ] });
-});
+}), Radio$1 = Radio;
 export {
-  k as Radio,
-  k as default
+  Radio$1 as default
 };
-//# sourceMappingURL=Radio.js.map

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

@@ -1 +1,2 @@
+export { default as Radio } from './Radio';
 export * from './Radio';

package/dist/components/SearchBar/SearchBar.d.ts

@@ -44,7 +44,7 @@ type DynamicSearchBar = {
 };
 export type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
-export declare const SearchBar: {
+declare const SearchBar: {
     ({ isVariant, size, placeholder, className, disabled, onChange, onClick, ...restProps }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/SearchBar/SearchBar.js

@@ -1,38 +1,36 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import s from "clsx";
-import { useTranslation as x } from "react-i18next";
-import { FormControl as a } from "../Form/FormControl.js";
-import { SearchButton as N } from "../Button/SearchButton.js";
-import { Icon as c } from "../Icon/Icon.js";
-const S = ({
-  isVariant: r = !1,
-  size: m = "md",
-  placeholder: n = "search",
-  className: p,
-  disabled: l,
-  onChange: d,
-  onClick: o,
-  ...h
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Search } from "@edifice.io/icons";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import FormControl from "../Form/FormControl.js";
+import SearchButton from "../Button/SearchButton.js";
+const SearchBar = ({
+  isVariant = !1,
+  size = "md",
+  placeholder = "search",
+  className,
+  disabled,
+  onChange,
+  onClick,
+  ...restProps
 }) => {
   const {
     t
-  } = x(), i = s(p, {
-    "input-group": !r,
-    "position-relative": r
-  }), u = s({
-    "border-end-0": !r,
-    "ps-48": r
-  }), b = () => {
-    o == null || o();
+  } = useTranslation(), searchbar = clsx(className, {
+    "input-group": !isVariant,
+    "position-relative": isVariant
+  }), input = clsx({
+    "border-end-0": !isVariant,
+    "ps-48": isVariant
+  }), handleClick = () => {
+    onClick == null || onClick();
   };
-  return /* @__PURE__ */ f(a, { id: "search-bar", className: i, children: [
-    r && /* @__PURE__ */ e("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ e(c, { name: "search" }) }),
-    /* @__PURE__ */ e(a.Input, { type: "search", placeholder: t(n), size: m, noValidationIcon: !0, className: u, onChange: d, disabled: l, ...h }),
-    !r && /* @__PURE__ */ e(N, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ e(c, { name: "search" }), className: "border-start-0", onClick: b })
+  return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
+    isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(Search, {}) }),
+    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, ...restProps }),
+    !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(Search, {}), className: "border-start-0", onClick: handleClick })
   ] });
-};
+}, SearchBar$1 = SearchBar;
 export {
-  S as SearchBar,
-  S as default
+  SearchBar$1 as default
 };
-//# sourceMappingURL=SearchBar.js.map

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

@@ -1 +1,2 @@
+export { default as SearchBar } from './SearchBar';
 export * from './SearchBar';

package/dist/components/Select/Select.d.ts

@@ -32,7 +32,7 @@ export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<Dropd
  *
  * Select component is based on Dropdown Component. It extends `Dropdown` and `Dropdown.Trigger` props `block`, `overflow`, `icon`, `variant`, `size`, `disabled`
  */
-export declare const Select: {
+declare const Select: {
     ({ icon, options, overflow, block, variant, size, disabled, placeholderOption, onValueChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Select/Select.js

@@ -1,39 +1,37 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { useState as T, useEffect as k } from "react";
-import { useTranslation as w } from "react-i18next";
-import { Dropdown as o } from "../Dropdown/Dropdown.js";
-import D from "./SelectTrigger.js";
-const q = ({
-  icon: f,
-  options: t,
-  overflow: s,
-  block: a,
-  variant: b,
-  size: m,
-  disabled: i,
-  placeholderOption: u,
-  onValueChange: l
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SelectTrigger from "./SelectTrigger.js";
+import Dropdown from "../Dropdown/Dropdown.js";
+const Select = ({
+  icon,
+  options,
+  overflow,
+  block,
+  variant,
+  size,
+  disabled,
+  placeholderOption,
+  onValueChange
 }) => {
-  const [c, j] = T(), {
-    t: d
-  } = w();
-  k(() => {
-    if (c) {
-      const e = typeof c == "object" ? c.value : c;
-      l == null || l(e);
+  const [localValue, setLocalValue] = useState(), {
+    t
+  } = useTranslation();
+  useEffect(() => {
+    if (localValue) {
+      const value = typeof localValue == "object" ? localValue.value : localValue;
+      onValueChange == null || onValueChange(value);
     }
-  }, [c]);
-  const n = typeof c == "object" ? c.label : c, y = typeof c == "object" ? c.icon : void 0;
-  return /* @__PURE__ */ S(o, { overflow: s, block: a, children: [
-    /* @__PURE__ */ r(D, { icon: y || f, label: d(n || u), variant: b, size: m, disabled: i }),
-    /* @__PURE__ */ r(o.Menu, { role: "listbox", children: t == null ? void 0 : t.map((e) => {
-      const v = typeof e == "object" ? e.value : e, x = typeof e == "object" ? e.label : e, p = typeof e == "object" ? e.icon : void 0;
-      return /* @__PURE__ */ r(o.Item, { type: "action", onClick: () => j(e), icon: p, children: x }, v);
+  }, [localValue]);
+  const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
+  return /* @__PURE__ */ jsxs(Dropdown, { overflow, block, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: t(label || placeholderOption), variant, size, disabled }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
+      const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
+      return /* @__PURE__ */ jsx(Dropdown.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);
     }) })
   ] });
-};
+}, Select$1 = Select;
 export {
-  q as Select,
-  q as default
+  Select$1 as default
 };
-//# sourceMappingURL=Select.js.map

package/dist/components/Select/SelectTrigger.js

@@ -1,7 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Dropdown as e } from "../Dropdown/Dropdown.js";
-const i = (o) => /* @__PURE__ */ r(e.Trigger, { ...o, "aria-haspopup": "listbox", role: "combobox" });
+import { jsx } from "react/jsx-runtime";
+import Dropdown from "../Dropdown/Dropdown.js";
+const SelectTrigger = (props) => /* @__PURE__ */ jsx(Dropdown.Trigger, { ...props, "aria-haspopup": "listbox", role: "combobox" });
 export {
-  i as default
+  SelectTrigger as default
 };
-//# sourceMappingURL=SelectTrigger.js.map

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

@@ -1 +1,2 @@
+export { default as Select } from './Select';
 export * from './Select';

package/dist/components/Table/Table.components.d.ts

@@ -0,0 +1,20 @@
+export declare const TableThead: {
+    (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TableTh: {
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TableTr: {
+    (props: React.HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TableTbody: {
+    (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TableTd: {
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};