jcicl 0.0.18 → 0.0.20

package/.chunks/index.js

@@ -0,0 +1,131 @@
+import * as m from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { i as p, j as b, P as t, k as T, l as h, T as d } from "./DefaultPropsProvider.js";
+import { T as x } from "./emotion-styled.browser.esm.js";
+import { G as g } from "./emotion-react.browser.esm.js";
+const E = (e) => {
+  var o;
+  const n = {
+    systemProps: {},
+    otherProps: {}
+  }, r = ((o = e == null ? void 0 : e.theme) == null ? void 0 : o.unstable_sxConfig) ?? p;
+  return Object.keys(e).forEach((s) => {
+    r[s] ? n.systemProps[s] = e[s] : n.otherProps[s] = e[s];
+  }), n;
+};
+function P(e) {
+  const {
+    sx: n,
+    ...r
+  } = e, {
+    systemProps: o,
+    otherProps: s
+  } = E(r);
+  let l;
+  return Array.isArray(n) ? l = [o, ...n] : typeof n == "function" ? l = (...y) => {
+    const c = n(...y);
+    return b(c) ? {
+      ...o,
+      ...c
+    } : o;
+  } : l = {
+    ...o,
+    ...n
+  }, {
+    ...s,
+    sx: l
+  };
+}
+function S(e) {
+  return e == null || Object.keys(e).length === 0;
+}
+function i(e) {
+  const {
+    styles: n,
+    defaultTheme: r = {}
+  } = e;
+  return /* @__PURE__ */ u(g, {
+    styles: typeof n == "function" ? (s) => n(S(s) ? r : s) : n
+  });
+}
+process.env.NODE_ENV !== "production" && (i.propTypes = {
+  defaultTheme: t.object,
+  styles: t.oneOfType([t.array, t.string, t.object, t.func])
+});
+function O(e) {
+  return Object.keys(e).length === 0;
+}
+function j(e = null) {
+  const n = m.useContext(x);
+  return !n || O(n) ? e : n;
+}
+const v = T();
+function G(e = v) {
+  return j(e);
+}
+function f({
+  styles: e,
+  themeId: n,
+  defaultTheme: r = {}
+}) {
+  const o = G(r), s = typeof e == "function" ? e(n && o[n] || o) : e;
+  return /* @__PURE__ */ u(i, {
+    styles: s
+  });
+}
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: t.object,
+  /**
+   * @ignore
+   */
+  styles: t.oneOfType([t.array, t.func, t.number, t.object, t.string, t.bool]),
+  /**
+   * @ignore
+   */
+  themeId: t.string
+});
+function a(e) {
+  return /* @__PURE__ */ u(f, {
+    ...e,
+    defaultTheme: h,
+    themeId: d
+  });
+}
+process.env.NODE_ENV !== "production" && (a.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The styles you want to apply globally.
+   */
+  styles: t.oneOfType([t.array, t.func, t.number, t.object, t.string, t.bool])
+});
+function k(e) {
+  return function(r) {
+    return (
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      /* @__PURE__ */ u(a, {
+        styles: typeof e == "function" ? (o) => e({
+          theme: o,
+          ...r
+        }) : e
+      })
+    );
+  };
+}
+function V() {
+  return P;
+}
+export {
+  k as g,
+  V as i,
+  G as u
+};

package/.chunks/isHostComponent.js

@@ -0,0 +1,17 @@
+import * as o from "react";
+function r(i, n) {
+  var t, a, e;
+  return /* @__PURE__ */ o.isValidElement(i) && n.indexOf(
+    // For server components `muiName` is avaialble in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    i.type.muiName ?? ((e = (a = (t = i.type) == null ? void 0 : t._payload) == null ? void 0 : a.value) == null ? void 0 : e.muiName)
+  ) !== -1;
+}
+function s(i) {
+  return typeof i == "string";
+}
+export {
+  s as a,
+  r as i
+};

package/README.md

@@ -90,10 +90,4 @@ Templates are intended to render the HTML for predefined page layouts comprised
 
 ### Publishing the library
 
-**TODO: Automate this process on merges to master**
-
-1. Please increment the version number in `package.json`
-
-2. Build the library with `npm run build`
-
-3. Publish the library with `npm publish`
+`npm run bp`

