@xjur-ui/react 1.0.6 → 2.0.0

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 };

package/dist/components/tabs.js

@@ -1,54 +1,2 @@
-// src/components/tabs.tsx
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cva, cx } from "@xjur-ui/util";
-import { jsx } from "react/jsx-runtime";
-function TabsRoot({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TabsPrimitive.Tabs, { ...props });
-}
-function TabsList2({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TabsPrimitive.TabsList, { ...props });
-}
-function TabsTrigger2({
-  variant,
-  className,
-  ...props
-}) {
-  const variants = cva(
-    [
-      "rounded-small-1x h-large-4x cursor-pointer text-size-label-md text-neutral-dark"
-    ],
-    {
-      variants: {
-        variant: {
-          line: "py-small_1x-alt px-small data-[state=active]:border-b-[3px] data-[state=active]:border-b-primary-active data-[state=active]:rounded-none hover:bg-layer-2-hover",
-          button: "rounded-br-none rounded-bl-none py-small_1x-alt px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-label-active"
-        }
-      },
-      defaultVariants: {
-        variant: "button"
-      }
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.TabsTrigger,
-    {
-      className: cx(className, variants({ variant })),
-      ...props
-    }
-  );
-}
-function TabsContent2({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TabsPrimitive.TabsContent, { ...props });
-}
-export {
-  TabsContent2 as TabsContent,
-  TabsList2 as TabsList,
-  TabsRoot,
-  TabsTrigger2 as TabsTrigger
-};
+import'react';import*as t from'@radix-ui/react-tabs';import {tv}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';var s=tv({slots:{list:"flex items-center gap-0",trigger:"inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x font-medium cursor-pointer transition-colors !text-size-label-md disabled:opacity-38 disabled:pointer-events-none",content:""},variants:{variant:{line:{trigger:"rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent hover:bg-layer-2-hover data-[state=active]:text-primary-active data-[state=active]:border-b-primary-active data-[state=active]:rounded-none data-[state=active]:bg-transparent"},button:{trigger:"rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active"}}},defaultVariants:{variant:"button"}});function p(e){return jsx(t.Tabs,{...e})}function m({className:e,...a}){let{list:i}=s({});return jsx(t.TabsList,{className:i({className:e}),...a})}function c({variant:e,className:a,...i}){let{trigger:n}=s({variant:e});return jsx(t.TabsTrigger,{className:n({className:a}),...i})}function d(e){let{content:a}=s();return jsx(t.TabsContent,{className:a(),...e})}export{d as TabsContent,m as TabsList,p as TabsRoot,c as TabsTrigger};//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs.tsx"],"names":["tabsStyles","tv","TabsRoot","props","jsx","TabsList","className","list","TabsTrigger","variant","trigger","TabsContent","content"],"mappings":"wHAIA,IAAMA,CAAAA,CAAaC,EAAAA,CAAG,CACpB,KAAA,CAAO,CACL,IAAA,CAAM,yBAAA,CACN,OAAA,CACE,yMAAA,CAGF,OAAA,CAAS,EACX,EACA,QAAA,CAAU,CACR,OAAA,CAAS,CACP,KAAM,CACJ,OAAA,CACE,uPAKJ,CAAA,CACA,OAAQ,CACN,OAAA,CACE,wNAIJ,CACF,CACF,CAAA,CACA,eAAA,CAAiB,CACf,QAAS,QACX,CACF,CAAC,CAAA,CAEM,SAASC,CAAAA,CACdC,CAAAA,CACA,CACA,OAAOC,IAAe,CAAA,CAAA,IAAA,CAAd,CAAoB,GAAGD,CAAAA,CAAO,CACxC,CAIO,SAASE,CAAAA,CAAS,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGH,CAAM,EAAkB,CAC/D,GAAM,CAAE,IAAA,CAAAI,CAAK,CAAA,CAAIP,CAAAA,CAAW,EAAE,CAAA,CAC9B,OAAOI,GAAAA,CAAe,CAAA,CAAA,QAAA,CAAd,CAAuB,SAAA,CAAWG,CAAAA,CAAK,CAAE,SAAA,CAAAD,CAAU,CAAC,CAAA,CAAI,GAAGH,CAAAA,CAAO,CAC5E,CAOO,SAASK,CAAAA,CAAY,CAC1B,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAH,CAAAA,CACA,GAAGH,CACL,CAAA,CAAqB,CACnB,GAAM,CAAE,OAAA,CAAAO,CAAQ,CAAA,CAAIV,CAAAA,CAAW,CAAE,OAAA,CAAAS,CAAQ,CAAC,CAAA,CAC1C,OACEL,GAAAA,CAAe,CAAA,CAAA,WAAA,CAAd,CAA0B,UAAWM,CAAAA,CAAQ,CAAE,SAAA,CAAAJ,CAAU,CAAC,CAAA,CAAI,GAAGH,CAAAA,CAAO,CAE7E,CAEO,SAASQ,CAAAA,CACdR,CAAAA,CACA,CACA,GAAM,CAAE,OAAA,CAAAS,CAAQ,CAAA,CAAIZ,GAAW,CAC/B,OAAOI,GAAAA,CAAe,CAAA,CAAA,WAAA,CAAd,CAA0B,SAAA,CAAWQ,CAAAA,EAAQ,CAAI,GAAGT,EAAO,CACrE","file":"tabs.js","sourcesContent":["import * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { tv } from '@xjur-ui/util'\n\nconst tabsStyles = tv({\n  slots: {\n    list: 'flex items-center gap-0',\n    trigger:\n      'inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x ' +\n      'font-medium cursor-pointer transition-colors !text-size-label-md ' +\n      'disabled:opacity-38 disabled:pointer-events-none',\n    content: ''\n  },\n  variants: {\n    variant: {\n      line: {\n        trigger:\n          'rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent ' +\n          'hover:bg-layer-2-hover ' +\n          'data-[state=active]:text-primary-active ' +\n          'data-[state=active]:border-b-primary-active ' +\n          'data-[state=active]:rounded-none data-[state=active]:bg-transparent'\n      },\n      button: {\n        trigger:\n          'rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large ' +\n          'bg-primary-idle text-neutral-label ' +\n          'hover:bg-primary-hover ' +\n          'data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active'\n      }\n    }\n  },\n  defaultVariants: {\n    variant: 'button'\n  }\n})\n\nexport function TabsRoot(\n  props: React.ComponentProps<typeof TabsPrimitive.Tabs>\n) {\n  return <TabsPrimitive.Tabs {...props} />\n}\n\nexport type TabsListProps = React.ComponentProps<typeof TabsPrimitive.TabsList>\n\nexport function TabsList({ className, ...props }: TabsListProps) {\n  const { list } = tabsStyles({})\n  return <TabsPrimitive.TabsList className={list({ className })} {...props} />\n}\n\nexport interface TabsTriggerProps\n  extends React.ComponentProps<typeof TabsPrimitive.TabsTrigger> {\n  variant?: 'line' | 'button'\n}\n\nexport function TabsTrigger({\n  variant,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const { trigger } = tabsStyles({ variant })\n  return (\n    <TabsPrimitive.TabsTrigger className={trigger({ className })} {...props} />\n  )\n}\n\nexport function TabsContent(\n  props: React.ComponentProps<typeof TabsPrimitive.TabsContent>\n) {\n  const { content } = tabsStyles()\n  return <TabsPrimitive.TabsContent className={content()} {...props} />\n}\n"]}

package/dist/components/tag.d.ts

@@ -8,7 +8,9 @@ import { Icon, IconType } from './icon.js';
 declare const tagVariants: (props?: ({
     variant?: "primary" | "neutral" | "danger" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function TagRoot({ className, variant, ...props }: ComponentProps<'div'> & ClassVariantProps<typeof tagVariants>): react_jsx_runtime.JSX.Element;
+declare function TagRoot({ className, variant, disabled, ...props }: ComponentProps<'div'> & ClassVariantProps<typeof tagVariants> & {
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function TagText({ variant, size, weight, className, ...props }: ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
 declare function TagIcon({ className, ...props }: ComponentProps<typeof Icon>): react_jsx_runtime.JSX.Element;
 declare function TagClose({ className, children, ...props }: ComponentProps<'button'> & {

package/dist/components/tag.js

@@ -1,189 +1,2 @@
-// src/components/tag.tsx
-import { cva as cva2, cx as cx2 } from "@xjur-ui/util";
-import "react";
-
-// 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/icon.tsx
-import { cx } 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: 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/tag.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var tagVariants = cva2(
-  [
-    "group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt",
-    "transition-all duration-200"
-  ],
-  {
-    variants: {
-      variant: {
-        primary: "bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",
-        danger: "bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",
-        neutral: "bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-);
-function TagRoot({
-  className,
-  variant = "primary",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3("div", { className: cx2(tagVariants({ variant }), className), ...props });
-}
-function TagText({
-  variant = "label",
-  size = "sm-1x",
-  weight = "medium",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    Typography,
-    {
-      className: cx2(className, "truncate"),
-      size,
-      variant,
-      weight,
-      ...props
-    }
-  );
-}
-function TagIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    Icon,
-    {
-      className: (cx2(
-        "text-size-body-md",
-        "group-data-[variant=primary]:text-primary-label-idle",
-        "group-data-[variant=danger]:text-danger-label-idle",
-        "group-data-[variant=neutral]:text-icon-neutral-3"
-      ), className),
-      ...props
-    }
-  );
-}
-function TagClose({
-  className,
-  children = /* @__PURE__ */ jsx3(TagIcon, { name: "close" }),
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      className: cx2(
-        className,
-        "cursor-pointer bg-inherit",
-        "invisible items-center justify-center group-hover/tag:visible",
-        "absolute top-0 right-0",
-        "h-large-2x w-large-2x rounded-circle",
-        "transition-[visibility] duration-200"
-      ),
-      type: "button",
-      ...props,
-      children
-    }
-  );
-}
-export {
-  TagClose,
-  TagIcon,
-  TagRoot,
-  TagText
-};
+import {a}from'../chunk-EIG6CBTQ.js';import {b}from'../chunk-SHHXKVVR.js';import {cva,cx}from'@xjur-ui/util';import'react';import {jsx}from'react/jsx-runtime';var d=cva(["group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function c({className:a,variant:t="primary",disabled:e=false,...n}){return jsx("div",{className:cx(d({variant:t}),a),"data-disabled":e,...n})}function v({variant:a$1="label",size:t="sm-1x",weight:e="medium",className:n,...p}){return jsx(a,{className:cx(n,"truncate"),size:t,variant:a$1,weight:e,...p})}function m({className:a,...t}){return jsx(b,{className:(cx("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),a),...t})}function x({className:a,children:t=jsx(m,{name:"close"}),...e}){return jsx("button",{className:cx(a,"cursor-pointer bg-inherit","invisible items-center justify-center group-hover/tag:data-[disabled=false]:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),type:"button",...e,children:t})}export{x as TagClose,m as TagIcon,c as TagRoot,v as TagText};//# sourceMappingURL=tag.js.map
+//# sourceMappingURL=tag.js.map

package/dist/components/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tag.tsx"],"names":["tagVariants","cva","TagRoot","className","variant","disabled","props","jsx","cx","TagText","size","weight","Typography","TagIcon","Icon","TagClose","children"],"mappings":"+JAKA,IAAMA,CAAAA,CAAcC,GAAAA,CAClB,CACE,0GAAA,CACA,6BACF,EACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CACE,wEAAA,CACF,OACE,qEAAA,CACF,OAAA,CAAS,0DACX,CACF,CAAA,CACA,eAAA,CAAiB,CACf,QAAS,SACX,CACF,CACF,CAAA,CAEO,SAASC,EAAQ,CACtB,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EAAU,SAAA,CACV,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,GAAGC,CACL,CAAA,CACkE,CAChE,OACEC,IAAC,KAAA,CAAA,CACC,SAAA,CAAWC,GAAGR,CAAAA,CAAY,CAAE,QAAAI,CAAQ,CAAC,CAAA,CAAGD,CAAS,EACjD,eAAA,CAAeE,CAAAA,CACd,GAAGC,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAQ,CACtB,OAAA,CAAAL,IAAU,OAAA,CACV,IAAA,CAAAM,EAAO,OAAA,CACP,MAAA,CAAAC,EAAS,QAAA,CACT,SAAA,CAAAR,CAAAA,CACA,GAAGG,CACL,CAAA,CAAsC,CACpC,OACEC,GAAAA,CAACK,EAAA,CACC,SAAA,CAAWJ,EAAAA,CAAGL,CAAAA,CAAW,UAAU,CAAA,CACnC,IAAA,CAAMO,EACN,OAAA,CAASN,GAAAA,CACT,OAAQO,CAAAA,CACP,GAAGL,CAAAA,CACN,CAEJ,CAEO,SAASO,CAAAA,CAAQ,CAAE,SAAA,CAAAV,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CAC5E,OACEC,IAACO,CAAAA,CAAA,CACC,WACGN,EAAAA,CACC,mBAAA,CACA,uDACA,oDAAA,CACA,kDACF,CAAA,CACAL,CAAAA,CAAAA,CAED,GAAGG,CAAAA,CACN,CAEJ,CAEO,SAASS,EAAS,CACvB,SAAA,CAAAZ,CAAAA,CACA,QAAA,CAAAa,EAAWT,GAAAA,CAACM,CAAAA,CAAA,CAAQ,IAAA,CAAK,OAAA,CAAQ,EACjC,GAAGP,CACL,CAAA,CAAmD,CACjD,OACEC,GAAAA,CAAC,QAAA,CAAA,CACC,UAAWC,EAAAA,CACTL,CAAAA,CACA,4BACA,qFAAA,CACA,wBAAA,CACA,sCAAA,CACA,sCACF,EACA,IAAA,CAAK,QAAA,CACJ,GAAGG,CAAAA,CAEH,QAAA,CAAAU,EACH,CAEJ","file":"tag.js","sourcesContent":["import { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { type ComponentProps } from 'react'\nimport { Typography } from './typography'\nimport { Icon, type IconType } from './icon'\n\nconst tagVariants = cva(\n  [\n    'group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt',\n    'transition-all duration-200'\n  ],\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover',\n        danger:\n          'bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover',\n        neutral: 'bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover'\n      }\n    },\n    defaultVariants: {\n      variant: 'primary'\n    }\n  }\n)\n\nexport function TagRoot({\n  className,\n  variant = 'primary',\n  disabled = false,\n  ...props\n}: ComponentProps<'div'> &\n  ClassVariantProps<typeof tagVariants> & { disabled?: boolean }) {\n  return (\n    <div\n      className={cx(tagVariants({ variant }), className)}\n      data-disabled={disabled}\n      {...props}\n    />\n  )\n}\n\nexport function TagText({\n  variant = 'label',\n  size = 'sm-1x',\n  weight = 'medium',\n  className,\n  ...props\n}: ComponentProps<typeof Typography>) {\n  return (\n    <Typography\n      className={cx(className, 'truncate')}\n      size={size}\n      variant={variant}\n      weight={weight}\n      {...props}\n    />\n  )\n}\n\nexport function TagIcon({ className, ...props }: ComponentProps<typeof Icon>) {\n  return (\n    <Icon\n      className={\n        (cx(\n          'text-size-body-md',\n          'group-data-[variant=primary]:text-primary-label-idle',\n          'group-data-[variant=danger]:text-danger-label-idle',\n          'group-data-[variant=neutral]:text-icon-neutral-3'\n        ),\n        className)\n      }\n      {...props}\n    />\n  )\n}\n\nexport function TagClose({\n  className,\n  children = <TagIcon name=\"close\" />,\n  ...props\n}: ComponentProps<'button'> & { name?: IconType }) {\n  return (\n    <button\n      className={cx(\n        className,\n        'cursor-pointer bg-inherit',\n        'invisible items-center justify-center group-hover/tag:data-[disabled=false]:visible',\n        'absolute top-0 right-0',\n        'h-large-2x w-large-2x rounded-circle',\n        'transition-[visibility] duration-200'\n      )}\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n"]}

package/dist/components/tooltip.js

@@ -1,58 +1,2 @@
-// src/components/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cx } from "@xjur-ui/util";
-import { jsx } from "react/jsx-runtime";
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 1,
-  variant = "simple",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    TooltipPrimitive.Content,
-    {
-      className: cx(
-        "text-size-body-sm text-balance",
-        "data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x",
-        "data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border",
-        "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",
-        className
-      ),
-      "data-slot": "tooltip-content",
-      "data-variant": variant,
-      sideOffset,
-      ...props,
-      children
-    }
-  ) });
-}
-export {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-};
+export{b as Tooltip,d as TooltipContent,a as TooltipProvider,c as TooltipTrigger}from'../chunk-NELCN6E2.js';//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.js"}

package/dist/components/typography.js

@@ -1,78 +1,2 @@
-// 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";
-export {
-  Typography
-};
+export{a as Typography}from'../chunk-EIG6CBTQ.js';//# sourceMappingURL=typography.js.map
+//# sourceMappingURL=typography.js.map

package/dist/components/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"typography.js"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+type OS = 'ios' | 'macos' | 'windows' | 'android' | 'linux' | 'unknown';
+declare function useOS(): {
+    os: OS;
+    shortcut: string;
+};
+
+export { useOS };

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export{a as useOS}from'../chunk-KS6WGBHQ.js';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}