@pelatform/ui 1.5.0

package/dist/aria.cjs

@@ -0,0 +1,139 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+
+
+var _chunkVECBSKBCcjs = require('./chunk-VECBSKBC.cjs');
+
+
+var _chunkCJXIPSTGcjs = require('./chunk-CJXIPSTG.cjs');
+
+// src/ui/aria/datefield.tsx
+
+
+
+
+
+
+var _reactariacomponents = require('react-aria-components');
+var _jsxruntime = require('react/jsx-runtime');
+function DateField({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.DateField,
+    {
+      className: _reactariacomponents.composeRenderProps.call(void 0, className, (className2) => _chunkCJXIPSTGcjs.cn.call(void 0, className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function TimeField({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.TimeField,
+    {
+      className: _reactariacomponents.composeRenderProps.call(void 0, className, (className2) => _chunkCJXIPSTGcjs.cn.call(void 0, className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function DateSegment({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.DateSegment,
+    {
+      className: _reactariacomponents.composeRenderProps.call(void 0, 
+        className,
+        (className2) => _chunkCJXIPSTGcjs.cn.call(void 0, 
+          `inline-flex rounded px-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50`,
+          className2
+        )
+      ),
+      ...props,
+      "data-invalid": true
+    }
+  );
+}
+var dateInputStyles = `
+  relative inline-flex items-center overflow-hidden whitespace-nowrap
+  data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] 
+  data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive
+`;
+function DateInput({ className, variant = "md", ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.DateInput,
+    {
+      "data-slot": "input",
+      className: _reactariacomponents.composeRenderProps.call(void 0, 
+        className,
+        (className2) => _chunkCJXIPSTGcjs.cn.call(void 0, _chunkVECBSKBCcjs.inputVariants.call(void 0, { variant }), dateInputStyles, className2)
+      ),
+      ...props,
+      children: (segment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DateSegment, { segment })
+    }
+  );
+}
+
+// src/ui/aria/show-more.tsx
+var _classvarianceauthority = require('class-variance-authority');
+
+
+var showMoreStyles = _classvarianceauthority.cva.call(void 0, "text-sm leading-6 before:border-border after:border-border", {
+  variants: {
+    orientation: {
+      vertical: "mx-1 h-auto self-stretch",
+      horizontal: "my-0.5 h-px w-full self-stretch"
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "vertical",
+      className: "mx-2 flex flex-col items-center before:mb-2 before:flex-1 before:border-l after:mt-2 after:flex-1 after:border-r"
+    },
+    {
+      orientation: "horizontal",
+      className: "my-2 flex items-center self-stretch before:mr-2 before:flex-1 before:border-t after:ml-2 after:flex-1 after:border-t"
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var ShowMore = ({
+  as = "button",
+  children,
+  orientation = "horizontal",
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, showMoreStyles({ orientation }), className), children: as === "button" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactariacomponents.ToggleButton,
+    {
+      ...props,
+      className: _chunkVECBSKBCcjs.buttonVariants.call(void 0, {
+        variant: "outline",
+        size: "sm"
+      }),
+      children: _reactariacomponents.composeRenderProps.call(void 0, children, (children2) => children2)
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Text, { slot: "description", children: props.text }) });
+};
+
+// src/ui/aria/visually-hidden.tsx
+var _reactaria = require('react-aria');
+
+var VisuallyHidden = ({ children }) => {
+  const { visuallyHiddenProps } = _reactaria.useVisuallyHidden.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ...visuallyHiddenProps, children });
+};
+
+
+
+
+
+
+
+
+exports.DateField = DateField; exports.DateInput = DateInput; exports.DateSegment = DateSegment; exports.ShowMore = ShowMore; exports.TimeField = TimeField; exports.VisuallyHidden = VisuallyHidden; exports.dateInputStyles = dateInputStyles;

package/dist/aria.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { DateValue, DateFieldProps, DateInputProps as DateInputProps$1, DateSegmentProps, TimeValue, TimeFieldProps, ToggleButton } from 'react-aria-components';
+import { i as inputVariants } from './input-AwYIskrX.cjs';
+import { ReactNode } from 'react';
+import 'class-variance-authority/types';
+
+declare function DateField<T extends DateValue>({ className, children, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function TimeField<T extends TimeValue>({ className, children, ...props }: TimeFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function DateSegment({ className, ...props }: DateSegmentProps): react_jsx_runtime.JSX.Element;
+declare const dateInputStyles = "\n  relative inline-flex items-center overflow-hidden whitespace-nowrap\n  data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] \n  data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive\n";
+interface DateInputProps extends DateInputProps$1, VariantProps<typeof inputVariants> {
+    className?: string;
+    variant?: VariantProps<typeof inputVariants>['variant'];
+}
+declare function DateInput({ className, variant, ...props }: Omit<DateInputProps, 'children'>): react_jsx_runtime.JSX.Element;
+
+interface ShowMoreProps extends React.ComponentProps<typeof ToggleButton> {
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    as?: 'text' | 'button';
+    text?: string;
+}
+declare const ShowMore: ({ as, children, orientation, className, ...props }: ShowMoreProps) => react_jsx_runtime.JSX.Element;
+
+type VisuallyHiddenSpanProps = {
+    children: ReactNode;
+};
+declare const VisuallyHidden: ({ children }: VisuallyHiddenSpanProps) => react_jsx_runtime.JSX.Element;
+
+export { DateField, DateInput, type DateInputProps, DateSegment, ShowMore, type ShowMoreProps, TimeField, VisuallyHidden, dateInputStyles };

package/dist/aria.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { DateValue, DateFieldProps, DateInputProps as DateInputProps$1, DateSegmentProps, TimeValue, TimeFieldProps, ToggleButton } from 'react-aria-components';
+import { i as inputVariants } from './input-AwYIskrX.js';
+import { ReactNode } from 'react';
+import 'class-variance-authority/types';
+
+declare function DateField<T extends DateValue>({ className, children, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function TimeField<T extends TimeValue>({ className, children, ...props }: TimeFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function DateSegment({ className, ...props }: DateSegmentProps): react_jsx_runtime.JSX.Element;
+declare const dateInputStyles = "\n  relative inline-flex items-center overflow-hidden whitespace-nowrap\n  data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] \n  data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive\n";
+interface DateInputProps extends DateInputProps$1, VariantProps<typeof inputVariants> {
+    className?: string;
+    variant?: VariantProps<typeof inputVariants>['variant'];
+}
+declare function DateInput({ className, variant, ...props }: Omit<DateInputProps, 'children'>): react_jsx_runtime.JSX.Element;
+
+interface ShowMoreProps extends React.ComponentProps<typeof ToggleButton> {
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    as?: 'text' | 'button';
+    text?: string;
+}
+declare const ShowMore: ({ as, children, orientation, className, ...props }: ShowMoreProps) => react_jsx_runtime.JSX.Element;
+
+type VisuallyHiddenSpanProps = {
+    children: ReactNode;
+};
+declare const VisuallyHidden: ({ children }: VisuallyHiddenSpanProps) => react_jsx_runtime.JSX.Element;
+
+export { DateField, DateInput, type DateInputProps, DateSegment, ShowMore, type ShowMoreProps, TimeField, VisuallyHidden, dateInputStyles };

package/dist/aria.js

@@ -0,0 +1,139 @@
+"use client";
+'use client';
+
+import {
+  buttonVariants,
+  inputVariants
+} from "./chunk-OMPNDLGS.js";
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/ui/aria/datefield.tsx
+import {
+  composeRenderProps,
+  DateField as DateFieldRa,
+  DateInput as DateInputRa,
+  DateSegment as DateSegmentRa,
+  TimeField as TimeFieldRa
+} from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+function DateField({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DateFieldRa,
+    {
+      className: composeRenderProps(className, (className2) => cn(className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function TimeField({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TimeFieldRa,
+    {
+      className: composeRenderProps(className, (className2) => cn(className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function DateSegment({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DateSegmentRa,
+    {
+      className: composeRenderProps(
+        className,
+        (className2) => cn(
+          `inline-flex rounded px-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50`,
+          className2
+        )
+      ),
+      ...props,
+      "data-invalid": true
+    }
+  );
+}
+var dateInputStyles = `
+  relative inline-flex items-center overflow-hidden whitespace-nowrap
+  data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] 
+  data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive
+`;
+function DateInput({ className, variant = "md", ...props }) {
+  return /* @__PURE__ */ jsx(
+    DateInputRa,
+    {
+      "data-slot": "input",
+      className: composeRenderProps(
+        className,
+        (className2) => cn(inputVariants({ variant }), dateInputStyles, className2)
+      ),
+      ...props,
+      children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment })
+    }
+  );
+}
+
+// src/ui/aria/show-more.tsx
+import { cva } from "class-variance-authority";
+import { composeRenderProps as composeRenderProps2, Text, ToggleButton } from "react-aria-components";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var showMoreStyles = cva("text-sm leading-6 before:border-border after:border-border", {
+  variants: {
+    orientation: {
+      vertical: "mx-1 h-auto self-stretch",
+      horizontal: "my-0.5 h-px w-full self-stretch"
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "vertical",
+      className: "mx-2 flex flex-col items-center before:mb-2 before:flex-1 before:border-l after:mt-2 after:flex-1 after:border-r"
+    },
+    {
+      orientation: "horizontal",
+      className: "my-2 flex items-center self-stretch before:mr-2 before:flex-1 before:border-t after:ml-2 after:flex-1 after:border-t"
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var ShowMore = ({
+  as = "button",
+  children,
+  orientation = "horizontal",
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: cn(showMoreStyles({ orientation }), className), children: as === "button" ? /* @__PURE__ */ jsx2(
+    ToggleButton,
+    {
+      ...props,
+      className: buttonVariants({
+        variant: "outline",
+        size: "sm"
+      }),
+      children: composeRenderProps2(children, (children2) => children2)
+    }
+  ) : /* @__PURE__ */ jsx2(Text, { slot: "description", children: props.text }) });
+};
+
+// src/ui/aria/visually-hidden.tsx
+import { useVisuallyHidden } from "react-aria";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var VisuallyHidden = ({ children }) => {
+  const { visuallyHiddenProps } = useVisuallyHidden();
+  return /* @__PURE__ */ jsx3("span", { ...visuallyHiddenProps, children });
+};
+export {
+  DateField,
+  DateInput,
+  DateSegment,
+  ShowMore,
+  TimeField,
+  VisuallyHidden,
+  dateInputStyles
+};

package/dist/badge-BtI4BMea.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
+    dotClassName?: string;
+    disabled?: boolean;
+}
+interface BadgeButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeButtonVariants> {
+    asChild?: boolean;
+}
+type BadgeDotProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "destructive" | "secondary" | "outline" | "success" | "warning" | "info" | null | undefined;
+    appearance?: "default" | "outline" | "ghost" | "light" | null | undefined;
+    disabled?: boolean | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    shape?: "default" | "circle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const badgeButtonVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, size, appearance, shape, asChild, disabled, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BadgeButton({ className, variant, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof badgeButtonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BadgeDot({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+export { Badge as B, BadgeButton as a, badgeVariants as b, BadgeDot as c, type BadgeProps as d, type BadgeButtonProps as e, type BadgeDotProps as f };

package/dist/badge-BtI4BMea.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
+    dotClassName?: string;
+    disabled?: boolean;
+}
+interface BadgeButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeButtonVariants> {
+    asChild?: boolean;
+}
+type BadgeDotProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "destructive" | "secondary" | "outline" | "success" | "warning" | "info" | null | undefined;
+    appearance?: "default" | "outline" | "ghost" | "light" | null | undefined;
+    disabled?: boolean | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    shape?: "default" | "circle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const badgeButtonVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, size, appearance, shape, asChild, disabled, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BadgeButton({ className, variant, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof badgeButtonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BadgeDot({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+export { Badge as B, BadgeButton as a, badgeVariants as b, BadgeDot as c, type BadgeProps as d, type BadgeButtonProps as e, type BadgeDotProps as f };