@pelatform/ui 1.6.0 → 2.0.0

package/dist/aria.d.ts

@@ -1,31 +1 @@
-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 };
+export * from '@pelatform/ui.aria';

package/dist/aria.js

@@ -1,139 +1,2 @@
-"use client";
-'use client';
-
-import {
-  buttonVariants,
-  inputVariants
-} from "./chunk-TB6DU23O.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
-};
+// src/aria.ts
+export * from "@pelatform/ui.aria";