@luxfi/ui 8.0.0 → 8.1.0

package/dist/ink.cjs

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var gui = require('@hanzo/gui');
+var react = require('react');
+
+// src/ink.tsx
+var ink = (children, Wrap = gui.Text, props = {}) => {
+  let hasText = false;
+  react.Children.forEach(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") hasText = true;
+  });
+  if (!hasText) return children;
+  return react.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? react.createElement(Wrap, props, child) : child);
+};
+
+exports.ink = ink;

package/dist/ink.js

@@ -0,0 +1,15 @@
+"use client";
+import { Text } from '@hanzo/gui';
+import { Children, createElement } from 'react';
+
+// src/ink.tsx
+var ink = (children, Wrap = Text, props = {}) => {
+  let hasText = false;
+  Children.forEach(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") hasText = true;
+  });
+  if (!hasText) return children;
+  return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? createElement(Wrap, props, child) : child);
+};
+
+export { ink };

package/dist/input-otp.cjs

@@ -0,0 +1,72 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var inputOtp = require('input-otp');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var InputOTP = React__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  inputOtp.OTPInput,
+  {
+    ref,
+    containerClassName: ui.cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: ui.cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React__namespace.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React__namespace.useContext(inputOtp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Box,
+    {
+      ref,
+      className: ui.cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-2 ring-ring ring-offset-background",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;

package/dist/input-otp.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "textAlign" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render: (props: import("input-otp").RenderProps) => React.ReactNode;
+    children?: never;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "textAlign" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render?: never;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+//# sourceMappingURL=input-otp.d.ts.map

package/dist/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../src/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,QAAA,MAAM,QAAQ;;;;;kBAUmB,GAAG;;;;;;;;;;;;;kBAAH,GAAG;;;;;;;;2FAGlC,CAAA;AAGF,QAAA,MAAM,aAAa,mKAKjB,CAAA;AAGF,QAAA,MAAM,YAAY;WAEiC,MAAM;wCAuBvD,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/input-otp.js

@@ -0,0 +1,47 @@
+"use client";
+import * as React from 'react';
+import { cn, Box } from '@hanzo/ui';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { Dot } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Box, { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-2 ring-ring ring-offset-background",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx(Box, { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Box, { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/iphone-15-pro.cjs

@@ -0,0 +1,61 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var IPhone15Pro = React__namespace.forwardRef(
+  ({ className, children, variant = "default", color = "black", ...props }, ref) => {
+    const colorClasses = {
+      black: "bg-[var(--color-bg-primary)] border-[var(--color-border-divider)]",
+      white: "bg-[var(--color-bg-body)] border-[var(--color-border-divider)]",
+      blue: "bg-[var(--color-link-primary)] border-[var(--color-link-primary)]",
+      natural: "bg-[var(--color-bg-primary)] border-[var(--color-border-divider)]"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("inline-block", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        className: ui.cn(
+          "relative mx-auto rounded-[3rem] border-[14px] shadow-2xl",
+          colorClasses[color]
+        ),
+        style: {
+          width: variant === "pro-max" ? "430px" : variant === "mini" ? "360px" : "393px",
+          height: variant === "pro-max" ? "932px" : variant === "mini" ? "780px" : "852px"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute left-1/2 top-0 z-10 h-8 w-32 -translate-x-1/2 rounded-b-3xl bg-black" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "relative h-full w-full overflow-hidden rounded-[2.5rem] bg-white", children }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute -left-[17px] top-32 h-12 w-1 rounded-l-lg bg-[var(--color-bg-primary)]" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute -left-[17px] top-52 h-16 w-1 rounded-l-lg bg-[var(--color-bg-primary)]" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute -left-[17px] top-72 h-16 w-1 rounded-l-lg bg-[var(--color-bg-primary)]" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute -right-[17px] top-44 h-20 w-1 rounded-r-lg bg-[var(--color-bg-primary)]" })
+        ]
+      }
+    ) });
+  }
+);
+IPhone15Pro.displayName = "IPhone15Pro";
+
+exports.IPhone15Pro = IPhone15Pro;

package/dist/iphone-15-pro.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface IPhone15ProProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    variant?: "default" | "pro-max" | "mini";
+    color?: "black" | "white" | "blue" | "natural";
+}
+declare const IPhone15Pro: React.ForwardRefExoticComponent<IPhone15ProProps & React.RefAttributes<HTMLDivElement>>;
+export { IPhone15Pro };
+//# sourceMappingURL=iphone-15-pro.d.ts.map

package/dist/iphone-15-pro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iphone-15-pro.d.ts","sourceRoot":"","sources":["../src/iphone-15-pro.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IACxC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAC/C;AAED,QAAA,MAAM,WAAW,yFAoDhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/iphone-15-pro.js

@@ -0,0 +1,39 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var IPhone15Pro = React.forwardRef(
+  ({ className, children, variant = "default", color = "black", ...props }, ref) => {
+    const colorClasses = {
+      black: "bg-[var(--color-bg-primary)] border-[var(--color-border-divider)]",
+      white: "bg-[var(--color-bg-body)] border-[var(--color-border-divider)]",
+      blue: "bg-[var(--color-link-primary)] border-[var(--color-link-primary)]",
+      natural: "bg-[var(--color-bg-primary)] border-[var(--color-border-divider)]"
+    };
+    return /* @__PURE__ */ jsx(Box, { ref, className: cn("inline-block", className), ...props, children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: cn(
+          "relative mx-auto rounded-[3rem] border-[14px] shadow-2xl",
+          colorClasses[color]
+        ),
+        style: {
+          width: variant === "pro-max" ? "430px" : variant === "mini" ? "360px" : "393px",
+          height: variant === "pro-max" ? "932px" : variant === "mini" ? "780px" : "852px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Box, { className: "absolute left-1/2 top-0 z-10 h-8 w-32 -translate-x-1/2 rounded-b-3xl bg-black" }),
+          /* @__PURE__ */ jsx(Box, { className: "relative h-full w-full overflow-hidden rounded-[2.5rem] bg-white", children }),
+          /* @__PURE__ */ jsx(Box, { className: "absolute -left-[17px] top-32 h-12 w-1 rounded-l-lg bg-[var(--color-bg-primary)]" }),
+          /* @__PURE__ */ jsx(Box, { className: "absolute -left-[17px] top-52 h-16 w-1 rounded-l-lg bg-[var(--color-bg-primary)]" }),
+          /* @__PURE__ */ jsx(Box, { className: "absolute -left-[17px] top-72 h-16 w-1 rounded-l-lg bg-[var(--color-bg-primary)]" }),
+          /* @__PURE__ */ jsx(Box, { className: "absolute -right-[17px] top-44 h-20 w-1 rounded-r-lg bg-[var(--color-bg-primary)]" })
+        ]
+      }
+    ) });
+  }
+);
+IPhone15Pro.displayName = "IPhone15Pro";
+
+export { IPhone15Pro };

