@xjur-ui/react 1.0.4 → 2.0.0

package/dist/components/radio.js

@@ -1,156 +1,2 @@
-// src/components/radio.tsx
-import "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { cx } from "@xjur-ui/util";
-
-// src/components/typography.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "@xjur-ui/util";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-var typographyVariants = cva("", {
-  variants: {
-    variant: {
-      body: "",
-      label: "",
-      title: "",
-      headline: ""
-    },
-    size: {
-      "sm-2x": "",
-      "sm-1x": "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    weight: {
-      thin: "font-thin",
-      extraLight: "font-extralight",
-      light: "font-light",
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold",
-      extraBold: "font-extrabold",
-      black: "font-black"
-    }
-  },
-  compoundVariants: [
-    { variant: "body", size: "sm-1x", class: "text-size-body-sm-1x" },
-    { variant: "body", size: "sm", class: "text-size-body-sm" },
-    { variant: "body", size: "md", class: "text-size-body-md" },
-    { variant: "body", size: "lg", class: "text-size-body-lg" },
-    { variant: "label", size: "sm-2x", class: "text-size-label-sm-2x" },
-    { variant: "label", size: "sm-1x", class: "text-size-label-sm-1x" },
-    { variant: "label", size: "sm", class: "text-size-label-sm" },
-    { variant: "label", size: "md", class: "text-size-label-md" },
-    { variant: "label", size: "lg", class: "text-size-label-lg" },
-    { variant: "title", size: "sm", class: "text-size-title-sm" },
-    { variant: "title", size: "md", class: "text-size-title-md" },
-    { variant: "title", size: "lg", class: "text-size-title-lg" },
-    { variant: "headline", size: "sm", class: "text-size-headline-sm" },
-    { variant: "headline", size: "md", class: "text-size-headline-md" },
-    { variant: "headline", size: "lg", class: "text-size-headline-lg" }
-  ],
-  defaultVariants: {
-    variant: "body",
-    size: "md",
-    weight: "normal"
-  }
-});
-var Typography = memo(
-  ({
-    variant,
-    size,
-    weight,
-    asChild,
-    className,
-    ...props
-  }) => {
-    const Component = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        className: typographyVariants({ variant, size, weight, className }),
-        ...props
-      }
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-// src/components/radio.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function RadioGroup({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    RadioGroupPrimitive.Root,
-    {
-      className: cx(
-        "gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
-        className
-      ),
-      "data-orientation": orientation,
-      "data-slot": "radio-group",
-      ...props
-    }
-  );
-}
-function RadioItem({
-  className,
-  id,
-  label,
-  disabled = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "gap-small flex items-center", children: [
-    /* @__PURE__ */ jsx2(
-      RadioGroupPrimitive.Item,
-      {
-        className: cx(
-          // layout
-          "size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none",
-          // base
-          "border-border-layer-2 bg-layer-2-idle cursor-pointer border-2",
-          // hover/focus (desmarcado)
-          "hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary",
-          // estado checked
-          "data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active",
-          // hover quando estiver checked (opcional)
-          "data-[state=checked]:hover:border-primary-idle",
-          // disabled
-          "disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",
-          className
-        ),
-        "data-slot": "radio-group-item",
-        disabled,
-        id,
-        ...props,
-        children: /* @__PURE__ */ jsx2(
-          RadioGroupPrimitive.Indicator,
-          {
-            className: "relative flex items-center justify-center",
-            "data-slot": "radio-group-indicator"
-          }
-        )
-      }
-    ),
-    !!label && /* @__PURE__ */ jsx2(
-      Typography,
-      {
-        asChild: true,
-        className: "text-size-body-sm data-[disabled=true]:opacity-38",
-        "data-disabled": disabled,
-        weight: "medium",
-        children: /* @__PURE__ */ jsx2("label", { htmlFor: id, children: label })
-      }
-    )
-  ] });
-}
-export {
-  RadioGroup,
-  RadioItem
-};
+import {a}from'../chunk-EIG6CBTQ.js';import'react';import*as r from'@radix-ui/react-radio-group';import {cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';function u({className:i,orientation:o="vertical",...a}){return jsx(r.Root,{className:cx("gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",i),"data-orientation":o,"data-slot":"radio-group",...a})}function b({className:i,id:o,label:a$1,disabled:t=false,...s}){return jsxs("div",{className:"gap-small flex items-center",children:[jsx(r.Item,{className:cx("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),"data-slot":"radio-group-item",disabled:t,id:o,...s,children:jsx(r.Indicator,{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})}),!!a$1&&jsx(a,{asChild:true,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":t,weight:"medium",children:jsx("label",{htmlFor:o,children:a$1})})]})}export{u as RadioGroup,b as RadioItem};//# sourceMappingURL=radio.js.map
+//# sourceMappingURL=radio.js.map

package/dist/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio.tsx"],"names":["RadioGroup","className","orientation","props","jsx","cx","RadioItem","id","label","disabled","jsxs","Typography"],"mappings":"yKAKO,SAASA,CAAAA,CAAW,CACzB,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,UAAA,CACd,GAAGC,CACL,CAAA,CAA0D,CACxD,OACEC,GAAAA,CAAqB,CAAA,CAAA,IAAA,CAApB,CACC,SAAA,CAAWC,EAAAA,CACT,4FAAA,CACAJ,CACF,CAAA,CACA,kBAAA,CAAkBC,CAAAA,CAClB,WAAA,CAAU,aAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAU,CACxB,SAAA,CAAAL,CAAAA,CACA,EAAA,CAAAM,CAAAA,CACA,KAAA,CAAAC,GAAAA,CACA,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,GAAGN,CACL,CAAA,CAEG,CACD,OACEO,KAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6BAAA,CACb,QAAA,CAAA,CAAAN,GAAAA,CAAqB,CAAA,CAAA,IAAA,CAApB,CACC,SAAA,CAAWC,EAAAA,CAET,uJAAA,CAEA,+DAAA,CAEA,gFAAA,CAEA,mFAAA,CAEA,gDAAA,CAEA,0FACAJ,CACF,CAAA,CACA,WAAA,CAAU,kBAAA,CACV,QAAA,CAAUQ,CAAAA,CACV,EAAA,CAAIF,CAAAA,CACH,GAAGJ,CAAAA,CAEJ,QAAA,CAAAC,GAAAA,CAAqB,CAAA,CAAA,SAAA,CAApB,CACC,UAAU,2CAAA,CACV,WAAA,CAAU,uBAAA,CACZ,CAAA,CACF,CAAA,CAEC,CAAC,CAACI,GAAAA,EACDJ,GAAAA,CAACO,CAAAA,CAAA,CACC,OAAA,CAAS,IAAA,CACT,SAAA,CAAU,mDAAA,CACV,eAAA,CAAeF,CAAAA,CACf,MAAA,CAAO,QAAA,CAEP,QAAA,CAAAL,GAAAA,CAAC,OAAA,CAAA,CAAM,OAAA,CAASG,CAAAA,CAAK,QAAA,CAAAC,GAAAA,CAAM,CAAA,CAC7B,CAAA,CAAA,CAEJ,CAEJ","file":"radio.js","sourcesContent":["import * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cx } from '@xjur-ui/util'\nimport { Typography } from './typography'\n\nexport function RadioGroup({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cx(\n        'gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n        className\n      )}\n      data-orientation={orientation}\n      data-slot=\"radio-group\"\n      {...props}\n    />\n  )\n}\n\nexport function RadioItem({\n  className,\n  id,\n  label,\n  disabled = false,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {\n  label?: string\n}) {\n  return (\n    <div className=\"gap-small flex items-center\">\n      <RadioGroupPrimitive.Item\n        className={cx(\n          // layout\n          'size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none',\n          // base\n          'border-border-layer-2 bg-layer-2-idle cursor-pointer border-2',\n          // hover/focus (desmarcado)\n          'hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary',\n          // estado checked\n          'data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active',\n          // hover quando estiver checked (opcional)\n          'data-[state=checked]:hover:border-primary-idle',\n          // disabled\n          'disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]',\n          className\n        )}\n        data-slot=\"radio-group-item\"\n        disabled={disabled}\n        id={id}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator\n          className=\"relative flex items-center justify-center\"\n          data-slot=\"radio-group-indicator\"\n        />\n      </RadioGroupPrimitive.Item>\n\n      {!!label && (\n        <Typography\n          asChild={true}\n          className=\"text-size-body-sm data-[disabled=true]:opacity-38\"\n          data-disabled={disabled}\n          weight=\"medium\"\n        >\n          <label htmlFor={id}>{label}</label>\n        </Typography>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/components/rich-editor.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentProps } from 'react';
-import { EditorOptions, Extension, EditorContent } from '@tiptap/react';
+import { EditorOptions, EditorContent } from '@tiptap/react';
 export { useCurrentEditor as useRichTextEditor, useEditorState as useRichTextEditorState } from '@tiptap/react';
+import { Extension } from '@tiptap/core';
 import { ButtonProps } from './button.js';
 import 'class-variance-authority/types';
 import '@xjur-ui/util';