package/base/Avatar/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+import { ButtonBaseProps } from '@mui/material/ButtonBase/ButtonBase';
+export interface AvatarProps {
+    avatarColor?: string;
+    backgroundColor?: string;
+    size?: number;
+}
+declare const Avatar: React.FC<AvatarProps & ButtonBaseProps>;
+export default Avatar;

package/base/Avatar/Avatar/Avatar.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c } from "../../../.chunks/createSvgIcon.js";
+import { B as d } from "../../../.chunks/ButtonBase.js";
+import { theme as i } from "../../../theme.js";
+import { n as a, i as l } from "../../../.chunks/emotion-styled.browser.esm.js";
+const m = c(/* @__PURE__ */ t("path", {
+  d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
+}), "PersonOutlineOutlined"), s = a(m, {
+  shouldForwardProp: (r) => l(r)
+})(({ avatarColor: r = i.colors.darkGreen, backgroundColor: e = i.colors.mint, size: o = 40 }) => ({
+  border: `1px solid ${r}`,
+  backgroundColor: e,
+  borderRadius: "50%",
+  padding: "8px",
+  fill: r,
+  width: `${o - 18}px`,
+  height: `${o - 18}px`,
+  pointerEvents: "none"
+})), p = a(d)({
+  backgroundColor: "transparent",
+  borderRadius: "50%",
+  span: {
+    transition: "313ms all ease-in-out"
+  },
+  "&:hover, :focus": {
+    span: {
+      backgroundColor: i.colors.grayO44
+    }
+  }
+}), g = ({
+  avatarColor: r,
+  backgroundColor: e,
+  size: o,
+  ...n
+}) => n != null && n.onClick ? /* @__PURE__ */ t(p, { ...n, children: /* @__PURE__ */ t(s, { avatarColor: r, backgroundColor: e, size: o }) }) : /* @__PURE__ */ t(s, { avatarColor: r, backgroundColor: e, size: o });
+export {
+  g as default
+};

package/base/Avatar/Avatar/index.js

@@ -1,4 +1,4 @@
-import { A as f } from "../../../.chunks/Avatar.js";
+import { default as o } from "./Avatar.js";
 export {
-  f as default
+  o as default
 };

package/base/Avatar/AvatarWithImage/AvatarWithImage.d.ts

@@ -0,0 +1,10 @@
+import { ButtonBaseProps } from '@mui/material/ButtonBase/ButtonBase';
+export interface AvatarWithImageProps {
+    src: string;
+    alt?: string;
+    borderColor?: string;
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    size?: number;
+}
+export declare const AvatarWithImage: React.FC<AvatarWithImageProps & ButtonBaseProps>;
+export default AvatarWithImage;

