@kanzo-tech/ui 0.0.1-alpha

package/dist/simples/action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.js","sources":["../../src/simples/action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@ark-ui/react\";\nimport { ark } from \"@ark-ui/react/factory\";\nimport { Presence } from \"@ark-ui/react/presence\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { Badge } from \"./badge\";\nimport { Separator } from \"./separator\";\n\ninterface ActionBarPositioning {\n  /**\n   * The gutter from the edge in pixels.\n   *\n   * The bar is `fixed` to the VIEWPORT bottom, so the gutter is measured from the window edge\n   * and knows nothing about your layout: over a `ShellFooter` (or any other bottom region) the\n   * default 16px lands the bar ON TOP of it. Raise the gutter past the region's height —\n   * `gutter: \"calc(var(--footer-height) + 16px)\"` — or render the actions inside the footer\n   * instead.\n   *\n   * @default '16px'\n   */\n  gutter?: string;\n  /**\n   * The placement of the action bar.\n   *\n   * @default \"bottom\"\n   */\n  placement?: \"bottom\" | \"bottom-start\" | \"bottom-end\";\n}\n\ninterface ActionBarContextValue {\n  /**\n   * The open state of the action bar\n   */\n  isOpen?: boolean;\n  /**\n   * Whether to lazy mount the action bar\n   */\n  lazyMount?: boolean;\n  /**\n   * The function to call when the action bar is closed\n   */\n  onClose?: () => void;\n  /**\n   * The function to call when the action bar is opened\n   */\n  onOpen?: () => void;\n  /**\n   * The positioning of the action bar.\n   */\n  positioning: ActionBarPositioning;\n  /**\n   * The function to call when the action bar is mounted\n   */\n  unmountOnExit?: boolean;\n}\n\nconst ActionBarContext = React.createContext<ActionBarContextValue | null>(null);\nActionBarContext.displayName = \"ActionBarContext\";\n\nexport interface ActionBarProps\n  extends Pick<ActionBarContextValue, \"lazyMount\" | \"unmountOnExit\"> {\n  /**\n   * Whether to close the action bar when the Escape key is pressed.\n   *\n   * @default true\n   */\n  closeOnEscape?: boolean;\n  /**\n   * The default open state of the action bar.\n   */\n  defaultOpen?: boolean;\n  /**\n   * The function to call when the open state of the action bar changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The open state of the action bar.\n   */\n  open?: boolean;\n  /**\n   * Placement and gutter of the action bar.\n   */\n  positioning?: ActionBarContextValue[\"positioning\"];\n}\n\nconst defaultPositioning = { placement: \"bottom\", gutter: \"16px\" } as const;\n\nexport const ActionBar = (props: React.PropsWithChildren<ActionBarProps>) => {\n  const {\n    open,\n    defaultOpen = false,\n    closeOnEscape = true,\n    positioning,\n    lazyMount = true,\n    unmountOnExit = true,\n    onOpenChange,\n    ...rest\n  } = props;\n\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n\n  const isControlled = open !== undefined;\n  const isOpen = isControlled ? open : internalOpen;\n\n  const handleClose = React.useCallback(() => {\n    if (!isControlled) {\n      setInternalOpen(false);\n    }\n\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const handleOpen = React.useCallback(() => {\n    if (!isControlled) {\n      setInternalOpen(true);\n    }\n\n    onOpenChange?.(true);\n  }, [isControlled, onOpenChange]);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    if (!closeOnEscape) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") {\n        return;\n      }\n\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n      handleClose();\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [closeOnEscape, handleClose, isOpen]);\n\n  const context = React.useMemo(\n    () => ({\n      onClose: handleClose,\n      onOpen: handleOpen,\n      isOpen,\n      positioning: { ...defaultPositioning, ...positioning },\n      lazyMount,\n      unmountOnExit,\n    }),\n    [handleClose, handleOpen, isOpen, lazyMount, unmountOnExit, positioning]\n  );\n\n  return <ActionBarContext.Provider value={context} {...rest} />;\n};\n\nexport interface ActionBarTriggerProps\n  extends React.ComponentProps<typeof ark.button> {}\n\nexport const ActionBarTrigger = (props: ActionBarTriggerProps) => {\n  const { onClick, slot, ...rest } = props;\n\n  const { onOpen, isOpen } = _useActionBar();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    onClick?.(event);\n  };\n\n  return (\n    <ark.button\n      aria-expanded={isOpen}\n      data-state={isOpen ? \"open\" : \"closed\"}\n      onClick={handleClick}\n      type=\"button\"\n      {...rest}\n      data-slot={slot ?? \"action-bar-trigger\"}\n    />\n  );\n};\n\nconst actionBarPositionerVariants = tv({\n  base: [\n    \"fixed inset-x-0 bottom-0 z-50\",\n    \"flex\",\n    \"px-4 pb-[calc(var(--gutter)+env(safe-area-inset-bottom,0))]\",\n    \"pointer-events-none\",\n    \"data-[state=closed]:animate-out data-[state=open]:animate-in\",\n    \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n    \"data-[state=open]:slide-in-from-bottom-2 data-[state=closed]:slide-out-to-bottom-2\",\n    \"motion-reduce:animate-none!\",\n  ],\n  variants: {\n    placement: {\n      bottom: \"justify-center\",\n      \"bottom-end\": \"justify-end\",\n      \"bottom-start\": \"justify-start\",\n    },\n  },\n  defaultVariants: {\n    placement: \"bottom\",\n  },\n});\n\nexport interface ActionBarContentProps\n  extends React.ComponentProps<typeof ark.div> {}\n\nexport const ActionBarContent = (props: ActionBarContentProps) => {\n  const { \"aria-labelledby\": ariaLabelledby, className, slot, ...rest } = props;\n\n  const { isOpen, lazyMount, unmountOnExit, positioning } = _useActionBar();\n\n  const placement = positioning.placement;\n  const gutter = positioning.gutter;\n\n  return (\n    <Portal>\n      <Presence\n        asChild\n        lazyMount={lazyMount}\n        present={isOpen}\n        unmountOnExit={unmountOnExit}\n      >\n        <ark.div\n          className={cn(actionBarPositionerVariants({ placement }))}\n          data-placement={placement}\n          data-slot=\"action-bar-positioner\"\n          style={{ \"--gutter\": gutter } as React.CSSProperties}\n        >\n          <ark.div\n            aria-labelledby={ariaLabelledby}\n            className={cn(\n              \"[--space:--spacing(2)]\",\n              \"flex w-fit items-center gap-1\",\n              \"rounded-xl border shadow-lg/5\",\n              \"px-[calc(var(--space)+2px)] py-(--space)\",\n              \"bg-popover\",\n              \"text-popover-foreground\",\n              \"pointer-events-auto\",\n              className\n            )}\n            role=\"toolbar\"\n            {...rest}\n            data-slot={slot ?? \"action-bar-content\"}\n          />\n        </ark.div>\n      </Presence>\n    </Portal>\n  );\n};\n\nexport interface ActionBarSeparatorProps\n  extends React.ComponentProps<typeof Separator> {}\n\nexport const ActionBarSeparator = (props: ActionBarSeparatorProps) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <Separator\n      className={cn(\"mx-1 h-1/2\", className)}\n      orientation=\"vertical\"\n      {...rest}\n      slot={slot ?? \"action-bar-separator\"}\n    />\n  );\n};\n\nexport interface ActionBarCloseProps\n  extends React.ComponentProps<typeof ark.button> {}\n\nexport const ActionBarClose = (props: ActionBarCloseProps) => {\n  const { className, onClick, slot, ...rest } = props;\n\n  const { onClose, isOpen } = _useActionBar();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClose?.();\n    onClick?.(event);\n  };\n\n  return (\n    <ark.button\n      aria-label=\"Close\"\n      className={cn(\n        \"opacity-64 transition-opacity\",\n        \"hover:opacity-100\",\n        \"motion-reduce:transition-none!\",\n        className\n      )}\n      data-state={isOpen ? \"open\" : \"closed\"}\n      onClick={handleClick}\n      type=\"button\"\n      {...rest}\n      data-slot={slot ?? \"action-bar-close\"}\n    />\n  );\n};\n\nexport interface ActionBarValueProps\n  extends React.ComponentProps<typeof Badge> {\n  /**\n   * The number of items selected\n   */\n  count: number;\n  /**\n   * The label of the selection trigger\n   */\n  label?: string;\n}\n\nexport const ActionBarValue = (props: ActionBarValueProps) => {\n  const { label, count = 0, className, children, slot, ...rest } = props;\n\n  return (\n    <Badge\n      className={cn(\"shrink-0 font-medium text-sm tabular-nums\", className)}\n      variant=\"secondary\"\n      {...rest}\n      slot={slot ?? \"action-bar-value\"}\n    >\n      {children ?? label ?? count}\n    </Badge>\n  );\n};\n\nexport const ActionBarBody = (props: React.ComponentProps<typeof ark.div>) => {\n  const { className, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"flex items-center gap-1\",\n        \"**:data-[slot=action-bar-separator]:h-2\",\n        className\n      )}\n      {...rest}\n    />\n  );\n};\n\nconst _useActionBar = () => {\n  const context = React.useContext(ActionBarContext);\n\n  if (!context) {\n    throw new Error(\"useActionBar must be used within a ActionBarProvider.\");\n  }\n\n  return context;\n};\n"],"names":["ActionBarContext","React"],"mappings":";;;;;;;;;;AA2DA;AACAA;AA4BA;AAGE;AAAM;AACJ;AACc;AACE;AAChB;AACY;AACI;AAChB;AACG;AASH;AAIe;AAIf;AAIe;AAGjBC;AAKE;AACE;AAGF;AACE;AASA;AAGF;AAEgE;AAGlE;AAAsB;AACb;AACI;AACD;AACR;AACyC;AACzC;AACA;AAAA;AAEqE;AAGzE;AACF;AAME;AAKE;AACU;AAGZ;AACE;AAAK;AAAJ;AACgB;AACe;AACrB;AACJ;AACD;AACe;AAAA;AAGzB;AAEuC;AAC/B;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEQ;AACG;AACD;AACM;AACE;AAAA;AAClB;AAEe;AACJ;AAEf;AAME;AAOA;AAEI;AAAC;AAAA;AACQ;AACP;AACS;AACT;AAEA;AAAK;AAAJ;AACyD;AACxC;AACN;AACW;AAErB;AAAK;AAAJ;AACkB;AACN;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEG;AACD;AACe;AAAA;AAAA;AACrB;AAAA;AACF;AAIR;AAME;AAEA;AACE;AAAC;AAAA;AACsC;AACzB;AACR;AACU;AAAA;AAGpB;AAME;AAKE;AACU;AAGZ;AACE;AAAK;AAAJ;AACY;AACA;AACT;AACA;AACA;AACA;AAAA;AAE4B;AACrB;AACJ;AACD;AACe;AAAA;AAGzB;AAeE;AAEA;AACE;AAAC;AAAA;AACqE;AAC5D;AACJ;AACU;AAEQ;AAAA;AAG5B;AAGE;AAEA;AACE;AAAK;AAAJ;AACY;AACT;AACA;AACA;AAAA;AAEE;AAAA;AAGV;AAGE;AAEA;AACE;AAGF;AACF;;;;;;;;;;"}

