@xjur-ui/react 1.0.0 → 1.0.2

package/.turbo/turbo-build.log

@@ -1,57 +1,63 @@
-
-
-> @xjur-ui/react@4.0.1 build
-> tsup
-
-CLI Building entry: src/index.ts, src/components/resources/icons.ts, src/components/ui/accordion.tsx, src/components/ui/button.tsx, src/components/ui/icon.tsx, src/components/ui/index.ts, src/components/ui/logo.tsx, src/components/ui/otp-input.tsx, src/components/ui/typography.tsx, src/components/resources/logo/horizontal.tsx, src/components/resources/logo/icon.tsx, src/components/resources/logo/index.ts, src/components/resources/logo/vertical.tsx, src/components/ui/input/content.tsx, src/components/ui/input/index.ts, src/components/ui/input/label.tsx, src/components/ui/input/message.tsx, src/components/ui/input/root.tsx, src/components/ui/input/slot.tsx, src/components/ui/input/text.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: /Users/guilhermeoliveira/projects/xjur/xjur-ds/packages/react/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-ESM Build start
-DTS Build start
-ESM dist/components/resources/icons.js           1.99 KB
-ESM dist/index.css                               20.03 KB
-ESM dist/components/ui/accordion.js              194.00 B
-ESM dist/components/ui/button.js                 2.56 KB
-ESM dist/components/ui/otp-input.js              1.01 KB
-ESM dist/components/ui/index.js                  32.92 KB
-ESM dist/components/ui/typography.js             2.21 KB
-ESM dist/components/ui/icon.js                   2.56 KB
-ESM dist/components/ui/logo.js                   20.97 KB
-ESM dist/components/resources/logo/icon.js       5.33 KB
-ESM dist/components/ui/input/message.js          3.36 KB
-ESM dist/components/resources/logo/horizontal.js 7.30 KB
-ESM dist/index.js                                32.92 KB
-ESM dist/components/ui/input/label.js            4.20 KB
-ESM dist/components/ui/input/content.js          4.71 KB
-ESM dist/components/resources/logo/vertical.js   7.29 KB
-ESM dist/components/ui/input/index.js            8.46 KB
-ESM dist/components/ui/input/root.js             4.10 KB
-ESM dist/components/ui/input/slot.js             451.00 B
-ESM dist/components/resources/logo/index.js      19.96 KB
-ESM dist/components/ui/input/text.js             5.20 KB
-ESM ⚡️ Build success in 169ms
-DTS ⚡️ Build success in 2045ms
-DTS dist/components/resources/logo/index.d.ts      150.00 B
-DTS dist/components/ui/input/index.d.ts            543.00 B
-DTS dist/components/ui/index.d.ts                  763.00 B
-DTS dist/components/ui/accordion.d.ts              141.00 B
-DTS dist/components/ui/button.d.ts                 832.00 B
-DTS dist/components/ui/icon.d.ts                   431.00 B
-DTS dist/components/resources/icons.d.ts           1.78 KB
-DTS dist/components/ui/logo.d.ts                   373.00 B
-DTS dist/components/ui/otp-input.d.ts              662.00 B
-DTS dist/components/resources/logo/horizontal.d.ts 374.00 B
-DTS dist/components/resources/logo/icon.d.ts       338.00 B
-DTS dist/components/resources/logo/vertical.d.ts   362.00 B
-DTS dist/components/ui/input/content.d.ts          366.00 B
-DTS dist/components/ui/input/label.d.ts            492.00 B
-DTS dist/components/ui/input/message.d.ts          465.00 B
-DTS dist/components/ui/typography.d.ts             993.00 B
-DTS dist/components/ui/input/root.d.ts             680.00 B
-DTS dist/components/ui/input/slot.d.ts             415.00 B
-DTS dist/components/ui/input/text.d.ts             380.00 B
-DTS dist/index.d.ts                                913.00 B
-⠙
+
+> @xjur-ui/react@1.0.1 build
+> tsup
+
+CLI Building entry: src/index.ts, src/components/avatar.tsx, src/components/badge.tsx, src/components/button.tsx, src/components/calendar.tsx, src/components/checkbox.tsx, src/components/chip.tsx, src/components/collapsible.tsx, src/components/date-picker.tsx, src/components/divider.tsx, src/components/dropdown-menu.tsx, src/components/icon.tsx, src/components/input.tsx, src/components/list.tsx, src/components/logo.tsx, src/components/otp-input.tsx, src/components/radio.tsx, src/components/search-input.tsx, src/components/select.tsx, src/components/sheet.tsx, src/components/switch.tsx, src/components/tabs.tsx, src/components/tag.tsx, src/components/typography.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/vsts/work/1/s/packages/react/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+ESM Build start
+DTS Build start
+ESM dist/index.js                    0 B
+ESM dist/components/avatar.js        1.23 KB
+ESM dist/index.css                   54.65 KB
+ESM dist/components/badge.js         3.08 KB
+ESM dist/components/button.js        2.73 KB
+ESM dist/components/calendar.js      19.27 KB
+ESM dist/components/checkbox.js      4.64 KB
+ESM dist/components/chip.js          6.34 KB
+ESM dist/components/collapsible.js   998.00 B
+ESM dist/components/date-picker.js   6.90 KB
+ESM dist/components/divider.js       697.00 B
+ESM dist/components/dropdown-menu.js 7.19 KB
+ESM dist/components/icon.js          2.72 KB
+ESM dist/components/input.js         8.07 KB
+ESM dist/components/list.js          4.34 KB
+ESM dist/components/logo.js          20.93 KB
+ESM dist/components/otp-input.js     1.00 KB
+ESM dist/components/radio.js         4.52 KB
+ESM dist/components/search-input.js  7.70 KB
+ESM dist/components/select.js        15.44 KB
+ESM dist/components/sheet.js         6.89 KB
+ESM dist/components/switch.js        1.13 KB
+ESM dist/components/tabs.js          1.43 KB
+ESM dist/components/tag.js           4.77 KB
+ESM dist/components/typography.js    2.21 KB
+ESM ⚡️ Build success in 1286ms
+DTS ⚡️ Build success in 5617ms
+DTS dist/index.d.ts                    13.00 B
+DTS dist/components/badge.d.ts         607.00 B
+DTS dist/components/calendar.d.ts      448.00 B
+DTS dist/components/checkbox.d.ts      305.00 B
+DTS dist/components/chip.d.ts          1.36 KB
+DTS dist/components/avatar.d.ts        669.00 B
+DTS dist/components/collapsible.d.ts   645.00 B
+DTS dist/components/date-picker.d.ts   1.35 KB
+DTS dist/components/dropdown-menu.d.ts 1.97 KB
+DTS dist/components/divider.d.ts       336.00 B
+DTS dist/components/logo.d.ts          373.00 B
+DTS dist/components/otp-input.d.ts     662.00 B
+DTS dist/components/radio.d.ts         531.00 B
+DTS dist/components/select.d.ts        2.48 KB
+DTS dist/components/list.d.ts          1.28 KB
+DTS dist/components/search-input.d.ts  1.10 KB
+DTS dist/components/button.d.ts        872.00 B
+DTS dist/components/sheet.d.ts         1.62 KB
+DTS dist/components/switch.d.ts        300.00 B
+DTS dist/components/tabs.d.ts          737.00 B
+DTS dist/components/tag.d.ts           1.07 KB
+DTS dist/components/typography.d.ts    993.00 B
+DTS dist/components/input.d.ts         2.12 KB
+DTS dist/components/icon.d.ts          2.25 KB

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# @xjur-ui/react
+
+## 1.0.2
+
+### Patch Changes
+
+- ca57b41: New release
+
+## 1.0.1
+
+### Patch Changes
+
+- d3673d9: Melhorias no fluxo de inputs e novos components
+- 78f16bc: Criação dos componentes principais para execução das telas de agenda
+- ea53c28: Refactor package structure
+- Updated dependencies [78f16bc]
+  - @xjur-ui/styles@1.0.1
+  - @xjur-ui/util@1.0.1

