@xjur-ui/react 1.0.6 → 2.1.0

package/dist/components/sheet.js

@@ -1,251 +1,2 @@
-// src/components/sheet.tsx
-import "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cx as cx3 } from "@xjur-ui/util";
-
-// src/components/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva, cx } from "@xjur-ui/util";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  [
-    "outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"
-  ],
-  {
-    variants: {
-      size: {
-        md: "py-small_1x-alt px-medium text-size-body-md",
-        sm: "py-small-1x px-small text-size-label-sm",
-        icon_md: "p-small text-size-body-md h-large-4x w-large-4x",
-        icon_sm: "p-small-1x text-size-label-sm h-large-2x w-large-2x"
-      },
-      variant: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        destructive: "",
-        outlined: "bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"
-      },
-      appearance: {
-        solid: "",
-        ghost: "bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "primary",
-        appearance: "solid",
-        class: "bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"
-      },
-      {
-        variant: "primary",
-        appearance: "ghost",
-        class: "text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"
-      },
-      {
-        variant: "secondary",
-        appearance: "solid",
-        class: "bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"
-      },
-      {
-        variant: "secondary",
-        appearance: "ghost",
-        class: "hover:bg-layer-1-hover active:bg-layer-1-pressed"
-      },
-      {
-        variant: "tertiary",
-        appearance: "solid",
-        class: "bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"
-      },
-      {
-        variant: "tertiary",
-        appearance: "ghost",
-        class: "hover:bg-layer-2-hover active:bg-layer-2-pressed"
-      },
-      {
-        variant: "destructive",
-        appearance: "solid",
-        class: "bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"
-      },
-      {
-        variant: "destructive",
-        appearance: "ghost",
-        class: "text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      variant: "primary",
-      appearance: "solid"
-    }
-  }
-);
-function Button({
-  asChild,
-  className,
-  variant = "primary",
-  size = "md",
-  appearance = "solid",
-  ...props
-}) {
-  const Component = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: cx(buttonVariants({ variant, appearance, size }), className),
-      ...props
-    }
-  );
-}
-
-// src/components/icon.tsx
-import { cx as cx2 } from "@xjur-ui/util";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Icon({ className, filled = false, name, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    "span",
-    {
-      ...props,
-      className: cx2(
-        "material-symbols-outlined",
-        "text-size-body-lg",
-        className
-      ),
-      style: {
-        fontVariationSettings: `'FILL' ${filled ? 1 : 0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,
-        ...props.style
-      },
-      children: name
-    }
-  );
-}
-
-// src/components/sheet.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function SheetRoot({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({
-  children = /* @__PURE__ */ jsx3(Button, { appearance: "ghost", size: "icon_md", variant: "tertiary", children: /* @__PURE__ */ jsx3(Icon, { className: "text-icon-neutral-3", name: "close" }) }),
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props, children });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    SheetPrimitive.Overlay,
-    {
-      className: cx3(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      ),
-      "data-slot": "sheet-overlay",
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  overlay = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    overlay && /* @__PURE__ */ jsx3(SheetOverlay, {}),
-    /* @__PURE__ */ jsx3(
-      SheetPrimitive.Content,
-      {
-        className: cx3(
-          "border-border-layer-2 bg-layer-2-idle data-[state=open]:animate-in data-[state=closed]:animate-out shadow-elevation-2 fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          className
-        ),
-        "data-slot": "sheet-content",
-        ...props,
-        children
-      }
-    )
-  ] });
-}
-function SheetBody({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3("div", { className: cx3("px-large-2x", className), ...props });
-}
-function SheetHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cx3(
-        "py-large px-large-2x border-b-border-layer-2 border-b",
-        className
-      ),
-      "data-slot": "sheet-header",
-      ...props
-    }
-  );
-}
-function SheetFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cx3(
-        "py-large px-large-2x border-t-border-layer-2 mt-auto border-t",
-        className
-      ),
-      "data-slot": "sheet-footer",
-      ...props
-    }
-  );
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    SheetPrimitive.Title,
-    {
-      className: cx3("text-size-title-lg font-medium", className),
-      "data-slot": "sheet-title",
-      ...props
-    }
-  );
-}
-export {
-  SheetBody,
-  SheetClose,
-  SheetContent,
-  SheetFooter,
-  SheetHeader,
-  SheetOverlay,
-  SheetPortal,
-  SheetRoot,
-  SheetTitle,
-  SheetTrigger
-};
+import {b as b$1}from'../chunk-PKCW37CJ.js';import {b as b$2}from'../chunk-WV7QV2PU.js';import'react';import*as e from'@radix-ui/react-dialog';import {cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';function v({...t}){return jsx(e.Root,{"data-slot":"sheet",...t})}function S({...t}){return jsx(e.Trigger,{"data-slot":"sheet-trigger",...t})}function x({children:t=jsx(b$1,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:jsx(b$2,{className:"text-icon-neutral-3",name:"close"})}),...o}){return jsx(e.Close,{"data-slot":"sheet-close",...o,children:t})}function m({...t}){return jsx(e.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...o}){return jsx(e.Overlay,{className:cx("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",t),"data-slot":"sheet-overlay",...o})}function g({className:t,children:o,side:i="right",overlay:l=false,...d}){return jsxs(m,{children:[l&&jsx(p,{}),jsx(e.Content,{className:cx("border-border-layer-2 bg-layer-2-idle data-[state=open]:animate-in data-[state=closed]:animate-out shadow-elevation-2 fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",i==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",i==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",i==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",i==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),"data-slot":"sheet-content",...d,children:o})]})}function b({className:t,...o}){return jsx("div",{className:cx("px-large-2x",t),...o})}function y({className:t,...o}){return jsx("div",{className:cx("py-large px-large-2x border-b-border-layer-2 border-b",t),"data-slot":"sheet-header",...o})}function C({className:t,...o}){return jsx("div",{className:cx("py-large px-large-2x border-t-border-layer-2 mt-auto border-t",t),"data-slot":"sheet-footer",...o})}function R({className:t,...o}){return jsx(e.Title,{className:cx("text-size-title-lg font-medium",t),"data-slot":"sheet-title",...o})}export{b as SheetBody,x as SheetClose,g as SheetContent,C as SheetFooter,y as SheetHeader,p as SheetOverlay,m as SheetPortal,v as SheetRoot,R as SheetTitle,S as SheetTrigger};//# sourceMappingURL=sheet.js.map
+//# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/sheet.tsx"],"names":["SheetRoot","props","jsx","SheetTrigger","SheetClose","children","Button","Icon","SheetPortal","SheetOverlay","className","cx","SheetContent","side","overlay","jsxs","SheetBody","SheetHeader","SheetFooter","SheetTitle"],"mappings":"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","file":"sheet.js","sourcesContent":["import * as React from 'react'\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { cx } from '@xjur-ui/util'\nimport { Button } from './form/button'\nimport { Icon } from './icon'\n\nexport function SheetRoot({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nexport function SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nexport function SheetClose({\n  children = (\n    <Button appearance=\"ghost\" size=\"icon_md\" variant=\"tertiary\">\n      <Icon className=\"text-icon-neutral-3\" name=\"close\" />\n    </Button>\n  ),\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return (\n    <SheetPrimitive.Close data-slot=\"sheet-close\" {...props}>\n      {children}\n    </SheetPrimitive.Close>\n  )\n}\n\nexport function SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nexport function SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      className={cx(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50',\n        className\n      )}\n      data-slot=\"sheet-overlay\"\n      {...props}\n    />\n  )\n}\n\nexport function SheetContent({\n  className,\n  children,\n  side = 'right',\n  overlay = false,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  overlay?: boolean\n}) {\n  return (\n    <SheetPortal>\n      {overlay && <SheetOverlay />}\n      <SheetPrimitive.Content\n        className={cx(\n          'border-border-layer-2 bg-layer-2-idle data-[state=open]:animate-in data-[state=closed]:animate-out shadow-elevation-2 fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nexport function SheetBody({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <div className={cx('px-large-2x', className)} {...props} />\n}\n\nexport function SheetHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'py-large px-large-2x border-b-border-layer-2 border-b',\n        className\n      )}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  )\n}\n\nexport function SheetFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'py-large px-large-2x border-t-border-layer-2 mt-auto border-t',\n        className\n      )}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  )\n}\n\nexport function SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      className={cx('text-size-title-lg font-medium', className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  )\n}\n"]}

package/dist/components/skeleton.js

@@ -1,16 +1,2 @@
-// src/components/skeleton.tsx
-import { cx } from "@xjur-ui/util";
-import { jsx } from "react/jsx-runtime";
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx("bg-layer-skeleton animate-pulse", className),
-      "data-slot": "skeleton",
-      ...props
-    }
-  );
-}
-export {
-  Skeleton
-};
+import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function r({className:o,...e}){return jsx("div",{className:cx("bg-layer-skeleton animate-pulse",o),"data-slot":"skeleton",...e})}export{r as Skeleton};//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/skeleton.tsx"],"names":["Skeleton","className","props","jsx","cx"],"mappings":"mEAGO,SAASA,CAAAA,CAAS,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAA0B,CACvE,OACEC,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWC,EAAAA,CAAG,iCAAA,CAAmCH,CAAS,CAAA,CAC1D,WAAA,CAAU,UAAA,CACT,GAAGC,CAAAA,CACN,CAEJ","file":"skeleton.js","sourcesContent":["import type { ComponentProps } from 'react'\nimport { cx } from '@xjur-ui/util'\n\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx('bg-layer-skeleton animate-pulse', className)}\n      data-slot=\"skeleton\"\n      {...props}\n    />\n  )\n}\n"]}

package/dist/components/status.js

@@ -1,111 +1,2 @@
-// src/components/status.tsx
-import { cva as cva2, cx } from "@xjur-ui/util";
-
-// src/components/typography.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "@xjur-ui/util";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-var typographyVariants = cva("", {
-  variants: {
-    variant: {
-      body: "",
-      label: "",
-      title: "",
-      headline: ""
-    },
-    size: {
-      "sm-2x": "",
-      "sm-1x": "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    weight: {
-      thin: "font-thin",
-      extraLight: "font-extralight",
-      light: "font-light",
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold",
-      extraBold: "font-extrabold",
-      black: "font-black"
-    }
-  },
-  compoundVariants: [
-    { variant: "body", size: "sm-1x", class: "text-size-body-sm-1x" },
-    { variant: "body", size: "sm", class: "text-size-body-sm" },
-    { variant: "body", size: "md", class: "text-size-body-md" },
-    { variant: "body", size: "lg", class: "text-size-body-lg" },
-    { variant: "label", size: "sm-2x", class: "text-size-label-sm-2x" },
-    { variant: "label", size: "sm-1x", class: "text-size-label-sm-1x" },
-    { variant: "label", size: "sm", class: "text-size-label-sm" },
-    { variant: "label", size: "md", class: "text-size-label-md" },
-    { variant: "label", size: "lg", class: "text-size-label-lg" },
-    { variant: "title", size: "sm", class: "text-size-title-sm" },
-    { variant: "title", size: "md", class: "text-size-title-md" },
-    { variant: "title", size: "lg", class: "text-size-title-lg" },
-    { variant: "headline", size: "sm", class: "text-size-headline-sm" },
-    { variant: "headline", size: "md", class: "text-size-headline-md" },
-    { variant: "headline", size: "lg", class: "text-size-headline-lg" }
-  ],
-  defaultVariants: {
-    variant: "body",
-    size: "md",
-    weight: "normal"
-  }
-});
-var Typography = memo(
-  ({
-    variant,
-    size,
-    weight,
-    asChild,
-    className,
-    ...props
-  }) => {
-    const Component = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        className: typographyVariants({ variant, size, weight, className }),
-        ...props
-      }
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-// src/components/status.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var statusVariants = cva2(
-  [
-    "inline-flex items-center justify-center px-small py-small-1x rounded-small-1x text-label-sm font-medium text-neutral-label h-large-2x"
-  ],
-  {
-    variants: {
-      variant: {
-        success: "bg-success-idle",
-        warning: "bg-warning-idle",
-        danger: "bg-danger-idle",
-        neutral: "bg-alt-3"
-      }
-    },
-    defaultVariants: {
-      variant: "neutral"
-    }
-  }
-);
-function Status({
-  text = "Status",
-  variant = "neutral",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: cx(statusVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx2(Typography, { size: "sm", variant: "label", weight: "medium", children: text }) });
-}
-export {
-  Status,
-  statusVariants
-};
+import {a}from'../chunk-EIG6CBTQ.js';import {cva,cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';var o=cva(["inline-flex items-center justify-center px-small py-small-1x rounded-small-1x text-label-sm font-medium text-neutral-label h-large-2x"],{variants:{variant:{success:"bg-success-idle",warning:"bg-warning-idle",danger:"bg-danger-idle",neutral:"bg-alt-3"}},defaultVariants:{variant:"neutral"}});function u({text:e="Status",variant:r="neutral",className:s,...n}){return jsx("div",{className:cx(o({variant:r}),s),...n,children:jsx(a,{size:"sm",variant:"label",weight:"medium",children:e})})}export{u as Status,o as statusVariants};//# sourceMappingURL=status.js.map
+//# sourceMappingURL=status.js.map

package/dist/components/status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/status.tsx"],"names":["statusVariants","cva","Status","text","variant","className","props","jsx","cx","Typography"],"mappings":"4GAIO,IAAMA,CAAAA,CAAiBC,IAC5B,CACE,uIACF,CAAA,CACA,CACE,SAAU,CACR,OAAA,CAAS,CACP,OAAA,CAAS,kBACT,OAAA,CAAS,iBAAA,CACT,MAAA,CAAQ,gBAAA,CACR,QAAS,UACX,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,SACX,CACF,CACF,EAQO,SAASC,CAAAA,CAAO,CACrB,IAAA,CAAAC,CAAAA,CAAO,SACP,OAAA,CAAAC,CAAAA,CAAU,SAAA,CACV,SAAA,CAAAC,EACA,GAAGC,CACL,CAAA,CAAgB,CACd,OACEC,GAAAA,CAAC,KAAA,CAAA,CAAI,UAAWC,EAAAA,CAAGR,CAAAA,CAAe,CAAE,OAAA,CAAAI,CAAQ,CAAC,CAAA,CAAGC,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAC9D,QAAA,CAAAC,IAACE,CAAAA,CAAA,CAAW,IAAA,CAAK,IAAA,CAAK,QAAQ,OAAA,CAAQ,MAAA,CAAO,SAC1C,QAAA,CAAAN,CAAAA,CACH,EACF,CAEJ","file":"status.js","sourcesContent":["import type { ComponentProps } from 'react'\nimport { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { Typography } from './typography'\n\nexport const statusVariants = cva(\n  [\n    'inline-flex items-center justify-center px-small py-small-1x rounded-small-1x text-label-sm font-medium text-neutral-label h-large-2x'\n  ],\n  {\n    variants: {\n      variant: {\n        success: 'bg-success-idle',\n        warning: 'bg-warning-idle',\n        danger: 'bg-danger-idle',\n        neutral: 'bg-alt-3'\n      }\n    },\n    defaultVariants: {\n      variant: 'neutral'\n    }\n  }\n)\n\nexport interface StatusProps\n  extends ComponentProps<'div'>,\n    ClassVariantProps<typeof statusVariants> {\n  text?: string\n}\n\nexport function Status({\n  text = 'Status',\n  variant = 'neutral',\n  className,\n  ...props\n}: StatusProps) {\n  return (\n    <div className={cx(statusVariants({ variant }), className)} {...props}>\n      <Typography size=\"sm\" variant=\"label\" weight=\"medium\">\n        {text}\n      </Typography>\n    </div>\n  )\n}\n"]}

package/dist/components/table.js

@@ -1,196 +1,2 @@
-// src/components/table.tsx
-import { cx as cx2 } from "@xjur-ui/util";
-
-// src/components/icon.tsx
-import { cx } from "@xjur-ui/util";
-import { jsx } from "react/jsx-runtime";
-function Icon({ className, filled = false, name, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ...props,
-      className: cx(
-        "material-symbols-outlined",
-        "text-size-body-lg",
-        className
-      ),
-      style: {
-        fontVariationSettings: `'FILL' ${filled ? 1 : 0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,
-        ...props.style
-      },
-      children: name
-    }
-  );
-}
-
-// src/components/table.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: "text-size-body-md scrollbar-thin relative w-full overflow-hidden transition-all hover:overflow-x-auto",
-      "data-slot": "table-container",
-      children: /* @__PURE__ */ jsx2(
-        "table",
-        {
-          className: cx2("w-full caption-bottom", className),
-          "data-slot": "table",
-          ...props
-        }
-      )
-    }
-  );
-}
-function TableHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "thead",
-    {
-      className: cx2(
-        "group/table-header [&_tr]:border-border-layer-2 hover:bg-layer-2-hover [&_tr]:border-b",
-        className
-      ),
-      "data-slot": "table-header",
-      ...props
-    }
-  );
-}
-function TableBody({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "tbody",
-    {
-      className: cx2(
-        "[&_tr]:border-border-layer-2 [&_tr]:border-b [&_tr:last-child]:border-0",
-        className
-      ),
-      "data-slot": "table-body",
-      ...props
-    }
-  );
-}
-function TableFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "tfoot",
-    {
-      className: cx2(
-        "border-border-layer-2 border-t font-medium [&>tr]:last:border-b-0",
-        className
-      ),
-      "data-slot": "table-footer",
-      ...props
-    }
-  );
-}
-function TableRow({
-  className,
-  isSelected = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "tr",
-    {
-      className: cx2(
-        "bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100",
-        "active:bg-layer-2-pressed",
-        "data-[selected=true]:bg-primary-alt-active",
-        className
-      ),
-      "data-selected": isSelected,
-      "data-slot": "table-row",
-      ...props
-    }
-  );
-}
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    "th",
-    {
-      className: cx2(
-        "group/th text-neutral-placeholder text-size-label-sm h-large-4x py-small-1x px-small text-left align-middle font-medium whitespace-nowrap",
-        "pr-large-2x relative",
-        "animate-in fade-in duration-200 ease-in",
-        className
-      ),
-      "data-slot": "table-head",
-      ...props
-    }
-  );
-}
-function TableHeadContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cx2(
-        "gap-small pr-large-3x relative flex w-fit items-center",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableSort({
-  className,
-  sortedDirection,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "button",
-    {
-      className: cx2(
-        "size-large-1x rounded-small-1x",
-        "flex cursor-pointer items-center justify-center",
-        "hidden group-hover/th:flex",
-        "data-[sorted=true]:flex",
-        "transition-all duration-200 ease-out",
-        "data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active",
-        "absolute top-1/2 right-0 -translate-y-1/2",
-        className
-      ),
-      "data-sorted": sortedDirection !== void 0,
-      type: "button",
-      ...props,
-      children: sortedDirection !== void 0 ? /* @__PURE__ */ jsx2(
-        Icon,
-        {
-          name: sortedDirection === "asc" ? "arrow_downward" : "arrow_upward"
-        }
-      ) : /* @__PURE__ */ jsx2(Icon, { name: "swap_vert" })
-    }
-  );
-}
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    "td",
-    {
-      className: cx2(
-        "px-small py-none h-large-8x text-left align-middle whitespace-nowrap",
-        className
-      ),
-      "data-slot": "table-cell",
-      ...props
-    }
-  );
-}
-export {
-  Table,
-  TableBody,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeadContent,
-  TableHeader,
-  TableRow,
-  TableSort
-};
+import {b as b$1}from'../chunk-WV7QV2PU.js';import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function s({className:t,...e}){return jsx("div",{className:"text-size-body-md scrollbar-thin relative w-full overflow-hidden transition-all hover:overflow-x-auto","data-slot":"table-container",children:jsx("table",{className:cx("w-full caption-bottom",t),"data-slot":"table",...e})})}function i({className:t,...e}){return jsx("thead",{className:cx("group/table-header [&_tr]:border-border-layer-2 hover:bg-layer-2-hover [&_tr]:border-b",t),"data-slot":"table-header",...e})}function b({className:t,...e}){return jsx("tbody",{className:cx("[&_tr]:border-border-layer-2 [&_tr]:border-b [&_tr:last-child]:border-0",t),"data-slot":"table-body",...e})}function p({className:t,...e}){return jsx("tfoot",{className:cx("border-border-layer-2 border-t font-medium [&>tr]:last:border-b-0",t),"data-slot":"table-footer",...e})}function c({className:t,isSelected:e=false,...o}){return jsx("tr",{className:cx("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),"data-selected":e,"data-slot":"table-row",...o})}function u({className:t,...e}){return jsx("th",{className:cx("group/th text-neutral-placeholder text-size-label-sm h-large-4x py-small-1x px-small text-left align-middle font-medium whitespace-nowrap","pr-large-2x relative","animate-in fade-in duration-200 ease-in",t),"data-slot":"table-head",...e})}function m({className:t,...e}){return jsx("div",{className:cx("gap-small pr-large-3x relative flex w-fit items-center",t),...e})}function f({className:t,sortedDirection:e,...o}){return jsx("button",{className:cx("size-large-1x rounded-small-1x","flex cursor-pointer items-center justify-center","hidden group-hover/th:flex","data-[sorted=true]:flex","transition-all duration-200 ease-out","data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active","absolute top-1/2 right-0 -translate-y-1/2",t),"data-sorted":e!==void 0,type:"button",...o,children:e!==void 0?jsx(b$1,{name:e==="asc"?"arrow_downward":"arrow_upward"}):jsx(b$1,{name:"swap_vert"})})}function x({className:t,...e}){return jsx("td",{className:cx("px-small py-none h-large-8x text-left align-middle whitespace-nowrap",t),"data-slot":"table-cell",...e})}export{s as Table,b as TableBody,x as TableCell,p as TableFooter,u as TableHead,m as TableHeadContent,i as TableHeader,c as TableRow,f as TableSort};//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table.tsx"],"names":["Table","className","props","jsx","cx","TableHeader","TableBody","TableFooter","TableRow","isSelected","TableHead","TableHeadContent","TableSort","sortedDirection","Icon","TableCell"],"mappings":"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","file":"table.js","sourcesContent":["import { cx } from '@xjur-ui/util'\nimport { Icon } from './icon'\n\nexport function Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <div\n      className=\"text-size-body-md scrollbar-thin relative w-full overflow-hidden transition-all hover:overflow-x-auto\"\n      data-slot=\"table-container\"\n    >\n      <table\n        className={cx('w-full caption-bottom', className)}\n        data-slot=\"table\"\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport function TableHeader({\n  className,\n  ...props\n}: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      className={cx(\n        'group/table-header [&_tr]:border-border-layer-2 hover:bg-layer-2-hover [&_tr]:border-b',\n        className\n      )}\n      data-slot=\"table-header\"\n      {...props}\n    />\n  )\n}\n\nexport function TableBody({\n  className,\n  ...props\n}: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      className={cx(\n        '[&_tr]:border-border-layer-2 [&_tr]:border-b [&_tr:last-child]:border-0',\n        className\n      )}\n      data-slot=\"table-body\"\n      {...props}\n    />\n  )\n}\n\nexport function TableFooter({\n  className,\n  ...props\n}: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      className={cx(\n        'border-border-layer-2 border-t font-medium [&>tr]:last:border-b-0',\n        className\n      )}\n      data-slot=\"table-footer\"\n      {...props}\n    />\n  )\n}\n\nexport function TableRow({\n  className,\n  isSelected = false,\n  ...props\n}: React.ComponentProps<'tr'> & { isSelected?: boolean }) {\n  return (\n    <tr\n      className={cx(\n        'bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100',\n        'active:bg-layer-2-pressed',\n        'data-[selected=true]:bg-primary-alt-active',\n        className\n      )}\n      data-selected={isSelected}\n      data-slot=\"table-row\"\n      {...props}\n    />\n  )\n}\n\nexport function TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      className={cx(\n        'group/th text-neutral-placeholder text-size-label-sm h-large-4x py-small-1x px-small text-left align-middle font-medium whitespace-nowrap',\n        'pr-large-2x relative',\n        'animate-in fade-in duration-200 ease-in',\n        className\n      )}\n      data-slot=\"table-head\"\n      {...props}\n    />\n  )\n}\n\nexport function TableHeadContent({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'gap-small pr-large-3x relative flex w-fit items-center',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function TableSort({\n  className,\n  sortedDirection,\n  ...props\n}: React.ComponentProps<'button'> & { sortedDirection?: 'asc' | 'desc' }) {\n  return (\n    <button\n      className={cx(\n        'size-large-1x rounded-small-1x',\n        'flex cursor-pointer items-center justify-center',\n        'hidden group-hover/th:flex',\n        'data-[sorted=true]:flex',\n        'transition-all duration-200 ease-out',\n        'data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active',\n        'absolute top-1/2 right-0 -translate-y-1/2',\n        className\n      )}\n      data-sorted={sortedDirection !== undefined}\n      type=\"button\"\n      {...props}\n    >\n      {sortedDirection !== undefined ? (\n        <Icon\n          name={sortedDirection === 'asc' ? 'arrow_downward' : 'arrow_upward'}\n        />\n      ) : (\n        <Icon name=\"swap_vert\" />\n      )}\n    </button>\n  )\n}\n\nexport function TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      className={cx(\n        'px-small py-none h-large-8x text-left align-middle whitespace-nowrap',\n        className\n      )}\n      data-slot=\"table-cell\"\n      {...props}\n    />\n  )\n}\n"]}

package/dist/components/tabs.d.ts

@@ -1,11 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-declare function TabsRoot({ ...props }: React.ComponentProps<typeof TabsPrimitive.Tabs>): react_jsx_runtime.JSX.Element;
-declare function TabsList({ ...props }: React.ComponentProps<typeof TabsPrimitive.TabsList>): react_jsx_runtime.JSX.Element;
-declare function TabsTrigger({ variant, className, ...props }: React.ComponentProps<typeof TabsPrimitive.TabsTrigger> & {
+declare function TabsRoot(props: React.ComponentProps<typeof TabsPrimitive.Tabs>): react_jsx_runtime.JSX.Element;
+type TabsListProps = React.ComponentProps<typeof TabsPrimitive.TabsList>;
+declare function TabsList({ className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
+interface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.TabsTrigger> {
     variant?: 'line' | 'button';
-}): react_jsx_runtime.JSX.Element;
-declare function TabsContent({ ...props }: React.ComponentProps<typeof TabsPrimitive.TabsContent>): react_jsx_runtime.JSX.Element;
+}
+declare function TabsTrigger({ variant, className, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
+declare function TabsContent(props: React.ComponentProps<typeof TabsPrimitive.TabsContent>): react_jsx_runtime.JSX.Element;
 
-export { TabsContent, TabsList, TabsRoot, TabsTrigger };
+export { TabsContent, TabsList, type TabsListProps, TabsRoot, TabsTrigger, type TabsTriggerProps };