package/{.chunks → base/Avatar/AvatarWithImage}/AvatarWithImage.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { B as c } from "./ButtonBase.js";
-import m from "../assets/theme.js";
-import { n as d } from "./emotion-styled.browser.esm.js";
+import { B as l } from "../../../.chunks/ButtonBase.js";
+import { theme as m } from "../../../theme.js";
+import { n as d } from "../../../.chunks/emotion-styled.browser.esm.js";
 const s = d("img")(
   ({ borderColor: o = m.colors.darkGreen, size: r = 40, objectFit: e = "cover" }) => ({
     border: `1px solid ${o}`,
@@ -12,7 +12,7 @@ const s = d("img")(
     objectFit: e,
     objectPosition: "top"
   })
-), l = d(c)({
+), c = d(l)({
   backgroundColor: "transparent",
   borderRadius: "50%",
   span: {
@@ -27,10 +27,11 @@ const s = d("img")(
   borderColor: o,
   alt: r = "profile image",
   size: e,
-  objectFit: i,
-  src: t,
+  objectFit: t,
+  src: i,
   ...a
-}) => a != null && a.onClick ? /* @__PURE__ */ n(l, { ...a, children: /* @__PURE__ */ n(s, { src: t, alt: r, borderColor: o, size: e, objectFit: i }) }) : /* @__PURE__ */ n(s, { src: t, alt: r, borderColor: o, size: e, objectFit: i });
+}) => a != null && a.onClick ? /* @__PURE__ */ n(c, { ...a, children: /* @__PURE__ */ n(s, { src: i, alt: r, borderColor: o, size: e, objectFit: t }) }) : /* @__PURE__ */ n(s, { src: i, alt: r, borderColor: o, size: e, objectFit: t });
 export {
-  u as A
+  u as AvatarWithImage,
+  u as default
 };

package/base/Avatar/AvatarWithImage/index.js

@@ -1,4 +1,4 @@
-import { A as f } from "../../../.chunks/AvatarWithImage.js";
+import { AvatarWithImage as e } from "./AvatarWithImage.js";
 export {
-  f as default
+  e as default
 };

package/base/Avatar/index.js

@@ -1,6 +1,6 @@
-import { A as t } from "../../.chunks/Avatar.js";
-import { A } from "../../.chunks/AvatarWithImage.js";
+import { default as t } from "./Avatar/Avatar.js";
+import { AvatarWithImage as o } from "./AvatarWithImage/AvatarWithImage.js";
 export {
   t as Avatar,
-  A as AvatarWithImage
+  o as AvatarWithImage
 };

package/base/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import { default as React, PropsWithChildren } from 'react';
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button/Button';
+export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
+    variant?: 1 | 2;
+}
+export declare const Button: React.FC<PropsWithChildren<ButtonProps>>;
+export default Button;

package/{.chunks → base/Button}/Button.js

@@ -1,10 +1,10 @@
 import { jsxs as D, jsx as d } from "react/jsx-runtime";
 import * as b from "react";
-import { a as F, g as U, s as c, r as _, e, f as H, u as A, c as w, P as t, b as q, d as g } from "./DefaultPropsProvider.js";
-import { m as J } from "./memoTheme.js";
-import { c as K } from "./createSimplePaletteValueFilter.js";
-import { B as Q } from "./ButtonBase.js";
-import i from "../assets/theme.js";
+import { a as F, g as U, s as c, r as _, e, h as H, u as A, c as w, P as t, b as q, d as g } from "../../.chunks/DefaultPropsProvider.js";
+import { m as J } from "../../.chunks/memoTheme.js";
+import { c as K } from "../../.chunks/createSimplePaletteValueFilter.js";
+import { B as Q } from "../../.chunks/ButtonBase.js";
+import { theme as i } from "../../theme.js";
 function X(o) {
   return F("MuiButton", o);
 }
@@ -483,5 +483,6 @@ const E = c(R)`
   padding: 0.5rem 2rem;
 `, po = ({ variant: o = 1, children: a, ...n }) => o === 2 ? /* @__PURE__ */ d(no, { ...n, children: /* @__PURE__ */ d("p", { children: a }) }) : /* @__PURE__ */ d(ao, { ...n, children: /* @__PURE__ */ d("p", { children: a }) });
 export {
-  po as B
+  po as Button,
+  po as default
 };

package/base/Button/index.js

@@ -1,4 +1,4 @@
-import { B as f } from "../../.chunks/Button.js";
+import { Button as a } from "./Button.js";
 export {
-  f as default
+  a as default
 };

package/base/Divider/Divider.d.ts

@@ -0,0 +1,10 @@
+import { DividerProps as MuiDividerProps } from '@mui/material/Divider';
+import { default as theme } from '../../../../../../../../../src/assets/theme';
+export interface DividerProps extends MuiDividerProps {
+    color?: keyof typeof theme.colors;
+    opacity?: number;
+    spacing?: number;
+    vertical?: boolean;
+}
+export declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/{.chunks → base/Divider}/Divider.js

@@ -1,9 +1,9 @@
-import { jsx as g } from "react/jsx-runtime";
-import { n as D, i as A } from "./emotion-styled.browser.esm.js";
-import u from "../assets/theme.js";
+import { jsx as f } from "react/jsx-runtime";
+import { n as D, i as A } from "../../.chunks/emotion-styled.browser.esm.js";
+import { theme as u } from "../../theme.js";
 import * as S from "react";
-import { g as R, a as T, s as m, u as L, c as W, P as r, b as $, d as I } from "./DefaultPropsProvider.js";
-import { m as b } from "./memoTheme.js";
+import { g as R, a as T, s as m, u as L, c as W, P as r, b as $, d as I } from "../../.chunks/DefaultPropsProvider.js";
+import { m as b } from "../../.chunks/memoTheme.js";
 function O(t) {
   return T("MuiDivider", t);
 }
@@ -199,7 +199,7 @@ const V = (t) => {
     className: a,
     orientation: l = "horizontal",
     component: n = s || l === "vertical" ? "div" : "hr",
-    flexItem: f = !1,
+    flexItem: g = !1,
     light: x = !1,
     role: c = n !== "hr" ? "separator" : void 0,
     textAlign: w = "center",
@@ -209,14 +209,14 @@ const V = (t) => {
     ...o,
     absolute: p,
     component: n,
-    flexItem: f,
+    flexItem: g,
     light: x,
     orientation: l,
     role: c,
     textAlign: w,
     variant: y
   }, v = V(h);
-  return /* @__PURE__ */ g(N, {
+  return /* @__PURE__ */ f(N, {
     as: n,
     className: W(v.root, a),
     role: c,
@@ -224,7 +224,7 @@ const V = (t) => {
     ownerState: h,
     "aria-orientation": c === "separator" && (n !== "hr" || l === "vertical") ? l : void 0,
     ...C,
-    children: s ? /* @__PURE__ */ g(B, {
+    children: s ? /* @__PURE__ */ f(B, {
       className: v.wrapper,
       ownerState: h,
       children: s
@@ -306,7 +306,8 @@ const M = D(d, {
   width: o ? 1 : "100%",
   alignSelf: "stretch",
   transition: "313ms all ease-in-out"
-})), E = ({ orientation: t, ...e }) => /* @__PURE__ */ g(M, { vertical: t === "vertical", ...e });
+})), E = ({ orientation: t, ...e }) => /* @__PURE__ */ f(M, { vertical: t === "vertical", ...e });
 export {
-  E as D
+  E as Divider,
+  E as default
 };

package/base/Divider/index.js

@@ -1,4 +1,4 @@
-import { D as f } from "../../.chunks/Divider.js";
+import { Divider as a } from "./Divider.js";
 export {
-  f as default
+  a as default
 };

package/base/Flex/Flex.d.ts

@@ -0,0 +1,19 @@
+import { default as React, CSSProperties } from 'react';
+type AlignItems = 'start' | 'center' | 'stretch' | 'end';
+type JustifyContent = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+export type FlexProps = {
+    children: React.ReactNode;
+    alignItems?: AlignItems;
+    justifyContent?: JustifyContent;
+    center?: boolean;
+    column?: boolean;
+    full?: boolean;
+    width?: string;
+    height?: string;
+    wrap?: boolean;
+    padding?: number;
+    gap?: number;
+    styles?: CSSProperties;
+};
+declare const Flex: React.FC<FlexProps>;
+export default Flex;

package/{.chunks → base/Flex}/Flex.js

@@ -1,9 +1,9 @@
-import { jsx as x } from "react/jsx-runtime";
-import { n as d, i as p } from "./emotion-styled.browser.esm.js";
-const w = d("div", {
+import { jsx as m } from "react/jsx-runtime";
+import { n as x, i as p } from "../../.chunks/emotion-styled.browser.esm.js";
+const w = x("div", {
   shouldForwardProp: (t) => p(t) && typeof t == "string" && t !== "wrap"
 })(
-  ({ column: t, alignItems: r, justifyContent: n, center: e, wrap: s, full: o, width: l, height: f, styles: m, padding: a, gap: i }) => ({
+  ({ column: t, alignItems: r, justifyContent: n, center: e, wrap: s, full: o, width: l, height: f, styles: d, padding: a, gap: i }) => ({
     display: "flex",
     flexDirection: t ? "column" : "row",
     flexWrap: s ? "wrap" : "nowrap",
@@ -13,9 +13,9 @@ const w = d("div", {
     height: f ?? (o ? "100%" : "auto"),
     gap: i ? `${i}rem` : 0,
     padding: a ? `${a}rem` : 0,
-    ...m
+    ...d
   })
-), h = ({ children: t, ...r }) => /* @__PURE__ */ x(w, { ...r, children: t });
+), h = ({ children: t, ...r }) => /* @__PURE__ */ m(w, { ...r, children: t });
 export {
-  h as F
+  h as default
 };

package/base/Flex/index.js

@@ -1,4 +1,4 @@
-import { F as f } from "../../.chunks/Flex.js";
+import { default as o } from "./Flex.js";
 export {
-  f as default
+  o as default
 };

package/base/Grid/Grid.d.ts

@@ -0,0 +1,14 @@
+import { default as React, CSSProperties } from 'react';
+export type GridProps = {
+    children: React.ReactNode;
+    columns?: string;
+    autoColumns?: string;
+    rows?: string;
+    autoRows?: string;
+    gap?: number;
+    columnGap?: number;
+    rowGap?: number;
+    styles?: CSSProperties;
+};
+export declare const Grid: React.FC<GridProps>;
+export default Grid;

package/base/Grid/Grid.js

@@ -0,0 +1,19 @@
+import { jsx as n } from "react/jsx-runtime";
+import { n as s } from "../../.chunks/emotion-styled.browser.esm.js";
+const p = s("div")(
+  ({ columns: r, autoColumns: o, rows: e, autoRows: t, gap: m, columnGap: i, rowGap: a, styles: d }) => ({
+    gridTemplateColumns: r,
+    gridAutoColumns: o,
+    gridTemplateRows: e,
+    gridAutoRows: t,
+    gap: `${m}rem`,
+    columnGap: `${i}rem`,
+    rowGap: `${a}rem`,
+    display: "grid",
+    ...d
+  })
+), g = ({ children: r, ...o }) => /* @__PURE__ */ n(p, { ...o, children: r });
+export {
+  g as Grid,
+  g as default
+};

package/base/Grid/index.js

@@ -1,4 +1,4 @@
-import { G as f } from "../../.chunks/Grid.js";
+import { Grid as d } from "./Grid.js";
 export {
-  f as default
+  d as default
 };

package/base/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
+export declare const Input: React.FC<MuiTextFieldProps>;
+export default Input;

package/{.chunks → base/Input}/Input.js

@@ -1,13 +1,15 @@
 import { jsxs as ce, jsx as S } from "react/jsx-runtime";
-import { n as Ao } from "./emotion-styled.browser.esm.js";
-import we from "../assets/theme.js";
+import { n as Ao } from "../../.chunks/emotion-styled.browser.esm.js";
+import { theme as we } from "../../theme.js";
 import * as i from "react";
-import { f as Bo, i as Wo, T as Do, P as e, g as Q, a as ee, e as _, s as F, u as fe, c as le, b as oe, j as To, r as ye, k as so, l as Uo, m as Vo } from "./DefaultPropsProvider.js";
-import { l as Ho, o as co, d as qo, f as fo, m as _o, c as no, n as Ko, k as Go, g as Xo, p as We } from "./Menu.js";
-import { m as K } from "./memoTheme.js";
-import { c as Xe } from "./createSimplePaletteValueFilter.js";
-import { c as Ye, g as ro, e as Yo, r as Ie } from "./TransitionGroupContext.js";
-import { c as Jo } from "./createSvgIcon.js";
+import { h as Bo, l as Wo, T as Do, P as e, g as Q, a as ee, e as _, s as F, u as fe, c as le, b as oe, m as To, r as ye, n as so, o as Uo, q as Vo } from "../../.chunks/DefaultPropsProvider.js";
+import { o as co, d as Ho, f as qo, M as _o, a as Ko, h as We } from "../../.chunks/Menu.js";
+import { a as fo, i as no } from "../../.chunks/isHostComponent.js";
+import { m as K } from "../../.chunks/memoTheme.js";
+import { c as Xe } from "../../.chunks/createSimplePaletteValueFilter.js";
+import { a as Ye, u as ro, e as Go, r as Ie } from "../../.chunks/TransitionGroupContext.js";
+import { c as Xo } from "../../.chunks/createSvgIcon.js";
+import { u as Yo, g as Jo } from "../../.chunks/index.js";
 let mo = 0;
 function Zo(o) {
   const [t, n] = i.useState(o), r = o || t;
@@ -66,7 +68,7 @@ function ot({
   defaultTheme: n,
   themeId: r
 }) {
-  let s = Ho(n);
+  let s = Yo(n);
   return r && (s = s[r] || s), et({
     theme: s,
     name: t,
@@ -151,7 +153,7 @@ const Ro = /* @__PURE__ */ i.forwardRef(function(t, n) {
       cancelAnimationFrame(v), v = requestAnimationFrame(() => {
         g();
       });
-    }, w = qo(g), A = b.current, L = co(A);
+    }, w = Ho(g), A = b.current, L = co(A);
     L.addEventListener("resize", w);
     let k;
     return typeof ResizeObserver < "u" && (k = new ResizeObserver(process.env.NODE_ENV === "test" ? p : g), k.observe(A)), () => {
@@ -437,7 +439,7 @@ const Ze = (o, t) => {
       }
     }]
   };
-})), vo = _o({
+})), vo = Jo({
   "@keyframes mui-auto-fill": {
     from: {
       display: "block"
@@ -728,7 +730,7 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Yo,
+  inputComponent: Go,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * @default {}
@@ -3395,7 +3397,7 @@ const qt = (o) => {
   }, [a]), i.useEffect(() => {
     if (!f)
       return;
-    const u = Ko(P.current).getElementById(f);
+    const u = qo(P.current).getElementById(f);
     if (u) {
       const T = () => {
         getSelection().isCollapsed && P.current.focus();
@@ -3552,7 +3554,7 @@ const qt = (o) => {
       as: C,
       className: R.icon,
       ownerState: xe
-    }), /* @__PURE__ */ S(Go, {
+    }), /* @__PURE__ */ S(_o, {
       id: `menu-${p || ""}`,
       anchorEl: te,
       open: be,
@@ -3732,7 +3734,7 @@ process.env.NODE_ENV !== "production" && (jo.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const _t = Jo(/* @__PURE__ */ S("path", {
+const _t = Xo(/* @__PURE__ */ S("path", {
   d: "M7 10l5 5 5-5z"
 }), "ArrowDropDown"), Kt = (o) => {
   const {
@@ -3793,7 +3795,7 @@ const _t = Jo(/* @__PURE__ */ S("path", {
     filled: /* @__PURE__ */ S(Yt, {
       ownerState: V
     })
-  }[W], J = Ye(n, Xo(I));
+  }[W], J = Ye(n, Ko(I));
   return /* @__PURE__ */ S(i.Fragment, {
     children: /* @__PURE__ */ i.cloneElement(I, {
       // Most of the logic is implemented in `SelectInput`.
@@ -4387,7 +4389,8 @@ const on = Ao(zo)({
       border: "none"
     }
   }
-}), cn = ({ ...o }) => /* @__PURE__ */ S(on, { ...o });
+}), mn = ({ ...o }) => /* @__PURE__ */ S(on, { ...o });
 export {
-  cn as I
+  mn as Input,
+  mn as default
 };

package/base/Input/index.js

@@ -1,4 +1,4 @@
-import { I as f } from "../../.chunks/Input.js";
+import { Input as e } from "./Input.js";
 export {
-  f as default
+  e as default
 };

package/base/index.js

@@ -1,16 +1,16 @@
-import { A as t } from "../.chunks/Avatar.js";
-import { A as e } from "../.chunks/AvatarWithImage.js";
-import { B as p } from "../.chunks/Button.js";
-import { D as f } from "../.chunks/Divider.js";
-import { F as i } from "../.chunks/Flex.js";
-import { G as v } from "../.chunks/Grid.js";
-import { I as d } from "../.chunks/Input.js";
+import { default as t } from "./Avatar/Avatar/Avatar.js";
+import { AvatarWithImage as a } from "./Avatar/AvatarWithImage/AvatarWithImage.js";
+import { Button as m } from "./Button/Button.js";
+import { Divider as x } from "./Divider/Divider.js";
+import { default as i } from "./Flex/Flex.js";
+import { Grid as l } from "./Grid/Grid.js";
+import { Input as n } from "./Input/Input.js";
 export {
   t as Avatar,
-  e as AvatarWithImage,
-  p as Button,
-  f as Divider,
+  a as AvatarWithImage,
+  m as Button,
+  x as Divider,
   i as Flex,
-  v as Grid,
-  d as Input
+  l as Grid,
+  n as Input
 };