package/dist/components/avatar.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare function AvatarRoot({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+
+export { AvatarFallback, AvatarImage, AvatarRoot };

package/dist/components/avatar.js

@@ -0,0 +1,58 @@
+// src/components/avatar.tsx
+import "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cx } from "@xjur-ui/util";
+import { jsx } from "react/jsx-runtime";
+function AvatarRoot({
+  className,
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      className: cx(
+        "rounded-circle relative flex shrink-0 overflow-hidden",
+        "data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "avatar",
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      className: cx("aspect-square size-full", className),
+      "data-slot": "avatar-image",
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      className: cx(
+        "bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",
+        className
+      ),
+      "data-slot": "avatar-fallback",
+      ...props
+    }
+  );
+}
+export {
+  AvatarFallback,
+  AvatarImage,
+  AvatarRoot
+};

package/dist/components/badge.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ClassVariantProps } from '@xjur-ui/util';
+
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "neutral" | "success" | "warning" | "danger" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ variant, children, className }: ClassVariantProps<typeof badgeVariants> & {
+    children: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Badge };

package/dist/components/{ui/input/message.js → badge.js}

@@ -1,8 +1,7 @@
-// src/components/ui/input/message.tsx
-import { memo as memo2 } from "react";
-import { cx as cx2 } from "@xjur-ui/util";
+// src/components/badge.tsx
+import { cva as cva2, cx } from "@xjur-ui/util";
 
