@xjur-ui/react 1.0.4 → 2.0.0

package/dist/components/rich-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rich-editor.tsx"],"names":["headingClasses","RichEditorRoot","className","editorOptions","props","editor","useEditor","StarterKit","Placeholder","node","Heading","HTMLAttributes","level","value","useMemo","jsx","EditorContext","cx","RichEditorContent","RichEditorCaption","RichEditorAreaText","useRichTextEditor","EditorContent","RichEditorToolbar","ToolbarButton","appearance","variant","onMouseDown","onPointerDown","Button","e","ToggleButton","name","shortcut","useOS","isActive","useRichTextEditorState","ctx","icon","description","handleToggle","useCallback","jsxs","Tooltip","TooltipTrigger","Icon","TooltipContent","Typography","HeadingButton","isOpen","setIsOpen","useState","isLevelActive","toggleHeading","levels","DropdownMenuRoot","open","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuList","DropdownMenuItem","DropdownMenuItemText"],"mappings":"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","file":"rich-editor.js","sourcesContent":["import { cx } from '@xjur-ui/util'\nimport { useCallback, useMemo, useState, type ComponentProps } from 'react'\nimport {\n  EditorContent,\n  EditorContext,\n  useCurrentEditor as useRichTextEditor,\n  useEditorState as useRichTextEditorState,\n  useEditor,\n  type EditorOptions\n} from '@tiptap/react'\nimport type { Extension } from '@tiptap/core'\nimport { StarterKit } from '@tiptap/starter-kit'\nimport { Heading, type Level } from '@tiptap/extension-heading'\n// Import specific extension instead of full extensions bundle\nimport { Placeholder } from '@tiptap/extension-placeholder'\nimport { useOS } from '../hooks'\nimport { Icon, type IconType } from './icon'\nimport { Button, type ButtonProps } from './button'\nimport {\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuItemText,\n  DropdownMenuList,\n  DropdownMenuRoot,\n  DropdownMenuTrigger\n} from './dropdown-menu'\nimport { Tooltip, TooltipTrigger, TooltipContent } from './tooltip'\nimport { Typography } from './typography'\n\nconst headingClasses: Partial<Record<Level, string>> = {\n  1: 'text-size-body-md',\n  2: 'text-size-title-lg',\n  3: 'text-size-headline-lg'\n}\n\nexport function RichEditorRoot({\n  className,\n  editorOptions,\n  ...props\n}: ComponentProps<'div'> & {\n  editorOptions?: Partial<\n    Omit<EditorOptions, 'extensions'> & {\n      extensions?: Extension[]\n    }\n  >\n}) {\n  const editor = useEditor({\n    ...editorOptions,\n    extensions: [\n      StarterKit.configure({\n        bulletList: {\n          HTMLAttributes: {\n            class: 'list-disc list-outside pl-large-1x'\n          }\n        },\n        orderedList: {\n          HTMLAttributes: {\n            class: 'list-decimal list-outside pl-large-1x'\n          }\n        },\n        heading: false\n      }),\n      Placeholder.configure({\n        placeholder: ({ node, editor }) =>\n          node.type.name === 'paragraph' && editor.isEmpty\n            ? 'Digite aqui…'\n            : '',\n        showOnlyWhenEditable: true,\n        includeChildren: false,\n        emptyNodeClass:\n          'before:content-[attr(data-placeholder)] before:absolute before:top-0 before:left-0 before:text-neutral-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none'\n      }),\n      Heading.configure({\n        levels: [1, 2, 3]\n      }).extend({\n        renderHTML({ node, HTMLAttributes }) {\n          const level: Level = node.attrs.level ?? 1\n\n          return [\n            'h',\n            {\n              ...HTMLAttributes,\n              class: headingClasses[level]\n            },\n            0\n          ]\n        }\n      }),\n      ...(editorOptions?.extensions ?? [])\n    ]\n  })\n\n  const value = useMemo(() => ({ editor }), [editor])\n\n  return (\n    <EditorContext.Provider value={value}>\n      <div\n        className={cx('gap-small flex w-full flex-col', className)}\n        data-slot=\"text-area-root\"\n        {...props}\n      />\n    </EditorContext.Provider>\n  )\n}\n\nexport function RichEditorContent({\n  className,\n  ...props\n}: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'bg-layer-2-hover py-small_1x-alt px-small rounded-small-1x min-h-[116px] w-full border border-transparent',\n        'hover:border-border-layer-2 transition-colors duration-200',\n        '[&_ul_ul]:list-[circle]',\n        '[&_ul_ul_ul]:list-[square]',\n        '[&_ol_ol]:list-[lower-alpha]',\n        '[&_ol_ol_ol]:list-[lower-roman]',\n        'gap-small flex flex-col overflow-x-hidden overflow-y-auto',\n        className\n      )}\n      data-slot=\"text-area-content\"\n      {...props}\n    />\n  )\n}\n\nexport function RichEditorCaption({\n  className,\n  ...props\n}: ComponentProps<'p'>) {\n  return (\n    <p\n      {...props}\n      className={cx(\n        'text-size-body-sm text-neutral-dark font-normal',\n        className\n      )}\n      data-slot=\"text-area-caption\"\n    />\n  )\n}\n\nexport function RichEditorAreaText({\n  className,\n  ...props\n}: Omit<ComponentProps<typeof EditorContent>, 'editor'>) {\n  const { editor } = useRichTextEditor()\n\n  return (\n    <EditorContent\n      className={cx(\n        'text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0',\n        className\n      )}\n      editor={editor}\n      {...props}\n    />\n  )\n}\n\nexport function RichEditorToolbar({\n  className,\n  ...props\n}: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden',\n        className\n      )}\n      data-slot=\"text-area-toolbar\"\n      {...props}\n    />\n  )\n}\n\nexport function ToolbarButton({\n  appearance = 'ghost',\n  variant = 'secondary',\n  onMouseDown,\n  onPointerDown,\n  ...props\n}: ButtonProps) {\n  return (\n    <Button\n      appearance={appearance}\n      size=\"icon_md\"\n      tabIndex={-1}\n      type=\"button\"\n      variant={variant}\n      onMouseDown={e => {\n        e.preventDefault()\n        onMouseDown?.(e)\n      }}\n      onPointerDown={e => {\n        e.preventDefault()\n        onPointerDown?.(e)\n      }}\n      {...props}\n    />\n  )\n}\n\ntype ToggleButtonName =\n  | 'bold'\n  | 'italic'\n  | 'underline'\n  | 'strike'\n  | 'bulletList'\n  | 'orderedList'\n  | 'undo'\n  | 'redo'\n\nexport function ToggleButton({\n  name,\n  ...props\n}: ButtonProps & { name: ToggleButtonName }) {\n  const { editor } = useRichTextEditor()\n  const { shortcut } = useOS()\n\n  const isActive = useRichTextEditorState({\n    editor,\n    selector: ctx => ctx.editor?.isActive(name) ?? false\n  })\n\n  const icon = useMemo(() => {\n    const iconsMap = new Map<ToggleButtonName, IconType>([\n      ['bold', 'format_bold'],\n      ['italic', 'format_italic'],\n      ['underline', 'format_underlined'],\n      ['strike', 'format_strikethrough'],\n      ['bulletList', 'format_list_bulleted'],\n      ['orderedList', 'format_list_numbered'],\n      ['undo', 'undo'],\n      ['redo', 'redo']\n    ])\n\n    return iconsMap.get(name)\n  }, [name])\n\n  const description = useMemo(() => {\n    const descriptionsMap = new Map<ToggleButtonName, string>([\n      ['bold', `Negrito (${shortcut} + B)`],\n      ['italic', `Itálico (${shortcut} + I)`],\n      ['underline', `Sublinhado (${shortcut} + U)`],\n      ['strike', `Tachado (${shortcut} + S)`],\n      ['bulletList', `Lista (${shortcut} + Shift + 7)`],\n      ['orderedList', `Lista numerada (${shortcut} + Shift + 8)`],\n      ['undo', `Desfazer (${shortcut} + Z)`],\n      ['redo', `Refazer (${shortcut} + Y)`]\n    ])\n\n    return descriptionsMap.get(name)\n  }, [name, shortcut])\n\n  const handleToggle = useCallback(() => {\n    if (!editor) throw new Error('Editor not found')\n\n    const commandsMap = new Map<ToggleButtonName, () => void>([\n      ['bold', () => editor.chain().focus().toggleBold().run()],\n      ['italic', () => editor.chain().focus().toggleItalic().run()],\n      ['underline', () => editor.chain().focus().toggleUnderline().run()],\n      ['strike', () => editor.chain().focus().toggleStrike().run()],\n      ['bulletList', () => editor.chain().focus().toggleBulletList().run()],\n      ['orderedList', () => editor.chain().focus().toggleOrderedList().run()],\n      ['undo', () => editor.chain().focus().undo().run()],\n      ['redo', () => editor.chain().focus().redo().run()]\n    ])\n\n    commandsMap.get(name)?.()\n  }, [editor, name])\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild={true}>\n        <ToolbarButton\n          onClick={handleToggle}\n          {...(isActive && { appearance: 'solid' })}\n          {...props}\n        >\n          {icon && <Icon className=\"text-icon-neutral-3\" name={icon} />}\n        </ToolbarButton>\n      </TooltipTrigger>\n\n      <TooltipContent>\n        {description && <Typography size=\"sm\">{description}</Typography>}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\nexport function HeadingButton({\n  appearance = 'ghost',\n  variant = 'secondary',\n  ...props\n}: ButtonProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const { editor } = useRichTextEditor()\n\n  const isActive = useRichTextEditorState({\n    editor,\n    selector: ctx => ctx.editor?.isActive('heading') ?? false\n  })\n\n  const isLevelActive = useCallback(\n    (level: Level) => {\n      if (!editor) throw new Error('Editor not found')\n      return editor.isActive('heading', { level })\n    },\n    [editor]\n  )\n\n  const toggleHeading = useCallback(\n    (level: Level) => {\n      if (!editor) throw new Error('Editor not found')\n      setIsOpen(false)\n      setTimeout(() => {\n        editor.chain().focus().toggleHeading({ level }).run()\n      }, 0)\n    },\n    [editor]\n  )\n\n  const levels: { level: Level; label: string; className?: string }[] = [\n    { level: 1, label: 'Normal', className: headingClasses[1] },\n    { level: 2, label: 'Grande', className: headingClasses[2] },\n    { level: 3, label: 'Enorme', className: headingClasses[3] }\n  ]\n\n  return (\n    <DropdownMenuRoot open={isOpen} onOpenChange={open => setIsOpen(open)}>\n      <DropdownMenuTrigger asChild={true}>\n        <Button\n          appearance={isActive ? 'solid' : appearance}\n          size=\"icon_md\"\n          tabIndex={-1}\n          type=\"button\"\n          variant={variant}\n          {...props}\n        >\n          <Tooltip>\n            <TooltipTrigger asChild={true}>\n              <Icon className=\"text-icon-neutral-3\" name=\"format_size\" />\n            </TooltipTrigger>\n\n            <TooltipContent>\n              <Typography size=\"sm\">Tamanho</Typography>\n            </TooltipContent>\n          </Tooltip>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuList>\n          {levels.map(level => (\n            <DropdownMenuItem\n              isActive={isLevelActive(level.level)}\n              key={level.level}\n              onPointerDown={() => toggleHeading(level.level)}\n            >\n              <DropdownMenuItemText className={level.className}>\n                {level.label}\n              </DropdownMenuItemText>\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuList>\n      </DropdownMenuContent>\n    </DropdownMenuRoot>\n  )\n}\n\nexport { useRichTextEditorState, useRichTextEditor }\n"]}

