@xjur-ui/react 1.0.6 → 2.1.0

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

@@ -3,12 +3,15 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { ClassVariantProps } from '@xjur-ui/util';
 import { ComponentProps } from 'react';
 import { Typography } from './typography.js';
-import { Icon, IconType } from './icon.js';
+import { Icon } from './icon.js';
+import { I as IconType } from '../icons-CmDuL0gZ.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 {b}from'../chunk-WV7QV2PU.js';import {a}from'../chunk-EIG6CBTQ.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/components/upload.d.ts

@@ -0,0 +1,74 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { ClassVariantProps } from '@xjur-ui/util';
+
+interface FileFormat {
+    name: string;
+    type: string;
+    fileBinary: File;
+    restrict?: boolean;
+    description?: string;
+    fileType?: string;
+}
+interface FileTypeOption {
+    value: string;
+    label: string;
+}
+interface UploadRootProps extends ComponentProps<'div'> {
+    files: FileFormat[];
+    onFilesChange?: (files: FileFormat[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+    acceptedFormats?: string[];
+}
+declare function UploadRoot({ children, className, files, onFilesChange, accept, multiple, disabled, maxFiles, maxSize, acceptedFormats, ...props }: UploadRootProps): react_jsx_runtime.JSX.Element;
+declare const uploadAreaVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "oneLine" | null | undefined;
+    showButton?: boolean | null | undefined;
+    variant?: "default" | "transparent" | "minimal" | "oneLineWhite" | "oneLineTransparent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface UploadAreaProps extends Omit<ComponentProps<'div'>, 'onChange'>, ClassVariantProps<typeof uploadAreaVariants> {
+    showAcceptedFormats?: boolean;
+    buttonText?: string;
+    description?: string;
+    icon?: string;
+    showButton?: boolean;
+}
+declare function UploadArea({ className, size, showButton, variant, showAcceptedFormats, buttonText, description, icon, ...props }: UploadAreaProps): react_jsx_runtime.JSX.Element;
+declare function UploadTitle({ children, className, ...props }: ComponentProps<'h3'>): react_jsx_runtime.JSX.Element;
+interface UploadAreaContentProps extends ComponentProps<'div'> {
+    description?: string;
+    icon?: string;
+    showAcceptedFormats?: boolean;
+    buttonText?: string;
+    showButton?: boolean;
+    onButtonClick?: () => void;
+    variant?: 'default' | 'transparent' | 'minimal' | 'oneLineWhite' | 'oneLineTransparent';
+}
+declare function UploadAreaContent({ description, icon, showAcceptedFormats, buttonText, showButton, onButtonClick, variant, className, ...props }: UploadAreaContentProps): react_jsx_runtime.JSX.Element;
+interface UploadAreaTriggerProps extends ComponentProps<'div'> {
+    fileInputRef?: React.RefObject<HTMLInputElement | null>;
+}
+declare function UploadAreaTrigger({ children, fileInputRef, ...props }: UploadAreaTriggerProps): react_jsx_runtime.JSX.Element;
+interface EditableFilesListProps {
+    fileTypeOptions?: FileTypeOption[];
+    onUpdateFile?: (index: number, file: Partial<FileFormat>) => void;
+    onDeleteFile?: (index: number) => void;
+    onReorderFiles?: (fromIndex: number, toIndex: number) => void;
+    className?: string;
+}
+declare function EditableFilesList({ fileTypeOptions, onUpdateFile, onDeleteFile, className, ...props }: EditableFilesListProps): react_jsx_runtime.JSX.Element | null;
+declare const Upload: {
+    Root: typeof UploadRoot;
+    Area: typeof UploadArea;
+    Title: typeof UploadTitle;
+    AreaContent: typeof UploadAreaContent;
+    AreaTrigger: typeof UploadAreaTrigger;
+    EditableList: typeof EditableFilesList;
+};
+
+export { EditableFilesList, type EditableFilesListProps, type FileFormat, type FileTypeOption, Upload, UploadArea, UploadAreaContent, type UploadAreaContentProps, type UploadAreaProps, UploadAreaTrigger, type UploadAreaTriggerProps, UploadRoot, type UploadRootProps, UploadTitle, uploadAreaVariants };

package/dist/components/upload.js

@@ -0,0 +1,2 @@
+import {b as b$3,c as c$1,h,l}from'../chunk-AA6V5YEC.js';import {a}from'../chunk-Z47R2CIM.js';import {b as b$2,c,g}from'../chunk-2CM3SFOY.js';import'../chunk-TSVURBUY.js';import'../chunk-IRHU7PDO.js';import'../chunk-CBFC4QME.js';import'../chunk-KIFR5VIE.js';import {b as b$1}from'../chunk-PKCW37CJ.js';import {b}from'../chunk-WV7QV2PU.js';import'../chunk-EIG6CBTQ.js';import {createContext,useState,useRef,useCallback,useContext}from'react';import {cva,cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';var q=createContext(null);function T(){let l=useContext(q);if(!l)throw new Error("Upload components must be used within UploadRoot");return l}function te({children:l,className:n,files:d,onFilesChange:c,accept:m,multiple:o=false,disabled:u=false,maxFiles:b=1,maxSize:x,acceptedFormats:f=[".jpeg",".png",".webp"],...v}){return jsx(q.Provider,{value:{files:d,onFilesChange:c,accept:m,multiple:o,disabled:u,maxFiles:b,maxSize:x,acceptedFormats:f},children:jsx("div",{className:cx("flex flex-col gap-4",n),...v,children:l})})}var ae=cva(["flex flex-col items-center justify-center","relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer","hover:border-border-layer-2 hover:bg-transparent","focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20","data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10"],{variants:{size:{large:"p-6 min-h-[200px] ",medium:"p-6 min-h-[160px]",small:"p-6 min-h-[130px]",oneLine:"p-4 min-h-[18px]"},showButton:{true:"",false:""},variant:{default:"bg-white",transparent:"bg-transparent",minimal:"bg-white",oneLineWhite:"bg-white",oneLineTransparent:"bg-transparent"}},compoundVariants:[{size:"large",showButton:true},{size:"medium",showButton:true},{size:"small",showButton:true},{variant:"oneLineWhite",showButton:false,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:false,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:true}});function re({className:l,size:n="large",showButton:d=true,variant:c="default",showAcceptedFormats:m=true,buttonText:o="Selecionar arquivo",description:u="Clique ou solte os arquivos para fazer o upload",icon:b="upload",...x}){let{onFilesChange:f,accept:v,multiple:r,disabled:a,maxFiles:t,maxSize:F,acceptedFormats:E}=T(),[W,P]=useState(false),w=useRef(null),[U,D]=useState(0),N=useCallback(i=>{let s=i;return t&&t>0&&(s=s.slice(0,t)),F&&(s=s.filter(p=>p.size<=F)),v&&(s=s.filter(p=>{let Q=`.${p.name.split(".").pop()?.toLowerCase()}`;return E?.some(L=>L.startsWith(".")?L===Q:p.type.includes(L))})),s.map(p=>({name:p.name,type:p.type,fileBinary:p,restrict:false}))},[t,F,v,E]),_=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s+1),P(true);},[]),K=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s-1),U<=1&&P(false);},[U]),$=useCallback(i=>{i.preventDefault(),i.stopPropagation();},[]),G=useCallback(i=>{if(i.preventDefault(),i.stopPropagation(),P(false),D(0),a)return;let s=Array.from(i.dataTransfer.files),p=N(s);p.length>0&&f?.(p);},[a,f,N]),J=useCallback(i=>{if(a)return;let s=Array.from(i.target.files||[]),p=N(s);p.length>0&&f?.(p);},[a,f,N]);return jsxs(M,{...x,"aria-disabled":a,"aria-label":u,className:cx(ae({size:n,showButton:d,variant:c}),l),"data-drag-over":W,fileInputRef:w,onDragEnter:_,onDragLeave:K,onDragOver:$,onDrop:G,children:[jsx("input",{accept:v,className:"hidden",disabled:a,multiple:r,ref:w,type:"file",onChange:J}),jsx(H,{buttonText:o,description:u,icon:b,showAcceptedFormats:m,showButton:d,variant:c||"default",onButtonClick:()=>{!a&&w.current&&w.current.click();}})]})}function ne({children:l,className:n,...d}){return jsx("h3",{className:cx("text-neutral-dark text-lg font-semibold",n),...d,children:l})}function H({description:l="Clique ou solte os arquivos para fazer o upload",icon:n="upload",showAcceptedFormats:d=true,buttonText:c="Selecionar arquivo",showButton:m=true,onButtonClick:o,variant:u="default",className:b$2,...x}){let{acceptedFormats:f}=T(),v=()=>d?jsxs("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return u==="oneLineWhite"||u==="oneLineTransparent"?jsxs("div",{...x,className:cx("flex h-full items-center justify-center gap-4 text-center",b$2),children:[jsx(b,{className:"text-neutral-secondary text-4xl",name:n}),jsx("p",{className:"text-neutral-dark text-base font-medium",children:l}),v()]}):jsxs("div",{...x,className:cx("flex h-full w-full flex-col items-center gap-4 text-center",b$2),children:[jsxs("div",{className:"flex flex-col items-center",children:[jsx(b,{className:"text-neutral-secondary mb-3 text-4xl",name:n}),jsx("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:l}),v()]}),m&&jsx("div",{children:jsx(b$1,{size:"md",variant:"primary",onClick:a=>{a.stopPropagation(),o?.();},children:c})})]})}function M({children:l,fileInputRef:n,...d}){let{disabled:c}=T(),m=useCallback(()=>{!c&&n?.current&&n.current.click();},[c,n]);return jsx("div",{role:"button",tabIndex:c?-1:0,onClick:m,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),m());},...d,children:l})}function oe({fileTypeOptions:l$1=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:n,onDeleteFile:d,className:c$2,...m}){let{files:o,onFilesChange:u}=T();if(!o||o.length===0)return null;let b$4=(r,a)=>{if(n)n(r,{description:a});else {let t=[...o];t[r]={...t[r],description:a},u?.(t);}},x=(r,a)=>{if(n)n(r,{fileType:a});else {let t=[...o];t[r]={...t[r],fileType:a},u?.(t);}},f=(r,a)=>{if(n)n(r,{restrict:a});else {let t=[...o];t[r]={...t[r],restrict:a},u?.(t);}},v=r=>{if(d)d(r);else {let a=o.filter((t,F)=>F!==r);u?.(a);}};return jsx("div",{className:cx("space-y-2",c$2),...m,children:jsxs("div",{className:"border-border-layer-2 p-4",children:[jsxs("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),jsx("div",{className:"flex justify-end",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),jsx("div",{className:"space-y-3",children:o.map((r,a$1)=>jsxs("div",{className:"flex flex-row items-center gap-4 py-3",children:[jsx("div",{className:"flex justify-start",children:jsx(b,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),jsx("div",{className:"w-full",children:jsx(b$2,{children:jsx(c,{children:jsx(g,{placeholder:"Nome do arquivo",value:r.description||r.name,onChange:t=>b$4(a$1,t.target.value)})})})}),jsx("div",{className:"w-full",children:jsxs(b$3,{children:[jsxs(c$1,{className:"flex justify-between",children:[jsx("span",{className:"text-neutral-dark",children:l$1.find(t=>t.value===r.fileType)?.label||"Tipo"}),jsx(b,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),jsx(h,{children:l$1.map(t=>jsx(l,{value:t.value,onSelect:()=>x(a$1,t.value),children:t.label},t.value))})]})}),jsx("div",{className:"flex justify-end",children:jsx(a,{checked:r.restrict||false,onCheckedChange:t=>f(a$1,t)})}),jsx("div",{className:"flex justify-end",children:jsx(b$1,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>v(a$1),children:jsx(b,{name:"delete"})})})]},a$1))})]})})}var me={Root:te,Area:re,Title:ne,AreaContent:H,AreaTrigger:M,EditableList:oe};export{oe as EditableFilesList,me as Upload,re as UploadArea,H as UploadAreaContent,M as UploadAreaTrigger,te as UploadRoot,ne as UploadTitle,ae as uploadAreaVariants};//# sourceMappingURL=upload.js.map
+//# sourceMappingURL=upload.js.map

package/dist/components/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/upload.tsx"],"names":["UploadContext","createContext","useUploadContext","context","useContext","UploadRoot","children","className","files","onFilesChange","accept","multiple","disabled","maxFiles","maxSize","acceptedFormats","props","jsx","cx","uploadAreaVariants","cva","UploadArea","size","showButton","variant","showAcceptedFormats","buttonText","description","icon","isDragOver","setIsDragOver","useState","fileInputRef","useRef","dragCounter","setDragCounter","validateFiles","useCallback","validFiles","file","fileExtension","format","handleDragEnter","e","prev","handleDragLeave","handleDragOver","handleDrop","handleFileSelect","jsxs","UploadAreaTrigger","UploadAreaContent","UploadTitle","onButtonClick","formatAcceptedFormats","Icon","Button","handleClick","EditableFilesList","fileTypeOptions","onUpdateFile","onDeleteFile","handleDescriptionChange","index","updatedFiles","handleFileTypeChange","fileType","handleRestrictChange","restrict","handleDelete","_","i","InputRoot","InputContent","InputText","SelectRoot","SelectTrigger","option","SelectContent","SelectOption","Switch","checked","Upload"],"mappings":"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","file":"upload.js","sourcesContent":["import type { ComponentProps, DragEvent, ChangeEvent } from 'react'\nimport { useRef, useState, useCallback, createContext, useContext } from 'react'\nimport { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { Icon, type IconType } from './icon'\nimport { Button } from './form/button'\nimport { Switch } from './form/switch'\nimport { InputRoot, InputContent, InputText } from './form/input'\nimport {\n  SelectRoot,\n  SelectTrigger,\n  SelectContent,\n  SelectOption\n} from './form/select'\n\nexport interface FileFormat {\n  name: string\n  type: string\n  fileBinary: File\n  restrict?: boolean\n  description?: string\n  fileType?: string\n}\n\nexport interface FileTypeOption {\n  value: string\n  label: string\n}\n\ninterface UploadContextValue {\n  files: FileFormat[]\n  onFilesChange?: (files: FileFormat[]) => void\n  accept?: string\n  multiple?: boolean\n  disabled?: boolean\n  maxFiles?: number\n  maxSize?: number\n  acceptedFormats?: string[]\n}\n\nconst UploadContext = createContext<UploadContextValue | null>(null)\n\nfunction useUploadContext() {\n  const context = useContext(UploadContext)\n  if (!context) {\n    throw new Error('Upload components must be used within UploadRoot')\n  }\n  return context\n}\n\ninterface UploadRootProps extends ComponentProps<'div'> {\n  files: FileFormat[]\n  onFilesChange?: (files: FileFormat[]) => void\n  accept?: string\n  multiple?: boolean\n  disabled?: boolean\n  maxFiles?: number\n  maxSize?: number\n  acceptedFormats?: string[]\n}\n\nfunction UploadRoot({\n  children,\n  className,\n  files,\n  onFilesChange,\n  accept,\n  multiple = false,\n  disabled = false,\n  maxFiles = 1,\n  maxSize,\n  acceptedFormats = ['.jpeg', '.png', '.webp'],\n  ...props\n}: UploadRootProps) {\n  return (\n    <UploadContext.Provider\n      value={{\n        files,\n        onFilesChange,\n        accept,\n        multiple,\n        disabled,\n        maxFiles,\n        maxSize,\n        acceptedFormats\n      }}\n    >\n      <div className={cx('flex flex-col gap-4', className)} {...props}>\n        {children}\n      </div>\n    </UploadContext.Provider>\n  )\n}\n\nconst uploadAreaVariants = cva(\n  [\n    'flex flex-col items-center justify-center',\n    'relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer',\n    'hover:border-border-layer-2 hover:bg-transparent',\n    'focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20',\n    'data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10'\n  ],\n  {\n    variants: {\n      size: {\n        large: 'p-6 min-h-[200px] ',\n        medium: 'p-6 min-h-[160px]',\n        small: 'p-6 min-h-[130px]',\n        oneLine: 'p-4 min-h-[18px]'\n      },\n      showButton: {\n        true: '',\n        false: ''\n      },\n      variant: {\n        default: 'bg-white',\n        transparent: 'bg-transparent',\n        minimal: 'bg-white',\n        oneLineWhite: 'bg-white',\n        oneLineTransparent: 'bg-transparent'\n      }\n    },\n    compoundVariants: [\n      {\n        size: 'large',\n        showButton: true\n      },\n      {\n        size: 'medium',\n        showButton: true\n      },\n      {\n        size: 'small',\n        showButton: true\n      },\n      {\n        variant: 'oneLineWhite',\n        showButton: false,\n        className: 'items-center flex flex-row justify-center'\n      },\n      {\n        variant: 'oneLineTransparent',\n        showButton: false,\n        className: 'items-center flex flex-row justify-center'\n      }\n    ],\n    defaultVariants: {\n      size: 'large',\n      variant: 'default',\n      showButton: true\n    }\n  }\n)\n\ninterface UploadAreaProps\n  extends Omit<ComponentProps<'div'>, 'onChange'>,\n    ClassVariantProps<typeof uploadAreaVariants> {\n  showAcceptedFormats?: boolean\n  buttonText?: string\n  description?: string\n  icon?: string\n  showButton?: boolean\n}\n\nfunction UploadArea({\n  className,\n  size = 'large',\n  showButton = true,\n  variant = 'default',\n  showAcceptedFormats = true,\n  buttonText = 'Selecionar arquivo',\n  description = 'Clique ou solte os arquivos para fazer o upload',\n  icon = 'upload',\n  ...props\n}: UploadAreaProps) {\n  const {\n    onFilesChange,\n    accept,\n    multiple,\n    disabled,\n    maxFiles,\n    maxSize,\n    acceptedFormats\n  } = useUploadContext()\n  const [isDragOver, setIsDragOver] = useState(false)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const [dragCounter, setDragCounter] = useState(0)\n\n  const validateFiles = useCallback(\n    (files: File[]): FileFormat[] => {\n      let validFiles = files\n\n      if (maxFiles && maxFiles > 0) {\n        validFiles = validFiles.slice(0, maxFiles)\n      }\n\n      if (maxSize) {\n        validFiles = validFiles.filter(file => file.size <= maxSize)\n      }\n\n      if (accept) {\n        validFiles = validFiles.filter(file => {\n          const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n          return acceptedFormats?.some(format =>\n            format.startsWith('.')\n              ? format === fileExtension\n              : file.type.includes(format)\n          )\n        })\n      }\n\n      return validFiles.map(file => ({\n        name: file.name,\n        type: file.type,\n        fileBinary: file,\n        restrict: false\n      }))\n    },\n    [maxFiles, maxSize, accept, acceptedFormats]\n  )\n\n  const handleDragEnter = useCallback((e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragCounter(prev => prev + 1)\n    setIsDragOver(true)\n  }, [])\n\n  const handleDragLeave = useCallback(\n    (e: DragEvent<HTMLDivElement>) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragCounter(prev => prev - 1)\n      if (dragCounter <= 1) {\n        setIsDragOver(false)\n      }\n    },\n    [dragCounter]\n  )\n\n  const handleDragOver = useCallback((e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n  }, [])\n\n  const handleDrop = useCallback(\n    (e: DragEvent<HTMLDivElement>) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragOver(false)\n      setDragCounter(0)\n\n      if (disabled) return\n\n      const files = Array.from(e.dataTransfer.files)\n      const validFiles = validateFiles(files)\n\n      if (validFiles.length > 0) {\n        onFilesChange?.(validFiles)\n      }\n    },\n    [disabled, onFilesChange, validateFiles]\n  )\n\n  const handleFileSelect = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      const files = Array.from(e.target.files || [])\n      const validFiles = validateFiles(files)\n\n      if (validFiles.length > 0) {\n        onFilesChange?.(validFiles)\n      }\n    },\n    [disabled, onFilesChange, validateFiles]\n  )\n\n  return (\n    <UploadAreaTrigger\n      {...props}\n      aria-disabled={disabled}\n      aria-label={description}\n      className={cx(\n        uploadAreaVariants({ size, showButton, variant }),\n        className\n      )}\n      data-drag-over={isDragOver}\n      fileInputRef={fileInputRef}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n    >\n      <input\n        accept={accept}\n        className=\"hidden\"\n        disabled={disabled}\n        multiple={multiple}\n        ref={fileInputRef}\n        type=\"file\"\n        onChange={handleFileSelect}\n      />\n\n      <UploadAreaContent\n        buttonText={buttonText}\n        description={description}\n        icon={icon}\n        showAcceptedFormats={showAcceptedFormats}\n        showButton={showButton}\n        variant={variant || 'default'}\n        onButtonClick={() => {\n          if (!disabled && fileInputRef.current) {\n            fileInputRef.current.click()\n          }\n        }}\n      />\n    </UploadAreaTrigger>\n  )\n}\n\nfunction UploadTitle({ children, className, ...props }: ComponentProps<'h3'>) {\n  return (\n    <h3\n      className={cx('text-neutral-dark text-lg font-semibold', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\ninterface UploadAreaContentProps extends ComponentProps<'div'> {\n  description?: string\n  icon?: string\n  showAcceptedFormats?: boolean\n  buttonText?: string\n  showButton?: boolean\n  onButtonClick?: () => void\n  variant?:\n    | 'default'\n    | 'transparent'\n    | 'minimal'\n    | 'oneLineWhite'\n    | 'oneLineTransparent'\n}\n\nfunction UploadAreaContent({\n  description = 'Clique ou solte os arquivos para fazer o upload',\n  icon = 'upload',\n  showAcceptedFormats = true,\n  buttonText = 'Selecionar arquivo',\n  showButton = true,\n  onButtonClick,\n  variant = 'default',\n  className,\n  ...props\n}: UploadAreaContentProps) {\n  const { acceptedFormats } = useUploadContext()\n\n  const formatAcceptedFormats = () => {\n    if (!showAcceptedFormats) return null\n\n    return (\n      <p className=\"text-neutral-secondary mt-2 text-sm\">\n        Formatos aceitos: {acceptedFormats?.join(' ')}\n      </p>\n    )\n  }\n\n  const isOneLineVariant =\n    variant === 'oneLineWhite' || variant === 'oneLineTransparent'\n\n  if (isOneLineVariant) {\n    return (\n      <div\n        {...props}\n        className={cx(\n          'flex h-full items-center justify-center gap-4 text-center',\n          className\n        )}\n      >\n        <Icon\n          className=\"text-neutral-secondary text-4xl\"\n          name={icon as IconType}\n        />\n        <p className=\"text-neutral-dark text-base font-medium\">{description}</p>\n        {formatAcceptedFormats()}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      {...props}\n      className={cx(\n        'flex h-full w-full flex-col items-center gap-4 text-center',\n        className\n      )}\n    >\n      <div className=\"flex flex-col items-center\">\n        <Icon\n          className=\"text-neutral-secondary mb-3 text-4xl\"\n          name={icon as IconType}\n        />\n\n        <p className=\"text-neutral-dark mb-2 text-base font-medium\">\n          {description}\n        </p>\n\n        {formatAcceptedFormats()}\n      </div>\n\n      {showButton && (\n        <div>\n          <Button\n            size=\"md\"\n            variant=\"primary\"\n            onClick={e => {\n              e.stopPropagation()\n              onButtonClick?.()\n            }}\n          >\n            {buttonText}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n\ninterface UploadAreaTriggerProps extends ComponentProps<'div'> {\n  fileInputRef?: React.RefObject<HTMLInputElement | null>\n}\n\nfunction UploadAreaTrigger({\n  children,\n  fileInputRef,\n  ...props\n}: UploadAreaTriggerProps) {\n  const { disabled } = useUploadContext()\n\n  const handleClick = useCallback(() => {\n    if (!disabled && fileInputRef?.current) {\n      fileInputRef.current.click()\n    }\n  }, [disabled, fileInputRef])\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onClick={handleClick}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          handleClick()\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\ninterface EditableFilesListProps {\n  fileTypeOptions?: FileTypeOption[]\n  onUpdateFile?: (index: number, file: Partial<FileFormat>) => void\n  onDeleteFile?: (index: number) => void\n  onReorderFiles?: (fromIndex: number, toIndex: number) => void\n  className?: string\n}\n\nfunction EditableFilesList({\n  fileTypeOptions = [\n    { value: 'document', label: 'Documento' },\n    { value: 'image', label: 'Imagem' },\n    { value: 'video', label: 'Vídeo' },\n    { value: 'audio', label: 'Áudio' },\n    { value: 'other', label: 'Outro' }\n  ],\n  onUpdateFile,\n  onDeleteFile,\n  className,\n  ...props\n}: EditableFilesListProps) {\n  const { files, onFilesChange } = useUploadContext()\n\n  if (!files || files.length === 0) return null\n\n  const handleDescriptionChange = (index: number, description: string) => {\n    if (onUpdateFile) {\n      onUpdateFile(index, { description })\n    } else {\n      const updatedFiles = [...files]\n      updatedFiles[index] = { ...updatedFiles[index], description }\n      onFilesChange?.(updatedFiles)\n    }\n  }\n\n  const handleFileTypeChange = (index: number, fileType: string) => {\n    if (onUpdateFile) {\n      onUpdateFile(index, { fileType })\n    } else {\n      const updatedFiles = [...files]\n      updatedFiles[index] = { ...updatedFiles[index], fileType }\n      onFilesChange?.(updatedFiles)\n    }\n  }\n\n  const handleRestrictChange = (index: number, restrict: boolean) => {\n    if (onUpdateFile) {\n      onUpdateFile(index, { restrict })\n    } else {\n      const updatedFiles = [...files]\n      updatedFiles[index] = { ...updatedFiles[index], restrict }\n      onFilesChange?.(updatedFiles)\n    }\n  }\n\n  const handleDelete = (index: number) => {\n    if (onDeleteFile) {\n      onDeleteFile(index)\n    } else {\n      const updatedFiles = files.filter((_, i) => i !== index)\n      onFilesChange?.(updatedFiles)\n    }\n  }\n\n  return (\n    <div className={cx('space-y-2', className)} {...props}>\n      <div className=\"border-border-layer-2 p-4\">\n        <div className=\"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2\">\n          <div className=\"w-full\">\n            <span className=\"text-sm font-medium text-gray-300\">Descrição</span>\n          </div>\n          <div className=\"w-full\">\n            <span className=\"text-sm font-medium text-gray-300\">Tipo</span>\n          </div>\n          <div className=\"flex justify-end\">\n            <span className=\"text-sm font-medium text-gray-300\">Restrito</span>\n          </div>\n        </div>\n\n        <div className=\"space-y-3\">\n          {files.map((file, index) => (\n            <div className=\"flex flex-row items-center gap-4 py-3\" key={index}>\n              <div className=\"flex justify-start\">\n                <Icon\n                  className=\"text-neutral-secondary hover:text-neutral-dark cursor-grab\"\n                  name=\"drag_indicator\"\n                />\n              </div>\n\n              <div className=\"w-full\">\n                <InputRoot>\n                  <InputContent>\n                    <InputText\n                      placeholder=\"Nome do arquivo\"\n                      value={file.description || file.name}\n                      onChange={e =>\n                        handleDescriptionChange(index, e.target.value)\n                      }\n                    />\n                  </InputContent>\n                </InputRoot>\n              </div>\n\n              <div className=\"w-full\">\n                <SelectRoot>\n                  <SelectTrigger className=\"flex justify-between\">\n                    <span className=\"text-neutral-dark\">\n                      {fileTypeOptions.find(\n                        option => option.value === file.fileType\n                      )?.label || 'Tipo'}\n                    </span>\n                    <Icon\n                      className=\"text-neutral-secondary\"\n                      name=\"keyboard_arrow_down\"\n                    />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {fileTypeOptions.map(option => (\n                      <SelectOption\n                        key={option.value}\n                        value={option.value}\n                        onSelect={() =>\n                          handleFileTypeChange(index, option.value)\n                        }\n                      >\n                        {option.label}\n                      </SelectOption>\n                    ))}\n                  </SelectContent>\n                </SelectRoot>\n              </div>\n\n              <div className=\"flex justify-end\">\n                <Switch\n                  checked={file.restrict || false}\n                  onCheckedChange={checked =>\n                    handleRestrictChange(index, checked)\n                  }\n                />\n              </div>\n\n              <div className=\"flex justify-end\">\n                <Button\n                  appearance=\"ghost\"\n                  size=\"sm\"\n                  variant=\"destructive\"\n                  onClick={() => handleDelete(index)}\n                >\n                  <Icon name=\"delete\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport const Upload = {\n  Root: UploadRoot,\n  Area: UploadArea,\n  Title: UploadTitle,\n  AreaContent: UploadAreaContent,\n  AreaTrigger: UploadAreaTrigger,\n  EditableList: EditableFilesList\n}\n\nexport { UploadRoot }\nexport { UploadArea }\nexport { UploadTitle }\nexport { UploadAreaContent }\nexport { UploadAreaTrigger }\nexport { EditableFilesList }\nexport { uploadAreaVariants }\nexport type {\n  UploadRootProps,\n  UploadAreaProps,\n  UploadAreaContentProps,\n  UploadAreaTriggerProps,\n  EditableFilesListProps\n}\n"]}

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

