@koide-labs/ui 0.0.14 → 0.1.0

package/dist/components/password-input/index.d.ts

@@ -1,2 +1 @@
-import { InputProps } from '../input';
-export declare function PasswordInput(props: Omit<InputProps, "type">): import("react/jsx-runtime").JSX.Element;
+export { PasswordInput } from './password-input';

package/dist/components/password-input/index.js

@@ -1,30 +1,5 @@
 "use client";
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { IconButton as _ } from "../icon-button/index.js";
-import { Input as a } from "../input/index.js";
-import { View as u } from "../view/index.js";
-import '../../index15.css';const t = {
-  "password-input__root": "_password-input__root_g27z2_1",
-  "password-input__eye": "_password-input__eye_g27z2_5"
-};
-function y(e) {
-  const [o, r] = i(!1);
-  return /* @__PURE__ */ n(u, { className: t["password-input__root"], children: [
-    /* @__PURE__ */ s(a, { type: o ? "text" : "password", ...e }),
-    /* @__PURE__ */ s(
-      _,
-      {
-        alt: o ? "Hide password" : "Show password",
-        icon: o ? "eye-line" : "eye-close-line",
-        className: t["password-input__eye"],
-        type: "button",
-        size: "sm",
-        onClick: () => r((p) => !p)
-      }
-    )
-  ] });
-}
+import { PasswordInput as r } from "./password-input.js";
 export {
-  y as PasswordInput
+  r as PasswordInput
 };

package/dist/components/password-input/password-input.d.ts

@@ -0,0 +1,7 @@
+import { Input } from '../input';
+type PasswordInputProps = Omit<Input.Props, "type">;
+declare function PasswordInput(props: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export { PasswordInput };
+export declare namespace PasswordInput {
+    type Props = PasswordInputProps;
+}

package/dist/components/password-input/password-input.js

@@ -0,0 +1,29 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { View as a } from "../view/view.js";
+import { Input as _ } from "../input/input.js";
+import { IconButton as u } from "../icon-button/icon-button.js";
+import '../../password-input.css';const t = {
+  "password-input__root": "_password-input__root_e2au8_2",
+  "password-input__eye": "_password-input__eye_e2au8_6"
+};
+function y(e) {
+  const [o, r] = i(!1);
+  return /* @__PURE__ */ n(a, { className: t["password-input__root"], children: [
+    /* @__PURE__ */ s(_, { type: o ? "text" : "password", ...e }),
+    /* @__PURE__ */ s(
+      u,
+      {
+        alt: o ? "Hide password" : "Show password",
+        icon: o ? "eye-line" : "eye-close-line",
+        className: t["password-input__eye"],
+        type: "button",
+        size: "sm",
+        onClick: () => r((p) => !p)
+      }
+    )
+  ] });
+}
+export {
+  y as PasswordInput
+};

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

@@ -1,13 +1 @@
-import { IconName } from '../icon/icon-names';
-import { ViewProps } from '../view';
-export type PillProps = ViewProps & {
-    /**
-     * Icon to display on the left side of the pill content
-     */
-    leftIcon?: IconName;
-    /**
-     * Icon to display on the right side of the pill content
-     */
-    rightIcon?: IconName;
-};
-export declare function Pill({ leftIcon, rightIcon, className, children, ...props }: PillProps): import("react/jsx-runtime").JSX.Element;
+export { Pill } from './pill';

package/dist/components/pill/index.js

@@ -1,39 +1,5 @@
 "use client";
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { c } from "../../clsx-OuTLNxxd.js";
-import { textify as s } from "../../-utils.js";
-import { Icon as r } from "../icon/index.js";
-import { View as m } from "../view/index.js";
-import '../../index16.css';const f = "_pill_wezrb_1", a = "_pill_icon_left_wezrb_16", u = "_pill_icon_right_wezrb_20", _ = {
-  pill: f,
-  pill_icon_left: a,
-  pill_icon_right: u
-};
-function g({
-  leftIcon: l,
-  rightIcon: i,
-  className: t,
-  children: n,
-  ...p
-}) {
-  return /* @__PURE__ */ e(
-    m,
-    {
-      className: c(
-        _.pill,
-        l && _.pill_icon_left,
-        i && _.pill_icon_right,
-        t
-      ),
-      ...p,
-      children: [
-        l ? /* @__PURE__ */ o(r, { name: l }) : null,
-        s(n, { color: "inherit" }),
-        i ? /* @__PURE__ */ o(r, { name: i }) : null
-      ]
-    }
-  );
-}
+import { Pill as i } from "./pill.js";
 export {
-  g as Pill
+  i as Pill
 };

package/dist/components/pill/pill.d.ts

@@ -0,0 +1,17 @@
+import { Icon } from '../icon';
+import { View } from '../view';
+interface PillProps extends View.Props {
+    /**
+     * Icon to display on the left side of the pill content
+     */
+    leftIcon?: Icon.Name;
+    /**
+     * Icon to display on the right side of the pill content
+     */
+    rightIcon?: Icon.Name;
+}
+declare function Pill({ leftIcon, rightIcon, className, children, ...props }: PillProps): import("react/jsx-runtime").JSX.Element;
+export { Pill };
+export declare namespace Pill {
+    type Props = PillProps;
+}

package/dist/components/pill/pill.js

@@ -0,0 +1,38 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import { textify as s } from "../../-utils.js";
+import { View as e } from "../view/view.js";
+import { Icon as t } from "../icon/icon.js";
+import '../../pill.css';const f = "_pill_7qdwk_2", a = "_pill_icon_left_7qdwk_17", x = "_pill_icon_right_7qdwk_21", _ = {
+  pill: f,
+  pill_icon_left: a,
+  pill_icon_right: x
+};
+function q({
+  leftIcon: l,
+  rightIcon: i,
+  className: n,
+  children: p,
+  ...r
+}) {
+  return /* @__PURE__ */ c(
+    e,
+    {
+      className: m(
+        _.pill,
+        l && _.pill_icon_left,
+        i && _.pill_icon_right,
+        n
+      ),
+      ...r,
+      children: [
+        l ? /* @__PURE__ */ o(t, { name: l }) : null,
+        s(p, { color: "inherit" }),
+        i ? /* @__PURE__ */ o(t, { name: i }) : null
+      ]
+    }
+  );
+}
+export {
+  q as Pill
+};

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

@@ -1,21 +1 @@
-import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
-import { ReactElement, ReactNode } from 'react';
-import { Background } from '../surface';
-type PopoverRootProps = Omit<PopoverPrimitive.Root.Props, "children">;
-type PopoverPositionerProps = Pick<PopoverPrimitive.Positioner.Props, "align" | "side">;
-export type PopoverProps = PopoverRootProps & PopoverPositionerProps & {
-    /** Optional title description. */
-    title?: string;
-    /** Optional popover description. */
-    description?: string;
-    /** Specify trigger to open popover. */
-    trigger?: ReactElement;
-    /** Surface background popover should use. Defaults to "root". */
-    background?: Background;
-    /** Apply className to PopoverPrimitive.Popup */
-    className?: string;
-    /** Popover content */
-    children?: ReactNode;
-};
-export declare function Popover({ align, side, title, description, background, trigger, className, children, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export { Popover } from './popover';