package/dist/components/search-input.js

@@ -1,274 +1,2 @@
-// src/components/search-input.tsx
-import { cva as cva3, cx as cx2 } from "@xjur-ui/util";
-import { createContext } from "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/button.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cva as cva2, cx } from "@xjur-ui/util";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  [
-    "outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"
-  ],
-  {
-    variants: {
-      size: {
-        md: "py-small_1x-alt px-medium text-size-body-md",
-        sm: "py-small-1x px-small text-size-label-sm",
-        icon_md: "p-small text-size-body-md h-large-4x w-large-4x",
-        icon_sm: "p-small-1x text-size-label-sm h-large-2x w-large-2x"
-      },
-      variant: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        destructive: "",
-        outlined: "bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"
-      },
-      appearance: {
-        solid: "",
-        ghost: "bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "primary",
-        appearance: "solid",
-        class: "bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"
-      },
-      {
-        variant: "primary",
-        appearance: "ghost",
-        class: "text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"
-      },
-      {
-        variant: "secondary",
-        appearance: "solid",
-        class: "bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"
-      },
-      {
-        variant: "secondary",
-        appearance: "ghost",
-        class: "hover:bg-layer-1-hover active:bg-layer-1-pressed"
-      },
-      {
-        variant: "tertiary",
-        appearance: "solid",
-        class: "bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"
-      },
-      {
-        variant: "tertiary",
-        appearance: "ghost",
-        class: "hover:bg-layer-2-hover active:bg-layer-2-pressed"
-      },
-      {
-        variant: "destructive",
-        appearance: "solid",
-        class: "bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"
-      },
-      {
-        variant: "destructive",
-        appearance: "ghost",
-        class: "text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      variant: "primary",
-      appearance: "solid"
-    }
-  }
-);
-function Button({
-  asChild,
-  className,
-  variant = "primary",
-  size = "md",
-  appearance = "solid",
-  ...props
-}) {
-  const Component = asChild ? Slot2 : "button";
-  return /* @__PURE__ */ jsx2(
-    Component,
-    {
-      className: cx(buttonVariants({ variant, appearance, size }), className),
-      ...props
-    }
-  );
-}
-
-// src/components/search-input.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SearchInputRootContext = createContext({
-  variant: "outlined"
-});
-function SearchInputRoot({
-  className,
-  variant = "outlined",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(SearchInputRootContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsx3("div", { className: cx2(className, "relative flex w-full"), ...props }) });
-}
-function SearchInputContent({
-  className,
-  ...props
-}) {
-  const contentVarians = cva3(
-    [
-      "gap-small py-small_1x-alt px-small flex items-center w-full",
-      "h-large-4x rounded-circle",
-      "border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal",
-      "group-hover:border-border-layer-3 transition-colors duration-200",
-      "disabled:opacity-60",
-      "focus-within:border-primary-idle"
-    ],
-    {
-      variants: {
-        variant: {
-          outlined: "rounded-circle focus-within:border-primary-idle ",
-          line: "rounded-none border-t-0 border-b-1 border-x-0",
-          action: "rounded-tr-none rounded-br-none border-r-0"
-        }
-      }
-    }
-  );
-  return /* @__PURE__ */ jsx3(SearchInputRootContext.Consumer, { children: ({ variant }) => /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cx2(className, contentVarians({ variant })),
-      "data-variant": variant,
-      ...props
-    }
-  ) });
-}
-function SearchInputLabel({
-  htmlFor,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    Typography,
-    {
-      asChild: true,
-      className: cx2("absolute -top-[22px] left-0"),
-      size: "sm",
-      variant: "label",
-      weight: "medium",
-      children: /* @__PURE__ */ jsx3("label", { htmlFor, ...props })
-    }
-  );
-}
-function SearchInputText({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3("input", { className: cx2(className, "flex-1 outline-none"), ...props });
-}
-function SearchInputSlot(props) {
-  return /* @__PURE__ */ jsx3("div", { ...props, "data-slot": "search-input-slot" });
-}
-function SearchInputAction({
-  className,
-  appearance = "ghost",
-  variant = "outlined",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    Button,
-    {
-      ...props,
-      appearance,
-      className: cx2(
-        className,
-        "cursor-pointer",
-        "h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none",
-        "text-size-body-md text-neutral-dark gap-small-1x"
-      ),
-      "data-slot": "search-input-action",
-      variant
-    }
-  );
-}
-export {
-  SearchInputAction,
-  SearchInputContent,
-  SearchInputLabel,
-  SearchInputRoot,
-  SearchInputSlot,
-  SearchInputText
-};
+export{f as SearchInputAction,b as SearchInputContent,c as SearchInputLabel,a as SearchInputRoot,e as SearchInputSlot,d as SearchInputText}from'../chunk-NPTLORW5.js';import'../chunk-FASEHVMD.js';import'../chunk-EIG6CBTQ.js';//# sourceMappingURL=search-input.js.map
+//# sourceMappingURL=search-input.js.map

package/dist/components/search-input.js.map

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

package/dist/components/select.d.ts

@@ -8,7 +8,10 @@ import 'class-variance-authority/types';
 import '@xjur-ui/util';
 import './button.js';
 
-declare function SelectRoot(props: ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectRoot({ disabled, hasError, ...props }: ComponentProps<typeof RadixPopover.Root> & {
+    disabled?: boolean;
+    hasError?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function SelectTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
 declare function SelectContent({ className, children, sideOffset, side, align, ...props }: ComponentProps<typeof RadixPopover.Content>): react_jsx_runtime.JSX.Element;
 declare function SelectValue({ className, displayValue, ...props }: ComponentProps<'input'> & {
@@ -25,9 +28,9 @@ declare function SelectOption({ className, ...props }: ComponentProps<typeof Lis
 declare function SelectOptionText(props: ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
 declare function SelectHeader(props: ComponentProps<typeof ListHeader>): react_jsx_runtime.JSX.Element;
 declare function SelectHeaderTitle(props: ComponentProps<typeof ListHeaderTitle>): react_jsx_runtime.JSX.Element;
-declare function SelectDropdown(props: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare function SelectLeftSlot({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare function SelectRightSlot({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare function SelectSearch(props: ComponentProps<typeof SearchInputText>): react_jsx_runtime.JSX.Element;
+declare function SelectCaption({ className, variant, size, weight, ...props }: ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
 
-export { SelectContent, SelectDropdown, SelectHeader, SelectHeaderTitle, SelectLabel, SelectLeftSlot, SelectMultiValue, SelectOption, SelectOptionText, SelectOptions, SelectRightSlot, SelectRoot, SelectSearch, SelectTrigger, SelectValue };
+export { SelectCaption, SelectContent, SelectHeader, SelectHeaderTitle, SelectLabel, SelectLeftSlot, SelectMultiValue, SelectOption, SelectOptionText, SelectOptions, SelectRightSlot, SelectRoot, SelectSearch, SelectTrigger, SelectValue };