package/dist/icons-CmDuL0gZ.d.ts

@@ -0,0 +1,4 @@
+declare const icons: readonly ["account_balance", "assignment", "task", "ad_units", "add_a_photo", "add", "adjust", "archive", "arrow_downward_alt", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_split", "arrow_upward_alt", "arrow_upward", "attach_file", "attach_money", "autorenew", "brightness_1", "calendar_today", "call", "chat_bubble", "check_circle", "check", "chevron_left", "chevron_right", "close", "collapse_all", "contacts", "content_copy", "dangerous", "dashboard", "delete", "download", "draft", "drafts", "drag_handle", "drag_indicator", "edit_document", "edit_square", "edit", "error", "expand_all", "file_export", "filter_alt", "filter_list", "first_page", "flag_2", "folder_open", "folder", "format_bold", "format_italic", "format_italic", "format_size", "format_strikethrough", "gavel", "group", "headphones", "help", "hourglass_bottom", "imagesmode", "import_contacts", "inbox", "info", "inventory_2", "keep", "keep", "keyboard_arrow_down", "keyboard_arrow_up", "keyboard_return", "label_off", "label", "last_page", "left_panel_close", "left_panel_open", "link_off", "link", "linked_services", "list", "location_on", "lock", "logout", "mail", "menu", "mic", "more_vert", "notifications", "numbers", "person_add", "person_off", "person", "play_circle", "progress_activity", "question_mark", "radio_button_unchecked", "refresh", "remove", "reply", "right_panel_close", "right_panel_open", "schedule", "search", "sell", "send", "settings", "share", "smart_display", "star", "star", "swap_vert", "thumb_down", "thumb_up", "tune", "unarchive", "undo", "upload", "verified_user", "videocam", "view_list", "view_module", "view_object_track", "visibility_off", "visibility", "warning", "wifi_2_bar", "wifi_off", "wifi", "work", "workspaces", "article", "id_card", "badge", "home", "save", "code", "favorite", "analytics", "reports", "event", "account_circle", "history", "security", "bar_chart", "category", "format_underlined", "format_list_bulleted", "format_list_numbered", "redo", "more_horiz"];
+type IconType = (typeof icons)[number];
+
+export { type IconType as I, icons as i };