@pelatform/ui 1.6.0 → 2.0.0

package/dist/chunk-TB6DU23O.js

@@ -1,576 +0,0 @@
-'use client';
-
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/ui/default/input.tsx
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var inputVariants = cva(
-  `
-    flex w-full bg-background border border-input shadow-xs shadow-black/5 transition-[color,box-shadow] text-foreground placeholder:text-muted-foreground/80 
-    focus-visible:ring-ring/30  focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px]     
-    disabled:cursor-not-allowed disabled:opacity-60 
-    [[readonly]]:bg-muted/80 [[readonly]]:cursor-not-allowed
-    file:h-full [[type=file]]:py-0 file:border-solid file:border-input file:bg-transparent 
-    file:font-medium file:not-italic file:text-foreground file:p-0 file:border-0 file:border-e
-    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
-  `,
-  {
-    variants: {
-      variant: {
-        lg: "h-10 px-4 text-sm rounded-md file:pe-4 file:me-4",
-        md: "h-9 px-3 text-sm rounded-md file:pe-3 file:me-3",
-        sm: "h-8 px-2.5 text-xs rounded-md file:pe-2.5 file:me-2.5"
-      }
-    },
-    defaultVariants: {
-      variant: "md"
-    }
-  }
-);
-var inputAddonVariants = cva(
-  "flex items-center shrink-0 justify-center bg-muted border border-input shadow-xs shadow-[rgba(0,0,0,0.05)] text-secondary-foreground [&_svg]:text-secondary-foreground/60",
-  {
-    variants: {
-      variant: {
-        lg: "rounded-md h-10 min-w-10 px-4 text-sm [&_svg:not([class*=size-])]:size-4.5",
-        md: "rounded-md h-9 min-w-9 px-3 text-sm [&_svg:not([class*=size-])]:size-4.5",
-        sm: "rounded-md h-8 min-w-7 text-xs px-2.5 [&_svg:not([class*=size-])]:size-3.5"
-      },
-      mode: {
-        default: "",
-        icon: "px-0 justify-center"
-      }
-    },
-    defaultVariants: {
-      variant: "md",
-      mode: "default"
-    }
-  }
-);
-var inputGroupVariants = cva(
-  `
-    flex items-stretch
-    **:data-[slot=input]:grow
-    [&_[data-slot=input-addon]:has(+[data-slot=input])]:rounded-e-none [&_[data-slot=input-addon]:has(+[data-slot=input])]:border-e-0
-    [&_[data-slot=input-addon]:has(+[data-slot=datefield])]:rounded-e-none [&_[data-slot=input-addon]:has(+[data-slot=datefield])]:border-e-0 
-    [&_[data-slot=input]+[data-slot=input-addon]]:rounded-s-none [&_[data-slot=input]+[data-slot=input-addon]]:border-s-0
-    [&_[data-slot=input-addon]:has(+[data-slot=button])]:rounded-e-none
-    [&_[data-slot=input]+[data-slot=button]]:rounded-s-none
-    [&_[data-slot=button]+[data-slot=input]]:rounded-s-none
-    [&_[data-slot=input-addon]+[data-slot=input]]:rounded-s-none
-    [&_[data-slot=input-addon]+[data-slot=datefield]]:**:data-[slot=input]:rounded-s-none
-    [&_[data-slot=datefield]:has(+[data-slot=input-addon])]:**:data-[slot=input]:rounded-e-none
-    [&_[data-slot=input]:has(+[data-slot=button])]:rounded-e-none
-    [&_[data-slot=input]:has(+[data-slot=input-addon])]:rounded-e-none
-    **:data-[slot=datefield]:grow
-    [&_[data-slot=datefield]+[data-slot=input-addon]]:rounded-s-none 
-    [&_[data-slot=datefield]+[data-slot=input-addon]]:border-s-0
-    [&_[data-slot=datefield]:has(~[data-slot=input-addon])]:**:data-[slot=input]:rounded-e-none
-    [&_[data-slot=datefield]~[data-slot=input-addon]]:rounded-s-none
-  `,
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
-var inputWrapperVariants = cva(
-  `
-    flex items-center gap-1.5
-   has-focus-visible:ring-ring/30 
-   has-focus-visible:border-ring
-   has-focus-visible:outline-none 
-   has-focus-visible:ring-[3px]
-
-    **:data-[slot=datefield]:grow 
-    **:data-[slot=input]:data-focus-within:ring-transparent  
-    **:data-[slot=input]:data-focus-within:ring-0 
-    **:data-[slot=input]:data-focus-within:border-0 
-    **:data-[slot=input]:flex 
-    **:data-[slot=input]:w-full 
-    **:data-[slot=input]:outline-none 
-    **:data-[slot=input]:transition-colors 
-    **:data-[slot=input]:text-foreground
-    **:data-[slot=input]:placeholder:text-muted-foreground 
-    **:data-[slot=input]:border-0 
-    **:data-[slot=input]:bg-transparent 
-    **:data-[slot=input]:p-0
-    **:data-[slot=input]:shadow-none 
-    **:data-[slot=input]:focus-visible:ring-0 
-    **:data-[slot=input]:h-auto 
-    **:data-[slot=input]:disabled:cursor-not-allowed
-    **:data-[slot=input]:disabled:opacity-50    
-
-    [&_svg]:text-muted-foreground 
-    [&_svg]:shrink-0
-
-    has-aria-invalid:border-destructive/60 
-    has-aria-invalid:ring-destructive/10 
-    dark:has-aria-invalid:border-destructive 
-    dark:has-aria-invalid:ring-destructive/20    
-  `,
-  {
-    variants: {
-      variant: {
-        sm: "gap-1.25 [&_svg:not([class*=size-])]:size-3.5",
-        md: "gap-1.5 [&_svg:not([class*=size-])]:size-4",
-        lg: "gap-1.5 [&_svg:not([class*=size-])]:size-4"
-      }
-    },
-    defaultVariants: {
-      variant: "md"
-    }
-  }
-);
-function Input({
-  className,
-  type,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      "data-slot": "input",
-      type,
-      className: cn(inputVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function InputAddon({
-  className,
-  variant,
-  mode,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-addon",
-      className: cn(inputAddonVariants({ variant, mode }), className),
-      ...props
-    }
-  );
-}
-function InputGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "input-group", className: cn(inputGroupVariants(), className), ...props });
-}
-function InputWrapper({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-wrapper",
-      className: cn(inputVariants({ variant }), inputWrapperVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-
-// src/ui/default/button.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { ChevronDown } from "lucide-react";
-import { Slot as SlotPrimitive } from "radix-ui";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  "cursor-pointer group whitespace-nowrap focus-visible:outline-hidden inline-flex items-center justify-center has-data-[arrow=true]:justify-between text-sm font-medium ring-offset-background transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-60 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90",
-        mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90",
-        outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent",
-        dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground",
-        ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-        dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground",
-        foreground: "",
-        inverse: ""
-      },
-      appearance: {
-        default: "",
-        ghost: ""
-      },
-      underline: {
-        solid: "",
-        dashed: ""
-      },
-      underlined: {
-        solid: "",
-        dashed: ""
-      },
-      size: {
-        lg: "h-10 px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4",
-        md: "h-9 px-3 gap-1.5 text-sm [&_svg:not([class*=size-])]:size-4",
-        sm: "h-8 px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5",
-        xs: "h-7 px-2 gap-1 text-xs [&_svg:not([class*=size-])]:size-3.5",
-        icon: "size-9 [&_svg:not([class*=size-])]:size-4 shrink-0"
-      },
-      autoHeight: {
-        true: "",
-        false: ""
-      },
-      radius: {
-        md: "rounded-md",
-        full: "rounded-full"
-      },
-      mode: {
-        default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shrink-0",
-        link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent",
-        input: `
-            justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background 
-            focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30 
-            [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-hidden [[data-state=open]>&]:ring-[3px] 
-            [[data-state=open]>&]:ring-ring/30 
-            aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
-            in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10  dark:in-data-[invalid=true]:border-destructive dark:in-data-[invalid=true]:ring-destructive/20
-          `
-      },
-      placeholder: {
-        true: "text-muted-foreground",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // Icons opacity for default mode
-      {
-        variant: "ghost",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "outline",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "secondary",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      // Icons opacity for default mode
-      {
-        variant: "outline",
-        mode: "input",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "outline",
-        mode: "icon",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      // Auto height
-      {
-        size: "xs",
-        autoHeight: true,
-        className: "h-auto min-h-7"
-      },
-      {
-        size: "md",
-        autoHeight: true,
-        className: "h-auto min-h-9"
-      },
-      {
-        size: "sm",
-        autoHeight: true,
-        className: "h-auto min-h-8"
-      },
-      {
-        size: "lg",
-        autoHeight: true,
-        className: "h-auto min-h-10"
-      },
-      // Shadow support
-      {
-        variant: "primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "mono",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "secondary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "destructive",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      // Shadow support
-      {
-        variant: "primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "mono",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "secondary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "destructive",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      // Link
-      {
-        variant: "primary",
-        mode: "link",
-        underline: "solid",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underline: "dashed",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underlined: "solid",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underlined: "dashed",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underline: "solid",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underline: "dashed",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underlined: "solid",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underlined: "dashed",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underline: "solid",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underline: "dashed",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underlined: "solid",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underlined: "dashed",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
-      },
-      // Ghost
-      {
-        variant: "primary",
-        appearance: "ghost",
-        className: "bg-transparent text-primary/90 hover:bg-primary/5 data-[state=open]:bg-primary/5"
-      },
-      {
-        variant: "destructive",
-        appearance: "ghost",
-        className: "bg-transparent text-destructive/90 hover:bg-destructive/5 data-[state=open]:bg-destructive/5"
-      },
-      {
-        variant: "ghost",
-        mode: "icon",
-        className: "text-muted-foreground"
-      },
-      // Size
-      {
-        size: "xs",
-        mode: "icon",
-        className: "w-7 h-7 p-0 [[&_svg:not([class*=size-])]:size-3.5"
-      },
-      {
-        size: "sm",
-        mode: "icon",
-        className: "w-8 h-8 p-0 [[&_svg:not([class*=size-])]:size-3.5"
-      },
-      {
-        size: "md",
-        mode: "icon",
-        className: "w-9 h-9 p-0 [&_svg:not([class*=size-])]:size-4"
-      },
-      {
-        size: "icon",
-        className: "w-9 h-9 p-0 [&_svg:not([class*=size-])]:size-4"
-      },
-      {
-        size: "lg",
-        mode: "icon",
-        className: "w-10 h-10 p-0 [&_svg:not([class*=size-])]:size-4"
-      },
-      // Input mode
-      {
-        mode: "input",
-        placeholder: true,
-        variant: "outline",
-        className: "font-normal text-muted-foreground"
-      },
-      {
-        mode: "input",
-        variant: "outline",
-        size: "sm",
-        className: "gap-1.25"
-      },
-      {
-        mode: "input",
-        variant: "outline",
-        size: "md",
-        className: "gap-1.5"
-      },
-      {
-        mode: "input",
-        variant: "outline",
-        size: "lg",
-        className: "gap-1.5"
-      }
-    ],
-    defaultVariants: {
-      variant: "primary",
-      mode: "default",
-      size: "md",
-      radius: "md",
-      appearance: "default"
-    }
-  }
-);
-function Button({
-  className,
-  selected,
-  variant,
-  radius,
-  appearance,
-  mode,
-  size,
-  autoHeight,
-  underlined,
-  underline,
-  asChild = false,
-  placeholder = false,
-  ...props
-}) {
-  const Comp = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(
-        buttonVariants({
-          variant,
-          size,
-          radius,
-          appearance,
-          mode,
-          autoHeight,
-          placeholder,
-          underlined,
-          underline,
-          className
-        }),
-        asChild && props.disabled && "pointer-events-none opacity-50"
-      ),
-      ...selected && { "data-state": "open" },
-      ...props
-    }
-  );
-}
-function ButtonArrow({ icon: Icon = ChevronDown, className, ...props }) {
-  return /* @__PURE__ */ jsx2(Icon, { "data-slot": "button-arrow", className: cn("-me-1 ms-auto", className), ...props });
-}
-
-export {
-  inputVariants,
-  inputAddonVariants,
-  Input,
-  InputAddon,
-  InputGroup,
-  InputWrapper,
-  buttonVariants,
-  Button,
-  ButtonArrow
-};

package/dist/chunk-UP53DCYH.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/re-export/cva.ts
-var _classvarianceauthority = require('class-variance-authority');
-
-
-
-exports.cva = _classvarianceauthority.cva;