-// src/components/ui/typography.tsx
+// src/components/typography.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "@xjur-ui/util";
 import { memo } from "react";
@@ -78,51 +77,35 @@ var Typography = memo(
 );
 Typography.displayName = "Typography";
 
-// src/components/ui/input/root.tsx
-import { createContext, use } from "react";
-import { cx } from "@xjur-ui/util";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var InputRootContext = createContext({});
-function useInput() {
-  const context = use(InputRootContext);
-  if (!context) {
-    throw new Error(
-      "useInput must be called within <Input.Root> or <Select.Root>"
-    );
-  }
-  return context;
-}
-
-// src/components/ui/input/message.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var InputMessage = memo2(
-  ({
-    children,
-    className,
-    weight = "normal",
-    variant = "body",
-    size = "sm-1x",
-    ...props
-  }) => {
-    const { errorMessage } = useInput();
-    return /* @__PURE__ */ jsx3(
-      Typography,
-      {
-        className: cx2(
-          "text-neutral-dark data-[error=true]:text-danger-idle",
-          className
-        ),
-        "data-error": !!errorMessage,
-        size,
-        variant,
-        weight,
-        ...props,
-        children
+// src/components/badge.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  [
+    "flex items-center justify-center size-large p-small-2x text-neutral-label rounded-circle"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary-idle",
+        secondary: "bg-secondary-idle",
+        neutral: "bg-alt-2-idle",
+        success: "bg-success-idle",
+        warning: "bg-warning-idle",
+        danger: "bg-danger-idle"
       }
-    );
+    },
+    defaultVariants: {
+      variant: "neutral"
+    }
   }
 );
-InputMessage.displayName = "InputMessage";
+function Badge({
+  variant = "neutral",
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx2("span", { className: cx(badgeVariants({ variant }), className), children: /* @__PURE__ */ jsx2(Typography, { className: "text-inherit", size: "sm-2x", variant: "label", children }) });
+}
 export {
-  InputMessage
+  Badge
 };

package/dist/components/{ui/button.d.ts → button.d.ts}

@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
 import { ClassVariantProps } from '@xjur-ui/util';
 
 declare const buttonVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
+    size?: "sm" | "md" | "icon_md" | "icon_sm" | null | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "destructive" | "outlined" | null | undefined;
     appearance?: "solid" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -13,4 +13,4 @@ interface ButtonProps extends ComponentProps<'button'>, ClassVariantProps<typeof
 }
 declare function Button({ asChild, className, variant, size, appearance, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps };
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/{ui/button.js → button.js}

@@ -1,16 +1,18 @@
-// src/components/ui/button.tsx
+// src/components/button.tsx
 import { Slot } from "@radix-ui/react-slot";
-import { cva } from "@xjur-ui/util";
+import { cva, cx } from "@xjur-ui/util";
 import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva(
   [
-    "inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"
+    "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"
+        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: "",
@@ -85,11 +87,12 @@ function Button({
   return /* @__PURE__ */ jsx(
     Component,
     {
-      className: buttonVariants({ className, variant, appearance, size }),
+      className: cx(buttonVariants({ variant, appearance, size }), className),
       ...props
     }
   );
 }
 export {
-  Button
+  Button,
+  buttonVariants
 };

package/dist/components/calendar.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DayPickerProps } from 'react-day-picker';
+export { DateRange } from 'react-day-picker';
+
+type CalendarProps = DayPickerProps & {
+    handleClear?: () => void;
+    handleToday?: () => void;
+};
+declare function Calendar({ showOutsideDays, locale, navLayout, handleClear, handleToday, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+export { Calendar, type CalendarProps };