package/dist/simples/alert-dialog.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { ButtonProps } from './button';
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTrigger } from './dialog';
+export declare const AlertDialog: (props: React.ComponentProps<typeof Dialog>) => React.JSX.Element;
+export declare const AlertDialogTrigger: ({ slot, ...rest }: React.ComponentProps<typeof DialogTrigger>) => React.JSX.Element;
+export declare const AlertDialogContent: ({ slot, ...rest }: React.ComponentProps<typeof DialogContent>) => React.JSX.Element;
+export declare const AlertDialogBody: (props: React.ComponentProps<typeof DialogBody>) => React.JSX.Element;
+export declare const AlertDialogHeader: ({ slot, ...rest }: React.ComponentProps<typeof DialogHeader>) => React.JSX.Element;
+export declare const AlertDialogClose: ({ slot, ...rest }: React.ComponentProps<typeof DialogClose>) => React.JSX.Element;
+export declare const AlertDialogFooter: ({ slot, ...rest }: React.ComponentProps<typeof DialogFooter>) => React.JSX.Element;
+interface AlertDialogActionProps extends React.ComponentProps<typeof DialogClose>, Omit<ButtonProps, "variant"> {
+    /**
+     * The variant of the action button
+     *
+     * @default "default"
+     */
+    variant?: "default" | "destructive";
+}
+export declare const AlertDialogAction: (props: AlertDialogActionProps) => React.JSX.Element;
+interface AlertDialogCancelProps extends React.ComponentProps<typeof DialogClose>, Omit<ButtonProps, "variant"> {
+}
+export declare const AlertDialogCancel: ({ slot, ...rest }: AlertDialogCancelProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/simples/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/simples/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,sBAErE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,sBACO,CAAC;AAEvE,eAAO,MAAM,kBAAkB,GAC7B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,sBAO9D,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,sBAc/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,sBACM,CAAC;AAIrE,eAAO,MAAM,gBAAgB,GAC3B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,sBACK,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAC5B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,sBACM,CAAC;AAErE,UAAU,sBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBAQ9D,CAAC;AAEF,UAAU,sBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;CAAG;AAEnC,eAAO,MAAM,iBAAiB,GAAI,mBAG/B,sBAAsB,sBAIxB,CAAC"}

package/dist/simples/alert-dialog.js

@@ -0,0 +1,43 @@
+import { jsx as l } from "react/jsx-runtime";
+import { cn as s } from "../lib/cn.js";
+import { Button as r } from "./button.js";
+import { Dialog as n, DialogBody as g, DialogClose as d, DialogContent as c, DialogFooter as D, DialogHeader as m, DialogTrigger as A } from "./dialog.js";
+const p = (o) => /* @__PURE__ */ l(n, { role: "alertdialog", ...o }), B = ({ slot: o, ...t }) => /* @__PURE__ */ l(A, { ...t, slot: o ?? "alert-dialog-trigger" }), y = ({ slot: o, ...t }) => /* @__PURE__ */ l(
+  c,
+  {
+    showCloseButton: !1,
+    ...t,
+    slot: o ?? "alert-dialog-content"
+  }
+), v = (o) => {
+  const { className: t, slot: a, ...e } = o;
+  return /* @__PURE__ */ l(
+    g,
+    {
+      className: s(
+        "in-[[data-slot=alert-dialog-content]:has([data-slot=alert-dialog-header])]:pt-0",
+        t
+      ),
+      ...e,
+      slot: a ?? "alert-dialog-body"
+    }
+  );
+}, x = ({ slot: o, ...t }) => /* @__PURE__ */ l(m, { ...t, slot: o ?? "alert-dialog-header" }), i = ({ slot: o, ...t }) => /* @__PURE__ */ l(d, { ...t, slot: o ?? "alert-dialog-close" }), F = ({ slot: o, ...t }) => /* @__PURE__ */ l(D, { ...t, slot: o ?? "alert-dialog-footer" }), H = (o) => {
+  const { variant: t = "default", slot: a, ...e } = o;
+  return /* @__PURE__ */ l(i, { asChild: !0, children: /* @__PURE__ */ l(r, { variant: t, ...e, slot: a ?? "alert-dialog-action" }) });
+}, N = ({
+  slot: o,
+  ...t
+}) => /* @__PURE__ */ l(i, { asChild: !0, children: /* @__PURE__ */ l(r, { variant: "outline", ...t, slot: o ?? "alert-dialog-cancel" }) });
+export {
+  p as AlertDialog,
+  H as AlertDialogAction,
+  v as AlertDialogBody,
+  N as AlertDialogCancel,
+  i as AlertDialogClose,
+  y as AlertDialogContent,
+  F as AlertDialogFooter,
+  x as AlertDialogHeader,
+  B as AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/simples/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sources":["../../src/simples/alert-dialog.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Button, type ButtonProps } from \"./button\";\nimport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTrigger,\n} from \"./dialog\";\n\nexport const AlertDialog = (props: React.ComponentProps<typeof Dialog>) => (\n  <Dialog role=\"alertdialog\" {...props} />\n);\n\nexport const AlertDialogTrigger = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogTrigger>\n) => <DialogTrigger {...rest} slot={slot ?? \"alert-dialog-trigger\"} />;\n\nexport const AlertDialogContent = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogContent>\n) => (\n  <DialogContent\n    showCloseButton={false}\n    {...rest}\n    slot={slot ?? \"alert-dialog-content\"}\n  />\n);\n\nexport const AlertDialogBody = (\n  props: React.ComponentProps<typeof DialogBody>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <DialogBody\n      className={cn(\n        \"in-[[data-slot=alert-dialog-content]:has([data-slot=alert-dialog-header])]:pt-0\",\n        className\n      )}\n      {...rest}\n      slot={slot ?? \"alert-dialog-body\"}\n    />\n  );\n};\n\nexport const AlertDialogHeader = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogHeader>\n) => <DialogHeader {...rest} slot={slot ?? \"alert-dialog-header\"} />;\n\n// The title and description are `DialogTitle` / `DialogDescription`: nothing keys off an\n// `alert-dialog-title` slot, so renaming them bought two exports and no behaviour.\nexport const AlertDialogClose = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogClose>\n) => <DialogClose {...rest} slot={slot ?? \"alert-dialog-close\"} />;\n\nexport const AlertDialogFooter = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogFooter>\n) => <DialogFooter {...rest} slot={slot ?? \"alert-dialog-footer\"} />;\n\ninterface AlertDialogActionProps\n  extends React.ComponentProps<typeof DialogClose>,\n    Omit<ButtonProps, \"variant\"> {\n  /**\n   * The variant of the action button\n   *\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"destructive\";\n}\n\nexport const AlertDialogAction = (props: AlertDialogActionProps) => {\n  const { variant = \"default\", slot, ...rest } = props;\n\n  return (\n    <AlertDialogClose asChild>\n      <Button variant={variant} {...rest} slot={slot ?? \"alert-dialog-action\"} />\n    </AlertDialogClose>\n  );\n};\n\ninterface AlertDialogCancelProps\n  extends React.ComponentProps<typeof DialogClose>,\n    Omit<ButtonProps, \"variant\"> {}\n\nexport const AlertDialogCancel = ({\n  slot,\n  ...rest\n}: AlertDialogCancelProps) => (\n  <AlertDialogClose asChild>\n    <Button variant=\"outline\" {...rest} slot={slot ?? \"alert-dialog-cancel\"} />\n  </AlertDialogClose>\n);\n"],"names":["AlertDialog","props","jsx","Dialog","AlertDialogTrigger","slot","rest","DialogTrigger","AlertDialogContent","DialogContent","AlertDialogBody","className","DialogBody","cn","AlertDialogHeader","DialogHeader","AlertDialogClose","DialogClose","AlertDialogFooter","DialogFooter","AlertDialogAction","variant","Button","AlertDialogCancel"],"mappings":";;;;AAaO,MAAMA,IAAc,CAACC,MAC1B,gBAAAC,EAACC,KAAO,MAAK,eAAe,GAAGF,EAAA,CAAO,GAG3BG,IAAqB,CAChC,EAAE,MAAAC,GAAM,GAAGC,EAAA,MACR,gBAAAJ,EAACK,GAAA,EAAe,GAAGD,GAAM,MAAMD,KAAQ,uBAAA,CAAwB,GAEvDG,IAAqB,CAChC,EAAE,MAAAH,GAAM,GAAGC,QAEX,gBAAAJ;AAAA,EAACO;AAAA,EAAA;AAAA,IACC,iBAAiB;AAAA,IAChB,GAAGH;AAAA,IACJ,MAAMD,KAAQ;AAAA,EAAA;AAChB,GAGWK,IAAkB,CAC7BT,MACG;AACH,QAAM,EAAE,WAAAU,GAAW,MAAAN,GAAM,GAAGC,MAASL;AAErC,SACE,gBAAAC;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MACJ,MAAMD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB,GAEaS,IAAoB,CAC/B,EAAE,MAAAT,GAAM,GAAGC,EAAA,MACR,gBAAAJ,EAACa,GAAA,EAAc,GAAGT,GAAM,MAAMD,KAAQ,sBAAA,CAAuB,GAIrDW,IAAmB,CAC9B,EAAE,MAAAX,GAAM,GAAGC,EAAA,MACR,gBAAAJ,EAACe,GAAA,EAAa,GAAGX,GAAM,MAAMD,KAAQ,qBAAA,CAAsB,GAEnDa,IAAoB,CAC/B,EAAE,MAAAb,GAAM,GAAGC,EAAA,MACR,gBAAAJ,EAACiB,GAAA,EAAc,GAAGb,GAAM,MAAMD,KAAQ,sBAAA,CAAuB,GAarDe,IAAoB,CAACnB,MAAkC;AAClE,QAAM,EAAE,SAAAoB,IAAU,WAAW,MAAAhB,GAAM,GAAGC,MAASL;AAE/C,SACE,gBAAAC,EAACc,GAAA,EAAiB,SAAO,IACvB,UAAA,gBAAAd,EAACoB,GAAA,EAAO,SAAAD,GAAmB,GAAGf,GAAM,MAAMD,KAAQ,sBAAA,CAAuB,GAC3E;AAEJ,GAMakB,IAAoB,CAAC;AAAA,EAChC,MAAAlB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAJ,EAACc,GAAA,EAAiB,SAAO,IACvB,UAAA,gBAAAd,EAACoB,GAAA,EAAO,SAAQ,WAAW,GAAGhB,GAAM,MAAMD,KAAQ,uBAAuB,EAAA,CAC3E;"}