package/dist/item.cjs

@@ -0,0 +1,215 @@
+"use client";
+'use strict';
+
+var ui = require('@hanzo/ui');
+var gui = require('@hanzo/gui');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/item.tsx
+var WEIGHT = { xs: 0.5, sm: 1, md: 2, lg: 3 };
+var Separator = React__default.default.forwardRef(
+  function Separator2({ orientation = "horizontal", variant = "solid", size = "sm", ...rest }, ref) {
+    const vertical = orientation === "vertical";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      gui.Separator,
+      {
+        ref,
+        vertical,
+        role: "separator",
+        "aria-orientation": orientation,
+        borderWidth: 0,
+        borderStyle: variant,
+        borderColor: "var(--color-border-divider)",
+        ...vertical ? { borderLeftWidth: WEIGHT[size], alignSelf: "stretch", height: "auto", width: 0 } : { borderTopWidth: WEIGHT[size], width: "100%" },
+        ...rest
+      }
+    );
+  }
+);
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: ui.cn("group/item-group flex flex-col", className),
+      ...props
+    }
+  );
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Separator,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      ...ui.sx(ui.cn("my-0", className)),
+      ...props
+    }
+  );
+}
+var itemVariants = ui.variants(
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? ui.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: ui.cn(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = ui.variants(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: ui.cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      "data-slot": "item-content",
+      className: ui.cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      "data-slot": "item-title",
+      className: ui.cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      tag: "p",
+      "data-slot": "item-description",
+      className: ui.cn(
+        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      "data-slot": "item-actions",
+      className: ui.cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      "data-slot": "item-header",
+      className: ui.cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      "data-slot": "item-footer",
+      className: ui.cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Item = Item;
+exports.ItemActions = ItemActions;
+exports.ItemContent = ItemContent;
+exports.ItemDescription = ItemDescription;
+exports.ItemFooter = ItemFooter;
+exports.ItemGroup = ItemGroup;
+exports.ItemHeader = ItemHeader;
+exports.ItemMedia = ItemMedia;
+exports.ItemSeparator = ItemSeparator;
+exports.ItemTitle = ItemTitle;

package/dist/item.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { VariantProps } from '@hanzo/ui';
+import { Separator } from "./separator";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (choice?: (import("@hanzo/ui").Choice<{
+    variant: {
+        default: string;
+        outline: string;
+        muted: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+    };
+}> & {
+    class?: import("@hanzo/ui").ClassValue;
+    className?: import("@hanzo/ui").ClassValue;
+}) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (choice?: (import("@hanzo/ui").Choice<{
+    variant: {
+        default: string;
+        icon: string;
+        image: string;
+    };
+}> & {
+    class?: import("@hanzo/ui").ClassValue;
+    className?: import("@hanzo/ui").ClassValue;
+}) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+//# sourceMappingURL=item.d.ts.map

package/dist/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,YAAY,EAAgB,MAAM,WAAW,CAAA;AAI3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAStE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CASxC;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;yBAmBjB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAW1D;AAED,QAAA,MAAM,iBAAiB;;;;;;;;;yBAetB,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CAStE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAY1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,OAAO,EACL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAA"}