@kanzo-tech/ui 0.0.1-alpha

package/dist/simples/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sources":["../../src/simples/separator.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport { cn } from \"../lib/cn\";\n\ninterface SeparatorProps extends React.ComponentProps<typeof ark.div> {\n  /**\n   * The orientation of the separator.\n   *\n   * @default \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const Separator = (props: SeparatorProps) => {\n  const { orientation = \"horizontal\", className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      aria-orientation={orientation}\n      className={cn(\n        \"shrink-0\",\n        \"bg-border\",\n        \"data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full\",\n        \"data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch\",\n        className\n      )}\n      data-orientation={orientation}\n      role=\"separator\"\n      {...rest}\n      data-slot={slot ?? \"separator\"}\n    />\n  );\n};\n"],"names":["Separator","props","orientation","className","slot","rest","jsx","ark","cn"],"mappings":";;;AAYO,MAAMA,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,aAAAC,IAAc,cAAc,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAEjE,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,oBAAkBL;AAAA,MAClB,WAAWM;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,oBAAkBD;AAAA,MAClB,MAAK;AAAA,MACJ,GAAGG;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/sheet.d.ts

@@ -0,0 +1,94 @@
+import { Dialog as ArkDialog } from '@ark-ui/react/dialog';
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { Dialog, DialogBody, DialogFooter, DialogHeader, DialogOverlay } from './dialog';
+export declare const useSheet: () => import('@ark-ui/react').UseDialogContext;
+export declare const Sheet: (props: React.ComponentProps<typeof Dialog>) => React.JSX.Element;
+export declare const SheetTrigger: ({ slot, ...rest }: React.ComponentProps<typeof ArkDialog.Trigger>) => React.JSX.Element;
+export declare const SheetOverlay: ({ slot, ...rest }: React.ComponentProps<typeof DialogOverlay>) => React.JSX.Element;
+declare const sheetPositionerVariants: import('tailwind-variants').TVReturnType<{
+    placement: {
+        bottom: string;
+        top: string;
+        left: string;
+        right: string;
+    };
+    variant: {
+        default: string;
+        inset: string[];
+    };
+}, undefined, string[], {
+    placement: {
+        bottom: string;
+        top: string;
+        left: string;
+        right: string;
+    };
+    variant: {
+        default: string;
+        inset: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    placement: {
+        bottom: string;
+        top: string;
+        left: string;
+        right: string;
+    };
+    variant: {
+        default: string;
+        inset: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface SheetPositionerProps extends React.ComponentProps<typeof ArkDialog.Positioner>, VariantProps<typeof sheetPositionerVariants> {
+}
+export declare const SheetPositioner: (props: SheetPositionerProps) => React.JSX.Element;
+declare const sheetContentVariants: import('tailwind-variants').TVReturnType<{
+    placement: {
+        bottom: string[];
+        top: string[];
+        left: string[];
+        right: string[];
+    };
+    variant: {
+        default: string;
+        inset: string[];
+    };
+}, undefined, string[], {
+    placement: {
+        bottom: string[];
+        top: string[];
+        left: string[];
+        right: string[];
+    };
+    variant: {
+        default: string;
+        inset: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    placement: {
+        bottom: string[];
+        top: string[];
+        left: string[];
+        right: string[];
+    };
+    variant: {
+        default: string;
+        inset: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface SheetContentProps extends React.ComponentProps<typeof ArkDialog.Content>, VariantProps<typeof sheetContentVariants> {
+    /**
+     * Show close button at the top right corner
+     *
+     * @default true
+     */
+    showCloseButton?: boolean;
+}
+export declare const SheetContent: (props: SheetContentProps) => React.JSX.Element;
+export declare const SheetHeader: ({ slot, ...rest }: React.ComponentProps<typeof DialogHeader>) => React.JSX.Element;
+export declare const SheetBody: (props: React.ComponentProps<typeof DialogBody>) => React.JSX.Element;
+export declare const SheetClose: ({ slot, ...rest }: React.ComponentProps<typeof ArkDialog.CloseTrigger>) => React.JSX.Element;
+export declare const SheetFooter: (props: React.ComponentProps<typeof DialogFooter>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/simples/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAG7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,gDAAmB,CAAC;AAEzC,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,sBAE/D,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,sBACK,CAAC;AAEzE,eAAO,MAAM,YAAY,GACvB,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,sBACA,CAAC;AAEhE,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA6B3B,CAAC;AAEH,UAAU,oBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,EACvD,YAAY,CAAC,OAAO,uBAAuB,CAAC;CAAG;AAEnD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAY1D,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiDxB,CAAC;AAEH,UAAU,iBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,EACpD,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBA0CpD,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,sBACD,CAAC;AAK9D,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,sBAavE,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,YAAY,CAAC,sBACG,CAAC;AAE5E,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,sBAWjD,CAAC"}

package/dist/simples/sheet.js

@@ -0,0 +1,172 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useDialogContext as h, Dialog as n } from "@ark-ui/react/dialog";
+import { Portal as f } from "@ark-ui/react/portal";
+import { XIcon as u } from "lucide-react";
+import { tv as c } from "tailwind-variants";
+import { cn as r } from "../lib/cn.js";
+import { Button as g } from "./button.js";
+import { Dialog as v, DialogBody as b, DialogFooter as x, DialogHeader as w, DialogOverlay as y } from "./dialog.js";
+const _ = h, I = (t) => /* @__PURE__ */ a(v, { ...t }), X = ({ slot: t, ...e }) => /* @__PURE__ */ a(n.Trigger, { ...e, "data-slot": t ?? "sheet-trigger" }), S = ({ slot: t, ...e }) => /* @__PURE__ */ a(y, { ...e, slot: t ?? "sheet-overlay" }), C = c({
+  base: [
+    "[--inset:--spacing(0)]",
+    "fixed inset-0 z-50",
+    "h-svh w-screen",
+    "grid",
+    "overflow-hidden"
+  ],
+  variants: {
+    placement: {
+      bottom: "grid grid-rows-[1fr_auto] not-data-[variant=inset]:pt-12",
+      top: "grid grid-rows-[auto_1fr] not-data-[variant=inset]:pb-12",
+      left: "flex justify-start",
+      right: "flex justify-end"
+    },
+    variant: {
+      default: "",
+      inset: [
+        "px-(--inset) sm:[--inset:--spacing(4)]",
+        "data-[placement=bottom]:pb-(--inset)",
+        "data-[placement=top]:pt-(--inset)",
+        "data-[placement=left]:pt-(--inset) data-[placement=left]:pb-(--inset)",
+        "data-[placement=right]:pt-(--inset) data-[placement=right]:pb-(--inset)"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), N = (t) => {
+  const { variant: e = "default", placement: o, className: s, slot: i, ...l } = t;
+  return /* @__PURE__ */ a(
+    n.Positioner,
+    {
+      className: r(C({ placement: o, variant: e }), s),
+      "data-placement": o,
+      "data-variant": e,
+      ...l,
+      "data-slot": i ?? "sheet-positioner"
+    }
+  );
+}, D = c({
+  base: [
+    "[--space:--spacing(6)]",
+    "relative",
+    "max-h-full min-h-0 w-full min-w-0",
+    "flex flex-col",
+    "bg-popover",
+    "text-popover-foreground",
+    "shadow-lg/5",
+    "transition-[opacity,translate] duration-200 ease-in-out will-change-transform",
+    "data-[state=closed]:fade-out-0 data-[state=closed]:animate-out",
+    "data-[state=open]:fade-in-0 data-[state=open]:animate-in",
+    "motion-reduce:animate-none! motion-reduce:transition-none!"
+  ],
+  variants: {
+    placement: {
+      bottom: [
+        "row-start-2 border-t",
+        "data-[state=closed]:slide-in-from-bottom-10 data-[state=open]:slide-in-from-bottom-10"
+      ],
+      top: [
+        "border-b",
+        "data-[state=closed]:slide-out-to-top-10 data-[state=open]:slide-in-from-top-10"
+      ],
+      left: [
+        "w-[calc(100%-(--spacing(12)))] max-w-md",
+        "col-start-2",
+        "border-e",
+        "data-[state=closed]:slide-out-to-start-10 data-[state=open]:slide-in-from-start-10"
+      ],
+      right: [
+        "w-[calc(100%-(--spacing(12)))] max-w-md",
+        "col-start-2",
+        "border-s",
+        "data-[state=closed]:slide-out-to-end-10 data-[state=open]:slide-in-from-end-10"
+      ]
+    },
+    variant: {
+      default: "",
+      inset: [
+        "sm:rounded-2xl sm:border",
+        "sm:**:data-[slot=sheet-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]"
+      ]
+    }
+  },
+  defaultVariants: {
+    placement: "right",
+    variant: "default"
+  }
+}), $ = (t) => {
+  const {
+    showCloseButton: e = !0,
+    placement: o = "right",
+    variant: s = "default",
+    className: i,
+    children: l,
+    slot: m,
+    ...p
+  } = t;
+  return /* @__PURE__ */ d(f, { children: [
+    /* @__PURE__ */ a(S, {}),
+    /* @__PURE__ */ a(N, { placement: o, variant: s, children: /* @__PURE__ */ d(
+      n.Content,
+      {
+        className: r(
+          D({ placement: o, variant: s }),
+          i
+        ),
+        ...p,
+        "data-slot": m ?? "sheet-content",
+        children: [
+          l,
+          !!e && /* @__PURE__ */ a(j, { asChild: !0, children: /* @__PURE__ */ a(
+            g,
+            {
+              "aria-label": "Close",
+              className: "absolute inset-e-2 top-2 opacity-64 hover:opacity-100",
+              size: "icon-sm",
+              variant: "ghost",
+              children: /* @__PURE__ */ a(u, {})
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] });
+}, k = ({ slot: t, ...e }) => /* @__PURE__ */ a(w, { ...e, slot: t ?? "sheet-header" }), q = (t) => {
+  const { className: e, slot: o, ...s } = t;
+  return /* @__PURE__ */ a(
+    b,
+    {
+      className: r(
+        "in-[[data-slot=sheet-content]:has([data-slot=sheet-header])]:pt-0",
+        e
+      ),
+      ...s,
+      slot: o ?? "sheet-body"
+    }
+  );
+}, j = ({ slot: t, ...e }) => /* @__PURE__ */ a(n.CloseTrigger, { ...e, "data-slot": t ?? "sheet-close" }), A = (t) => {
+  const { className: e, slot: o, ...s } = t;
+  return /* @__PURE__ */ a(
+    x,
+    {
+      className: r("sm:rounded-none", e),
+      ...s,
+      slot: o ?? "sheet-footer"
+    }
+  );
+};
+export {
+  I as Sheet,
+  q as SheetBody,
+  j as SheetClose,
+  $ as SheetContent,
+  A as SheetFooter,
+  k as SheetHeader,
+  S as SheetOverlay,
+  N as SheetPositioner,
+  X as SheetTrigger,
+  _ as useSheet
+};
+//# sourceMappingURL=sheet.js.map

package/dist/simples/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sources":["../../src/simples/sheet.tsx"],"sourcesContent":["import { Dialog as ArkDialog, useDialogContext } from \"@ark-ui/react/dialog\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { XIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"./button\";\nimport {\n  Dialog,\n  DialogBody,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n} from \"./dialog\";\n\nexport const useSheet = useDialogContext;\n\nexport const Sheet = (props: React.ComponentProps<typeof Dialog>) => (\n  <Dialog {...props} />\n);\n\nexport const SheetTrigger = (\n  { slot, ...rest }: React.ComponentProps<typeof ArkDialog.Trigger>\n) => <ArkDialog.Trigger {...rest} data-slot={slot ?? \"sheet-trigger\"} />;\n\nexport const SheetOverlay = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogOverlay>\n) => <DialogOverlay {...rest} slot={slot ?? \"sheet-overlay\"} />;\n\nconst sheetPositionerVariants = tv({\n  base: [\n    \"[--inset:--spacing(0)]\",\n    \"fixed inset-0 z-50\",\n    \"h-svh w-screen\",\n    \"grid\",\n    \"overflow-hidden\",\n  ],\n  variants: {\n    placement: {\n      bottom: \"grid grid-rows-[1fr_auto] not-data-[variant=inset]:pt-12\",\n      top: \"grid grid-rows-[auto_1fr] not-data-[variant=inset]:pb-12\",\n      left: \"flex justify-start\",\n      right: \"flex justify-end\",\n    },\n    variant: {\n      default: \"\",\n      inset: [\n        \"px-(--inset) sm:[--inset:--spacing(4)]\",\n        \"data-[placement=bottom]:pb-(--inset)\",\n        \"data-[placement=top]:pt-(--inset)\",\n        \"data-[placement=left]:pt-(--inset) data-[placement=left]:pb-(--inset)\",\n        \"data-[placement=right]:pt-(--inset) data-[placement=right]:pb-(--inset)\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ninterface SheetPositionerProps\n  extends React.ComponentProps<typeof ArkDialog.Positioner>,\n    VariantProps<typeof sheetPositionerVariants> {}\n\nexport const SheetPositioner = (props: SheetPositionerProps) => {\n  const { variant = \"default\", placement, className, slot, ...rest } = props;\n\n  return (\n    <ArkDialog.Positioner\n      className={cn(sheetPositionerVariants({ placement, variant }), className)}\n      data-placement={placement}\n      data-variant={variant}\n      {...rest}\n      data-slot={slot ?? \"sheet-positioner\"}\n    />\n  );\n};\n\nconst sheetContentVariants = tv({\n  base: [\n    \"[--space:--spacing(6)]\",\n    \"relative\",\n    \"max-h-full min-h-0 w-full min-w-0\",\n    \"flex flex-col\",\n    \"bg-popover\",\n    \"text-popover-foreground\",\n    \"shadow-lg/5\",\n    \"transition-[opacity,translate] duration-200 ease-in-out will-change-transform\",\n    \"data-[state=closed]:fade-out-0 data-[state=closed]:animate-out\",\n    \"data-[state=open]:fade-in-0 data-[state=open]:animate-in\",\n    \"motion-reduce:animate-none! motion-reduce:transition-none!\",\n  ],\n  variants: {\n    placement: {\n      bottom: [\n        \"row-start-2 border-t\",\n        \"data-[state=closed]:slide-in-from-bottom-10 data-[state=open]:slide-in-from-bottom-10\",\n      ],\n      top: [\n        \"border-b\",\n        \"data-[state=closed]:slide-out-to-top-10 data-[state=open]:slide-in-from-top-10\",\n      ],\n      left: [\n        \"w-[calc(100%-(--spacing(12)))] max-w-md\",\n        \"col-start-2\",\n        \"border-e\",\n        \"data-[state=closed]:slide-out-to-start-10 data-[state=open]:slide-in-from-start-10\",\n      ],\n      right: [\n        \"w-[calc(100%-(--spacing(12)))] max-w-md\",\n        \"col-start-2\",\n        \"border-s\",\n        \"data-[state=closed]:slide-out-to-end-10 data-[state=open]:slide-in-from-end-10\",\n      ],\n    },\n    variant: {\n      default: \"\",\n      inset: [\n        \"sm:rounded-2xl sm:border\",\n        \"sm:**:data-[slot=sheet-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]\",\n      ],\n    },\n  },\n  defaultVariants: {\n    placement: \"right\",\n    variant: \"default\",\n  },\n});\n\ninterface SheetContentProps\n  extends React.ComponentProps<typeof ArkDialog.Content>,\n    VariantProps<typeof sheetContentVariants> {\n  /**\n   * Show close button at the top right corner\n   *\n   * @default true\n   */\n  showCloseButton?: boolean;\n}\n\nexport const SheetContent = (props: SheetContentProps) => {\n  const {\n    showCloseButton = true,\n    placement = \"right\",\n    variant = \"default\",\n    className,\n    children,\n    slot,\n    ...rest\n  } = props;\n\n  return (\n    <Portal>\n      <SheetOverlay />\n\n      <SheetPositioner placement={placement} variant={variant}>\n        <ArkDialog.Content\n          className={cn(\n            sheetContentVariants({ placement, variant }),\n            className\n          )}\n          {...rest}\n          data-slot={slot ?? \"sheet-content\"}\n        >\n          {children}\n\n          {!!showCloseButton && (\n            <SheetClose asChild>\n              <Button\n                aria-label=\"Close\"\n                className=\"absolute inset-e-2 top-2 opacity-64 hover:opacity-100\"\n                size=\"icon-sm\"\n                variant=\"ghost\"\n              >\n                <XIcon />\n              </Button>\n            </SheetClose>\n          )}\n        </ArkDialog.Content>\n      </SheetPositioner>\n    </Portal>\n  );\n};\n\nexport const SheetHeader = (\n  { slot, ...rest }: React.ComponentProps<typeof DialogHeader>\n) => <DialogHeader {...rest} slot={slot ?? \"sheet-header\"} />;\n\n// The title and description are `DialogTitle` / `DialogDescription`, usually reached through\n// `SheetHeader`'s `title` / `description` shorthands, which render exactly those. The renamed\n// pair only relabelled the slot, and nothing keys off `sheet-title`.\nexport const SheetBody = (props: React.ComponentProps<typeof DialogBody>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <DialogBody\n      className={cn(\n        \"in-[[data-slot=sheet-content]:has([data-slot=sheet-header])]:pt-0\",\n        className\n      )}\n      {...rest}\n      slot={slot ?? \"sheet-body\"}\n    />\n  );\n};\n\nexport const SheetClose = (\n  { slot, ...rest }: React.ComponentProps<typeof ArkDialog.CloseTrigger>\n) => <ArkDialog.CloseTrigger {...rest} data-slot={slot ?? \"sheet-close\"} />;\n\nexport const SheetFooter = (\n  props: React.ComponentProps<typeof DialogFooter>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <DialogFooter\n      className={cn(\"sm:rounded-none\", className)}\n      {...rest}\n      slot={slot ?? \"sheet-footer\"}\n    />\n  );\n};\n"],"names":["useSheet","useDialogContext","Sheet","props","jsx","Dialog","SheetTrigger","slot","rest","ArkDialog","SheetOverlay","DialogOverlay","sheetPositionerVariants","tv","SheetPositioner","variant","placement","className","cn","sheetContentVariants","SheetContent","showCloseButton","children","Portal","jsxs","SheetClose","Button","XIcon","SheetHeader","DialogHeader","SheetBody","DialogBody","SheetFooter","DialogFooter"],"mappings":"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"}

package/dist/simples/show.d.ts

@@ -0,0 +1,10 @@
+interface ShowProps {
+    children: React.ReactNode;
+    /** Rendered when `when` is falsy. */
+    fallback?: React.ReactNode;
+    /** When truthy, renders `children`; otherwise `fallback`. */
+    when: boolean;
+}
+export declare const Show: (props: ShowProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=show.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"show.d.ts","sourceRoot":"","sources":["../../src/simples/show.tsx"],"names":[],"mappings":"AAAA,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,IAAI,EAAE,OAAO,CAAC;CACf;AAGD,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,gCAIpC,CAAC"}

package/dist/simples/show.js

@@ -0,0 +1,9 @@
+import { jsx as t, Fragment as c } from "react/jsx-runtime";
+const l = (r) => {
+  const { when: n, fallback: e, children: o } = r;
+  return /* @__PURE__ */ t(c, { children: n ? o : e });
+};
+export {
+  l as Show
+};
+//# sourceMappingURL=show.js.map

package/dist/simples/show.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show.js","sources":["../../src/simples/show.tsx"],"sourcesContent":["interface ShowProps {\n  children: React.ReactNode;\n  /** Rendered when `when` is falsy. */\n  fallback?: React.ReactNode;\n  /** When truthy, renders `children`; otherwise `fallback`. */\n  when: boolean;\n}\n\n// Pure control-flow helper — no hooks, no DOM of its own, so no client boundary.\nexport const Show = (props: ShowProps) => {\n  const { when, fallback, children } = props;\n\n  return <>{when ? children : fallback}</>;\n};\n"],"names":["Show","props","when","fallback","children","jsx","Fragment"],"mappings":";AASO,MAAMA,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,EAAA,IAAaH;AAErC,SAAO,gBAAAI,EAAAC,GAAA,EAAG,UAAAJ,IAAOE,IAAWD,GAAS;AACvC;"}

package/dist/simples/skeleton.d.ts

@@ -0,0 +1,3 @@
+import { ark } from '@ark-ui/react/factory';
+export declare const Skeleton: (props: React.ComponentProps<typeof ark.div>) => import("react").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/simples/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAG5C,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,gCAenE,CAAC"}

package/dist/simples/skeleton.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ark as n } from "@ark-ui/react/factory";
+import { cn as s } from "../lib/cn.js";
+const l = (e) => {
+  const { className: o, slot: t, ...m } = e;
+  return /* @__PURE__ */ r(
+    n.div,
+    {
+      className: s(
+        "rounded-md bg-muted",
+        "animate-pulse",
+        "motion-reduce:animate-none!",
+        o
+      ),
+      ...m,
+      "data-slot": t ?? "skeleton"
+    }
+  );
+};
+export {
+  l as Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/simples/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../src/simples/skeleton.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport { cn } from \"../lib/cn\";\n\nexport const Skeleton = (props: React.ComponentProps<typeof ark.div>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\n        \"rounded-md bg-muted\",\n        \"animate-pulse\",\n        \"motion-reduce:animate-none!\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"skeleton\"}\n    />\n  );\n};\n\n// There is no `SkeletonCircle` or `SkeletonText`. A circle is `size-10 shrink-0 rounded-full`\n// on this one — rung 1 of the ladder, and `examples/skeleton/example-default.tsx` was already\n// writing it that way rather than importing the part. `SkeletonText` was worse than redundant:\n// it forced every line to `h-4` via `**:[div]:h-4` and the last to `w-3/4`, neither reachable\n// from the root's `className`, so the only shape it could draw is not the one the sole real\n// caller wanted (`h-3`, `w-2/3`). Repeating a `Skeleton` is a `.map`, not an export.\n"],"names":["Skeleton","props","className","slot","rest","jsx","ark","cn"],"mappings":";;;AAGO,MAAMA,IAAW,CAACC,MAAgD;AACvE,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;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;"}

package/dist/simples/skip-nav.d.ts

@@ -0,0 +1,54 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+export interface SkipNavLinkProps extends React.ComponentProps<typeof ark.a> {
+    /**
+     * The id of the element to skip to. This is the target's id, **not** this anchor's — it becomes
+     * the `href` fragment. Shark's signature, kept.
+     *
+     * @default "skip-nav-content"
+     */
+    id?: string;
+}
+/**
+ * The link itself. Render it as the **first** child of the page — inside `ShellRoot`, above
+ * `ShellHeader` — because "first focusable element" is the entire specification.
+ *
+ * Every utility is behind `focus:`, the ring included, and that is the one place this component
+ * departs from the library's `focus-visible:` spelling — so it is the one a reader will want to
+ * "fix". Do not: `focus:not-sr-only` is what reveals the element, and the whole recipe describes
+ * one appearance that exists under one condition. Keying the ring to a *different* condition means
+ * that wherever the two disagree — a pointer or an assistive-technology activation matches `:focus`
+ * and not `:focus-visible` — the element appears as a bare block of primary fill with no boundary
+ * against the page behind it.
+ */
+export declare const SkipNavLink: (props: SkipNavLinkProps) => React.JSX.Element;
+export interface SkipNavContentProps extends React.ComponentProps<typeof ark.div> {
+    /**
+     * The id `SkipNavLink` targets.
+     *
+     * @default "skip-nav-content"
+     */
+    id?: string;
+}
+/**
+ * The target the link lands on.
+ *
+ * **In a shell, hand it to `ShellMain` rather than nesting it inside one** —
+ * `/docs/layout/skip-nav`:
+ *
+ * ```tsx
+ * <SkipNavContent asChild>
+ *   <ShellMain>…</ShellMain>
+ * </SkipNavContent>
+ * ```
+ *
+ * The `<main>` then *is* the focus target, one element instead of two, and the landmark a screen
+ * reader enters is the one the user asked for. Rendered on its own it is a plain `<div>`, which is
+ * what a consumer with no shell needs and all Shark can offer, having no layout layer.
+ *
+ * `outline-none` is not the focus-ring rule being broken. WCAG 2.4.7 asks for a visible indicator
+ * on components in the *keyboard interface*, and a `tabIndex={-1}` region is reachable only by
+ * script; drawing a ring around the whole page body on arrival would be noise, not an affordance.
+ */
+export declare const SkipNavContent: (props: SkipNavContentProps) => React.JSX.Element;
+//# sourceMappingURL=skip-nav.d.ts.map

package/dist/simples/skip-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-nav.d.ts","sourceRoot":"","sources":["../../src/simples/skip-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAC1E;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAsBlD,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC;IAC/E;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAYxD,CAAC"}

package/dist/simples/skip-nav.js

@@ -0,0 +1,42 @@
+import { jsx as c } from "react/jsx-runtime";
+import { ark as e } from "@ark-ui/react/factory";
+import { cn as i } from "../lib/cn.js";
+const a = "skip-nav-content", m = (o) => {
+  const { id: s = a, className: n, children: t, slot: r, ...f } = o;
+  return /* @__PURE__ */ c(
+    e.a,
+    {
+      className: i(
+        "focus:fixed focus:inset-s-4 focus:top-4 focus:z-9999",
+        "focus:px-4 focus:py-2",
+        "focus:bg-primary",
+        "focus:text-primary-foreground focus:text-sm",
+        "sr-only focus:not-sr-only",
+        "focus:rounded-lg",
+        "outline-none focus:ring-[3px] focus:ring-ring",
+        n
+      ),
+      href: `#${s}`,
+      ...f,
+      "data-slot": r ?? "skip-nav-link",
+      children: t ?? "Skip to content"
+    }
+  );
+}, d = (o) => {
+  const { id: s = a, className: n, slot: t, ...r } = o;
+  return /* @__PURE__ */ c(
+    e.div,
+    {
+      className: i("outline-none", n),
+      id: s,
+      tabIndex: -1,
+      ...r,
+      "data-slot": t ?? "skip-nav-content"
+    }
+  );
+};
+export {
+  d as SkipNavContent,
+  m as SkipNavLink
+};
+//# sourceMappingURL=skip-nav.js.map

package/dist/simples/skip-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-nav.js","sources":["../../src/simples/skip-nav.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport type React from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/**\n * Skip navigation — the affordance four places in this library already cite as the reason for\n * exactly one `<main>`, and which nothing implemented until now.\n *\n * ## ARIA contract\n *\n * Ark ships no machine for this, and it is right not to: a skip link is markup plus a focus\n * target, with no state to keep. So the contract is written here, as a bespoke part owes.\n *\n * - **Roles.** `SkipNavLink` is a bare `<a href=\"#…\">` — role `link`, no ARIA attribute of any\n *   kind. `SkipNavContent` declares no role either; when it is the shell's `<main>` (see below)\n *   the landmark is `ShellMain`'s.\n * - **Keyboard.** Tab reaches the link because it is the first focusable element in the document;\n *   Enter activates it. We handle no key: the browser's own fragment navigation does the work,\n *   which is why there is no machine to wrap.\n * - **Announced.** The link's text, and then whatever the target region announces on entry. The\n *   link carries `sr-only`, **not** `hidden` or `aria-hidden` — it is removed from the visual tree\n *   and kept in the accessibility one, which is what lets a sighted keyboard user and a screen\n *   reader user reach the same element. `display: none` would take it out of both and there would\n *   be nothing to tab to.\n * - **`tabIndex={-1}` on the target is the load-bearing half.** Without it a browser scrolls the\n *   id into view and leaves focus on the link, so the user's next Tab walks straight back into the\n *   navigation they just skipped — the exact defect the link exists to remove.\n *\n * ## What we changed from Shark UI, and why\n *\n * - **`data-slot` after `{...rest}`, plus a `slot` prop.** Shark writes the attribute before the\n *   spread, where a caller's own `data-slot` silently wins. Ours is held by\n *   `packages/ui/src/data-slot.test.tsx`.\n * - **The focus ring is the house spelling**, `ring-[3px]`, where Shark's file writes `ring-2`.\n *   Note what this is *not*: Shark's ring here is already solid, so the 1.29:1 measurement that\n *   bought the button's solid ring its divergence does not apply to\n *   this file. What is left is one pixel of width, chosen so the ring matches every other focusable\n *   thing in the library. Appearance is explicitly outside `shark-parity.test.ts`'s claim.\n * - **No `\"use client\"`.** Shark ships the directive; this module calls no hook, registers no\n *   listener and writes no inline handler, so under the client-boundary rule it must not have one and\n *   `packages/ui/src/client-boundary.test.ts` enforces that in both directions.\n *\n * Kept verbatim, and deliberately: `focus:inset-s-4` is already logical (Tailwind v4 compiles it to\n * `inset-inline-start`, verified against 4.3.2 — it is not a dead class), and\n * `sr-only focus:not-sr-only` is the whole mechanism. Neither is ours to improve.\n */\n\n/** The default id, so the link and the target agree without either call site writing a string. */\nconst SKIP_NAV_ID = \"skip-nav-content\";\n\nexport interface SkipNavLinkProps extends React.ComponentProps<typeof ark.a> {\n  /**\n   * The id of the element to skip to. This is the target's id, **not** this anchor's — it becomes\n   * the `href` fragment. Shark's signature, kept.\n   *\n   * @default \"skip-nav-content\"\n   */\n  id?: string;\n}\n\n/**\n * The link itself. Render it as the **first** child of the page — inside `ShellRoot`, above\n * `ShellHeader` — because \"first focusable element\" is the entire specification.\n *\n * Every utility is behind `focus:`, the ring included, and that is the one place this component\n * departs from the library's `focus-visible:` spelling — so it is the one a reader will want to\n * \"fix\". Do not: `focus:not-sr-only` is what reveals the element, and the whole recipe describes\n * one appearance that exists under one condition. Keying the ring to a *different* condition means\n * that wherever the two disagree — a pointer or an assistive-technology activation matches `:focus`\n * and not `:focus-visible` — the element appears as a bare block of primary fill with no boundary\n * against the page behind it.\n */\nexport const SkipNavLink = (props: SkipNavLinkProps) => {\n  const { id = SKIP_NAV_ID, className, children, slot, ...rest } = props;\n\n  return (\n    <ark.a\n      className={cn(\n        \"focus:fixed focus:inset-s-4 focus:top-4 focus:z-9999\",\n        \"focus:px-4 focus:py-2\",\n        \"focus:bg-primary\",\n        \"focus:text-primary-foreground focus:text-sm\",\n        \"sr-only focus:not-sr-only\",\n        \"focus:rounded-lg\",\n        \"outline-none focus:ring-[3px] focus:ring-ring\",\n        className,\n      )}\n      href={`#${id}`}\n      {...rest}\n      data-slot={slot ?? \"skip-nav-link\"}\n    >\n      {children ?? \"Skip to content\"}\n    </ark.a>\n  );\n};\n\nexport interface SkipNavContentProps extends React.ComponentProps<typeof ark.div> {\n  /**\n   * The id `SkipNavLink` targets.\n   *\n   * @default \"skip-nav-content\"\n   */\n  id?: string;\n}\n\n/**\n * The target the link lands on.\n *\n * **In a shell, hand it to `ShellMain` rather than nesting it inside one** —\n * `/docs/layout/skip-nav`:\n *\n * ```tsx\n * <SkipNavContent asChild>\n *   <ShellMain>…</ShellMain>\n * </SkipNavContent>\n * ```\n *\n * The `<main>` then *is* the focus target, one element instead of two, and the landmark a screen\n * reader enters is the one the user asked for. Rendered on its own it is a plain `<div>`, which is\n * what a consumer with no shell needs and all Shark can offer, having no layout layer.\n *\n * `outline-none` is not the focus-ring rule being broken. WCAG 2.4.7 asks for a visible indicator\n * on components in the *keyboard interface*, and a `tabIndex={-1}` region is reachable only by\n * script; drawing a ring around the whole page body on arrival would be noise, not an affordance.\n */\nexport const SkipNavContent = (props: SkipNavContentProps) => {\n  const { id = SKIP_NAV_ID, className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(\"outline-none\", className)}\n      id={id}\n      tabIndex={-1}\n      {...rest}\n      data-slot={slot ?? \"skip-nav-content\"}\n    />\n  );\n};\n"],"names":["SKIP_NAV_ID","SkipNavLink","props","id","className","children","slot","rest","jsx","ark","cn","SkipNavContent"],"mappings":";;;AAgDA,MAAMA,IAAc,oBAwBPC,IAAc,CAACC,MAA4B;AACtD,QAAM,EAAE,IAAAC,IAAKH,GAAa,WAAAI,GAAW,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASL;AAEjE,SACE,gBAAAM;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAEF,MAAM,IAAID,CAAE;AAAA,MACX,GAAGI;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAElB,UAAAD,KAAY;AAAA,IAAA;AAAA,EAAA;AAGnB,GA+BaM,IAAiB,CAACT,MAA+B;AAC5D,QAAM,EAAE,IAAAC,IAAKH,GAAa,WAAAI,GAAW,MAAAE,GAAM,GAAGC,MAASL;AAEvD,SACE,gBAAAM;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC,EAAG,gBAAgBN,CAAS;AAAA,MACvC,IAAAD;AAAA,MACA,UAAU;AAAA,MACT,GAAGI;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/slider.d.ts

@@ -0,0 +1,29 @@
+import { Slider as ArkSlider } from '@ark-ui/react/slider';
+import { default as React } from 'react';
+import { FieldLabel } from './field';
+export declare const useSlider: () => import('@ark-ui/react').UseSliderContext;
+interface SliderProps extends React.ComponentProps<typeof ArkSlider.Root> {
+    /**
+     * The interval between markers.
+     *
+     * @default 1
+     */
+    markerInterval?: number;
+    /**
+     * The labels to show on the markers.
+     *
+     * @default []
+     */
+    markerLabels?: string[];
+    /**
+     * Whether to show markers.
+     *
+     * @default false
+     */
+    showMarkers?: boolean;
+}
+export declare const Slider: (props: SliderProps) => React.JSX.Element;
+export declare const SliderLabel: (props: React.ComponentProps<typeof FieldLabel>) => React.JSX.Element;
+export declare const SliderValue: (props: React.ComponentProps<typeof ArkSlider.ValueText>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/simples/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,SAAS,gDAAmB,CAAC;AAE1C,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;IACvE;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAgBD,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBAyKxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,sBAQzE,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,sBAaxD,CAAC"}