package/dist/simples/alert.d.ts

@@ -0,0 +1,36 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+export declare const alertVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        destructive: string[];
+        info: string[];
+        warning: string[];
+        success: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        destructive: string[];
+        info: string[];
+        warning: string[];
+        success: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        destructive: string[];
+        info: string[];
+        warning: string[];
+        success: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface AlertProps extends React.ComponentProps<typeof ark.div>, VariantProps<typeof alertVariants> {
+}
+export declare const Alert: (props: AlertProps) => React.JSX.Element;
+export declare const AlertTitle: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const AlertDescription: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const AlertAction: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=alert.d.ts.map

package/dist/simples/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/simples/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;qDAkDxB,CAAC;AAEH,UAAU,UACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAatC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,sBAcrE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,sBAgB5C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,sBAoBtE,CAAC"}

package/dist/simples/alert.js

@@ -0,0 +1,123 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ark as o } from "@ark-ui/react/factory";
+import { tv as n } from "tailwind-variants";
+import { cn as l } from "../lib/cn.js";
+const c = n({
+  base: [
+    "relative",
+    "px-3.5 py-3",
+    "grid w-full items-start gap-x-2 gap-y-0.5",
+    "text-card-foreground text-sm",
+    "rounded-box border",
+    "has-[>svg]:has-data-[slot=alert-action]:grid-cols-[--spacing(4)_1fr_auto] has-[>svg]:grid-cols-[--spacing(4)_1fr]",
+    "has-[>svg]:gap-x-2 [&_svg]:h-lh [&_svg]:w-4",
+    "has-data-[slot=alert-action]:grid-cols-[1fr_auto]"
+  ],
+  variants: {
+    variant: {
+      default: [
+        // A quiet surface on an unknown backdrop, which is what a wash is for. It was
+        // `bg-field`, and a field now recedes to the page — correct for a control identified by
+        // `border-input`, wrong for a panel whose whole job is to sit visibly on top of one.
+        "bg-foreground/14",
+        "[&_svg]:text-muted-foreground",
+        "[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-muted"
+      ],
+      destructive: [
+        "bg-destructive/7",
+        "border-destructive/30",
+        "[&_svg]:text-destructive-foreground",
+        "[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-destructive/14"
+      ],
+      info: [
+        "bg-info/7",
+        "border-info/30",
+        "[&_svg]:text-info",
+        "[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-info/14"
+      ],
+      warning: [
+        "bg-warning/7",
+        "border-warning/30",
+        "[&_svg]:text-warning",
+        "[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-warning/14"
+      ],
+      success: [
+        "bg-success/7",
+        "border-success/30",
+        "[&_svg]:text-success",
+        "[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-success/14"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), u = (a) => {
+  const { variant: t, className: s, slot: r, ...i } = a;
+  return /* @__PURE__ */ e(
+    o.div,
+    {
+      role: t === "destructive" ? "alert" : "status",
+      className: l(c({ variant: t }), s),
+      ...i,
+      "data-slot": r ?? "alert"
+    }
+  );
+}, f = (a) => {
+  const { className: t, slot: s, ...r } = a;
+  return /* @__PURE__ */ e(
+    o.div,
+    {
+      className: l(
+        "font-heading font-medium",
+        "[svg~&]:col-start-2",
+        t
+      ),
+      ...r,
+      "data-slot": s ?? "alert-title"
+    }
+  );
+}, _ = (a) => {
+  const { className: t, slot: s, ...r } = a;
+  return /* @__PURE__ */ e(
+    o.div,
+    {
+      className: l(
+        "flex flex-col gap-2.5",
+        "text-muted-foreground",
+        "[svg~&]:col-start-2",
+        t
+      ),
+      ...r,
+      "data-slot": s ?? "alert-description"
+    }
+  );
+}, x = (a) => {
+  const { className: t, slot: s, ...r } = a;
+  return /* @__PURE__ */ e(
+    o.div,
+    {
+      className: l(
+        "flex gap-1",
+        "max-sm:col-start-2 max-sm:mt-2",
+        "sm:[svg~[data-slot=alert-title]~&]:col-start-3",
+        "sm:row-start-1 sm:row-end-3 sm:self-center",
+        "sm:[[data-slot=alert-description]~&]:col-start-2",
+        "sm:[[data-slot=alert-title]~&]:col-start-2",
+        "sm:[svg~&]:col-start-2",
+        "sm:[svg~[data-slot=alert-description]~&]:col-start-3",
+        t
+      ),
+      ...r,
+      "data-slot": s ?? "alert-action"
+    }
+  );
+};
+export {
+  u as Alert,
+  x as AlertAction,
+  _ as AlertDescription,
+  f as AlertTitle,
+  c as alertVariants
+};
+//# sourceMappingURL=alert.js.map

package/dist/simples/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../src/simples/alert.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\n\nexport const alertVariants = tv({\n  base: [\n    \"relative\",\n    \"px-3.5 py-3\",\n    \"grid w-full items-start gap-x-2 gap-y-0.5\",\n    \"text-card-foreground text-sm\",\n    \"rounded-box border\",\n    \"has-[>svg]:has-data-[slot=alert-action]:grid-cols-[--spacing(4)_1fr_auto] has-[>svg]:grid-cols-[--spacing(4)_1fr]\",\n    \"has-[>svg]:gap-x-2 [&_svg]:h-lh [&_svg]:w-4\",\n    \"has-data-[slot=alert-action]:grid-cols-[1fr_auto]\",\n  ],\n  variants: {\n    variant: {\n      default: [\n        // A quiet surface on an unknown backdrop, which is what a wash is for. It was\n        // `bg-field`, and a field now recedes to the page — correct for a control identified by\n        // `border-input`, wrong for a panel whose whole job is to sit visibly on top of one.\n        \"bg-foreground/14\",\n        \"[&_svg]:text-muted-foreground\",\n        \"[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-muted\",\n      ],\n      destructive: [\n        \"bg-destructive/7\",\n        \"border-destructive/30\",\n        \"[&_svg]:text-destructive-foreground\",\n        \"[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-destructive/14\",\n      ],\n      info: [\n        \"bg-info/7\",\n        \"border-info/30\",\n        \"[&_svg]:text-info\",\n        \"[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-info/14\",\n      ],\n      warning: [\n        \"bg-warning/7\",\n        \"border-warning/30\",\n        \"[&_svg]:text-warning\",\n        \"[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-warning/14\",\n      ],\n      success: [\n        \"bg-success/7\",\n        \"border-success/30\",\n        \"[&_svg]:text-success\",\n        \"[&_[data-slot=alert-action]_[data-variant=ghost]]:hover:bg-success/14\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface AlertProps\n  extends React.ComponentProps<typeof ark.div>,\n    VariantProps<typeof alertVariants> {}\n\nexport const Alert = (props: AlertProps) => {\n  const { variant, className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      // Announce to assistive tech: destructive is urgent (assertive), the rest are polite.\n      // `role` sits before `...rest` so a consumer can still override it.\n      role={variant === \"destructive\" ? \"alert\" : \"status\"}\n      className={cn(alertVariants({ variant }), className)}\n      {...rest}\n      data-slot={slot ?? \"alert\"}\n    />\n  );\n};\n\nexport const AlertTitle = (props: React.ComponentProps<typeof ark.div>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"font-heading font-medium\",\n        \"[svg~&]:col-start-2\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"alert-title\"}\n    />\n  );\n};\n\nexport const AlertDescription = (\n  props: React.ComponentProps<typeof ark.div>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"flex flex-col gap-2.5\",\n        \"text-muted-foreground\",\n        \"[svg~&]:col-start-2\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"alert-description\"}\n    />\n  );\n};\n\nexport const AlertAction = (props: React.ComponentProps<typeof ark.div>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"flex gap-1\",\n        \"max-sm:col-start-2 max-sm:mt-2\",\n        \"sm:[svg~[data-slot=alert-title]~&]:col-start-3\",\n        \"sm:row-start-1 sm:row-end-3 sm:self-center\",\n        \"sm:[[data-slot=alert-description]~&]:col-start-2\",\n        \"sm:[[data-slot=alert-title]~&]:col-start-2\",\n        \"sm:[svg~&]:col-start-2\",\n        \"sm:[svg~[data-slot=alert-description]~&]:col-start-3\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"alert-action\"}\n    />\n  );\n};\n"],"names":["alertVariants","tv","Alert","props","variant","className","slot","rest","jsx","ark","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":";;;;AAKO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA;AAAA;AAAA;AAAA,QAIP;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAMYC,IAAQ,CAACC,MAAsB;AAC1C,QAAM,EAAE,SAAAC,GAAS,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAE9C,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MAGC,MAAML,MAAY,gBAAgB,UAAU;AAAA,MAC5C,WAAWM,EAAGV,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGC,CAAS;AAAA,MAClD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAa,CAACR,MAAgD;AACzE,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaM,IAAmB,CAC9BT,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaO,IAAc,CAACV,MAAgD;AAC1E,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/avatar.d.ts

@@ -0,0 +1,37 @@
+import { Avatar as ArkAvatar } from '@ark-ui/react/avatar';
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { statusVariants } from './status';
+export declare const useAvatar: () => import('@ark-ui/react').UseAvatarContext;
+declare const avatarVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface AvatarProps extends React.ComponentProps<typeof ArkAvatar.Root>, VariantProps<typeof avatarVariants> {
+}
+export declare const Avatar: (props: AvatarProps) => React.JSX.Element;
+export declare const AvatarImage: (props: React.ComponentProps<typeof ArkAvatar.Image>) => React.JSX.Element;
+export declare const AvatarFallback: (props: React.ComponentProps<typeof ArkAvatar.Fallback>) => React.JSX.Element;
+interface AvatarBadgeProps extends React.ComponentProps<typeof ark.span>, Pick<VariantProps<typeof statusVariants>, "variant"> {
+}
+export declare const AvatarBadge: (props: AvatarBadgeProps) => React.JSX.Element;
+export declare const AvatarGroup: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const AvatarGroupCount: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/simples/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/simples/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,SAAS,gDAAmB,CAAC;AAE1C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;qDAqBlB,CAAC;AAEH,UAAU,WACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EACjD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBAWxC,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,sBAgBpD,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAkBvD,CAAC;AAEF,UAAU,gBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAC3C,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,SAAS,CAAC;CAAG;AAE3D,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAkBlD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,sBActE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,sBAqB5C,CAAC"}

package/dist/simples/avatar.js

@@ -0,0 +1,133 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useAvatarContext as d, Avatar as n } from "@ark-ui/react/avatar";
+import { ark as l } from "@ark-ui/react/factory";
+import { tv as m } from "tailwind-variants";
+import { cn as o } from "../lib/cn.js";
+import { Status as u } from "./status.js";
+const x = d, c = m({
+  base: [
+    "group/avatar",
+    "relative",
+    "size-8",
+    "inline-flex shrink-0 items-center justify-center",
+    "bg-background",
+    "select-none font-medium text-xs",
+    "rounded-full",
+    "after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten"
+  ],
+  variants: {
+    size: {
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), N = (t) => {
+  const { size: a = "md", className: e, slot: s, ...i } = t;
+  return /* @__PURE__ */ r(
+    n.Root,
+    {
+      className: o(c({ size: a }), e),
+      "data-size": a,
+      ...i,
+      "data-slot": s ?? "avatar"
+    }
+  );
+}, k = (t) => {
+  const { className: a, slot: e, ...s } = t;
+  return /* @__PURE__ */ r(
+    n.Image,
+    {
+      className: o(
+        "size-full",
+        "aspect-square object-cover",
+        "rounded-[inherit]",
+        a
+      ),
+      ...s,
+      "data-slot": e ?? "avatar-image"
+    }
+  );
+}, A = (t) => {
+  const { className: a, slot: e, ...s } = t;
+  return /* @__PURE__ */ r(
+    n.Fallback,
+    {
+      className: o(
+        "size-full",
+        "flex items-center justify-center",
+        "bg-muted",
+        "rounded-[inherit]",
+        "[&_svg]:size-4 group-data-[size=lg]/avatar:[&_svg]:size-4.5 group-data-[size=sm]/avatar:[&_svg]:size-3",
+        a
+      ),
+      ...s,
+      "data-slot": e ?? "avatar-fallback"
+    }
+  );
+}, h = (t) => {
+  const { variant: a, className: e, slot: s, ...i } = t;
+  return /* @__PURE__ */ r(
+    u,
+    {
+      className: o(
+        "absolute inset-e-0 bottom-0 z-10",
+        "flex items-center justify-center",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&_svg]:hidden",
+        "group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&_svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&_svg]:size-2",
+        e
+      ),
+      variant: a,
+      ...i,
+      slot: s ?? "avatar-badge"
+    }
+  );
+}, _ = (t) => {
+  const { className: a, slot: e, ...s } = t;
+  return /* @__PURE__ */ r(
+    l.div,
+    {
+      className: o(
+        "flex -space-x-2",
+        "**:data-[slot=avatar]:ring-2 **:data-[slot=avatar]:ring-background",
+        a
+      ),
+      ...s,
+      "data-slot": e ?? "avatar-group"
+    }
+  );
+}, j = (t) => {
+  const { className: a, slot: e, ...s } = t;
+  return /* @__PURE__ */ r(
+    l.div,
+    {
+      className: o(
+        "relative",
+        "size-8",
+        "flex shrink-0 items-center justify-center",
+        "bg-muted",
+        "select-none text-muted-foreground text-sm",
+        "rounded-full",
+        "ring-2 ring-background",
+        "[&_svg]:size-4",
+        a
+      ),
+      ...s,
+      "data-slot": e ?? "avatar-group-count"
+    }
+  );
+};
+export {
+  N as Avatar,
+  h as AvatarBadge,
+  A as AvatarFallback,
+  _ as AvatarGroup,
+  j as AvatarGroupCount,
+  k as AvatarImage,
+  x as useAvatar
+};
+//# sourceMappingURL=avatar.js.map

package/dist/simples/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../src/simples/avatar.tsx"],"sourcesContent":["import { Avatar as ArkAvatar, useAvatarContext } from \"@ark-ui/react/avatar\";\nimport { ark } from \"@ark-ui/react/factory\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport {\n  Status,\n  type statusVariants,\n} from \"./status\";\n\nexport const useAvatar = useAvatarContext;\n\nconst avatarVariants = tv({\n  base: [\n    \"group/avatar\",\n    \"relative\",\n    \"size-8\",\n    \"inline-flex shrink-0 items-center justify-center\",\n    \"bg-background\",\n    \"select-none font-medium text-xs\",\n    \"rounded-full\",\n    \"after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten\",\n  ],\n  variants: {\n    size: {\n      sm: \"size-6\",\n      md: \"size-8\",\n      lg: \"size-10\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ninterface AvatarProps\n  extends React.ComponentProps<typeof ArkAvatar.Root>,\n    VariantProps<typeof avatarVariants> {}\n\nexport const Avatar = (props: AvatarProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkAvatar.Root\n      className={cn(avatarVariants({ size }), className)}\n      data-size={size}\n      {...rest}\n      data-slot={slot ?? \"avatar\"}\n    />\n  );\n};\n\nexport const AvatarImage = (\n  props: React.ComponentProps<typeof ArkAvatar.Image>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkAvatar.Image\n      className={cn(\n        \"size-full\",\n        \"aspect-square object-cover\",\n        \"rounded-[inherit]\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"avatar-image\"}\n    />\n  );\n};\n\nexport const AvatarFallback = (\n  props: React.ComponentProps<typeof ArkAvatar.Fallback>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkAvatar.Fallback\n      className={cn(\n        \"size-full\",\n        \"flex items-center justify-center\",\n        \"bg-muted\",\n        \"rounded-[inherit]\",\n        \"[&_svg]:size-4 group-data-[size=lg]/avatar:[&_svg]:size-4.5 group-data-[size=sm]/avatar:[&_svg]:size-3\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"avatar-fallback\"}\n    />\n  );\n};\n\ninterface AvatarBadgeProps\n  extends React.ComponentProps<typeof ark.span>,\n    Pick<VariantProps<typeof statusVariants>, \"variant\"> {}\n\nexport const AvatarBadge = (props: AvatarBadgeProps) => {\n  const { variant, className, slot, ...rest } = props;\n\n  return (\n    <Status\n      className={cn(\n        \"absolute inset-e-0 bottom-0 z-10\",\n        \"flex items-center justify-center\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&_svg]:hidden\",\n        \"group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&_svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&_svg]:size-2\",\n        className\n      )}\n      variant={variant}\n      {...rest}\n      slot={slot ?? \"avatar-badge\"}\n    />\n  );\n};\n\nexport const AvatarGroup = (props: React.ComponentProps<typeof ark.div>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"flex -space-x-2\",\n        \"**:data-[slot=avatar]:ring-2 **:data-[slot=avatar]:ring-background\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"avatar-group\"}\n    />\n  );\n};\n\nexport const AvatarGroupCount = (\n  props: React.ComponentProps<typeof ark.div>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"relative\",\n        \"size-8\",\n        \"flex shrink-0 items-center justify-center\",\n        \"bg-muted\",\n        \"select-none text-muted-foreground text-sm\",\n        \"rounded-full\",\n        \"ring-2 ring-background\",\n        \"[&_svg]:size-4\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"avatar-group-count\"}\n    />\n  );\n};\n"],"names":["useAvatar","useAvatarContext","avatarVariants","tv","Avatar","props","size","className","slot","rest","jsx","ArkAvatar","cn","AvatarImage","AvatarFallback","AvatarBadge","variant","Status","AvatarGroup","ark","AvatarGroupCount"],"mappings":";;;;;;AAUO,MAAMA,IAAYC,GAEnBC,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAMYC,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAElD,SACE,gBAAAK;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,WAAWC,EAAGV,EAAe,EAAE,MAAAI,EAAA,CAAM,GAAGC,CAAS;AAAA,MACjD,aAAWD;AAAA,MACV,GAAGG;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAc,CACzBR,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaM,IAAiB,CAC5BT,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAMaO,IAAc,CAACV,MAA4B;AACtD,QAAM,EAAE,SAAAW,GAAS,WAAAT,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAE9C,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,SAAAS;AAAA,MACC,GAAGP;AAAA,MACJ,MAAMD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB,GAEaU,IAAc,CAACb,MAAgD;AAC1E,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACS,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWP;AAAA,QACT;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaY,IAAmB,CAC9Bf,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACS,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWP;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/badge.d.ts

@@ -0,0 +1,66 @@
+import { ark } from '@ark-ui/react/factory';
+import { VariantProps } from 'tailwind-variants';
+export declare const badgeVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        secondary: string[];
+        outline: string[];
+        success: string[];
+        info: string[];
+        warning: string[];
+        destructive: string[];
+    };
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+    pill: {
+        true: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        secondary: string[];
+        outline: string[];
+        success: string[];
+        info: string[];
+        warning: string[];
+        destructive: string[];
+    };
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+    pill: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        secondary: string[];
+        outline: string[];
+        success: string[];
+        info: string[];
+        warning: string[];
+        destructive: string[];
+    };
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+    pill: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+interface BadgeProps extends React.ComponentProps<typeof ark.span>, VariantProps<typeof badgeVariants> {
+}
+export declare const Badge: (props: BadgeProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=badge.d.ts.map

package/dist/simples/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/simples/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA6GxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,UAAU,UACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAmBtC,CAAC"}