@cognitiv/components-web 1.0.4 → 1.1.0

package/dist/components/number-field/index.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentProps } from "react";
+import { NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot } from "./number-field";
+export declare const NumberField: (({ children, className, fullWidth, variant, ...props }: import("./number-field").NumberFieldRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    DecrementButton: ({ children, className, ...props }: import("./number-field").NumberFieldDecrementButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, className, ...props }: import("./number-field").NumberFieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+    IncrementButton: ({ children, className, ...props }: import("./number-field").NumberFieldIncrementButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Input: ({ className, ...props }: import("./number-field").NumberFieldInputProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, className, fullWidth, variant, ...props }: import("./number-field").NumberFieldRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type NumberField = {
+    Props: ComponentProps<typeof NumberFieldRoot>;
+    RootProps: ComponentProps<typeof NumberFieldRoot>;
+    GroupProps: ComponentProps<typeof NumberFieldGroup>;
+    InputProps: ComponentProps<typeof NumberFieldInput>;
+    IncrementButtonProps: ComponentProps<typeof NumberFieldIncrementButton>;
+    DecrementButtonProps: ComponentProps<typeof NumberFieldDecrementButton>;
+};
+export { NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot, };
+export type { NumberFieldRootProps, NumberFieldRootProps as NumberFieldProps, NumberFieldGroupProps, NumberFieldInputProps, NumberFieldIncrementButtonProps, NumberFieldDecrementButtonProps, } from "./number-field";
+export { numberFieldVariants } from "./styles";
+export type { NumberFieldVariants } from "./styles";

package/dist/components/number-field/index.js

@@ -0,0 +1,16 @@
+"use strict";
+import { NumberFieldRoot, NumberFieldInput, NumberFieldIncrementButton, NumberFieldGroup, NumberFieldDecrementButton } from './number-field.js';
+export { numberFieldVariants } from './styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const NumberField = Object.assign(NumberFieldRoot, {
+  DecrementButton: NumberFieldDecrementButton,
+  Group: NumberFieldGroup,
+  IncrementButton: NumberFieldIncrementButton,
+  Input: NumberFieldInput,
+  Root: NumberFieldRoot
+});
+
+export { NumberField, NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot };

package/dist/components/number-field/number-field.d.ts

@@ -0,0 +1,20 @@
+import type { NumberFieldVariants } from "./styles";
+import type { ComponentPropsWithRef } from "react";
+import { Button as ButtonPrimitive, Group as GroupPrimitive, Input as InputPrimitive, NumberField as NumberFieldPrimitive } from "react-aria-components";
+interface NumberFieldRootProps extends ComponentPropsWithRef<typeof NumberFieldPrimitive>, NumberFieldVariants {
+}
+declare const NumberFieldRoot: ({ children, className, fullWidth, variant, ...props }: NumberFieldRootProps) => import("react/jsx-runtime").JSX.Element;
+interface NumberFieldGroupProps extends ComponentPropsWithRef<typeof GroupPrimitive> {
+}
+declare const NumberFieldGroup: ({ children, className, ...props }: NumberFieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+interface NumberFieldInputProps extends ComponentPropsWithRef<typeof InputPrimitive> {
+}
+declare const NumberFieldInput: ({ className, ...props }: NumberFieldInputProps) => import("react/jsx-runtime").JSX.Element;
+interface NumberFieldIncrementButtonProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+}
+declare const NumberFieldIncrementButton: ({ children, className, ...props }: NumberFieldIncrementButtonProps) => import("react/jsx-runtime").JSX.Element;
+interface NumberFieldDecrementButtonProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+}
+declare const NumberFieldDecrementButton: ({ children, className, ...props }: NumberFieldDecrementButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { NumberFieldRoot, NumberFieldGroup, NumberFieldInput, NumberFieldIncrementButton, NumberFieldDecrementButton, };
+export type { NumberFieldRootProps, NumberFieldGroupProps, NumberFieldInputProps, NumberFieldIncrementButtonProps, NumberFieldDecrementButtonProps, };

package/dist/components/number-field/number-field.js

@@ -0,0 +1,127 @@
+"use client";
+import React__default, { useContext, createContext } from 'react';
+import { NumberField, Input, Button, Group } from 'react-aria-components';
+import { composeTwRenderProps } from '../../utils/compose.js';
+import { IconPlus, IconMinus } from '../icons.js';
+import { numberFieldVariants } from './styles.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const NumberFieldContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * NumberField Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const NumberFieldRoot = ({
+  children,
+  className,
+  fullWidth,
+  variant,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => numberFieldVariants({
+    fullWidth,
+    variant
+  }), [fullWidth, variant]);
+  return /*#__PURE__*/jsx(NumberFieldContext, {
+    value: {
+      slots
+    },
+    children: /*#__PURE__*/jsx(NumberField, {
+      "data-slot": "number-field",
+      ...props,
+      className: composeTwRenderProps(className, slots?.base()),
+      children: values => /*#__PURE__*/jsx(Fragment, {
+        children: typeof children === "function" ? children(values) : children
+      })
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * NumberField Group
+ * -----------------------------------------------------------------------------------------------*/
+
+const NumberFieldGroup = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(NumberFieldContext);
+  return /*#__PURE__*/jsx(Group, {
+    className: composeTwRenderProps(className, slots?.group()),
+    "data-slot": "number-field-group",
+    ...props,
+    children: values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * NumberField Input
+ * -----------------------------------------------------------------------------------------------*/
+
+const NumberFieldInput = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(NumberFieldContext);
+  return /*#__PURE__*/jsx(Input, {
+    className: composeTwRenderProps(className, slots?.input()),
+    "data-slot": "number-field-input",
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * NumberField Increment Button
+ * -----------------------------------------------------------------------------------------------*/
+
+const NumberFieldIncrementButton = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(NumberFieldContext);
+  return /*#__PURE__*/jsx(Button, {
+    className: composeTwRenderProps(className, slots?.incrementButton()),
+    "data-slot": "number-field-increment-button",
+    slot: "increment",
+    ...props,
+    children: children && /*#__PURE__*/React__default.isValidElement(children) ? children : /*#__PURE__*/jsx(IconPlus, {
+      "data-slot": "number-field-increment-button-icon"
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * NumberField Decrement Button
+ * -----------------------------------------------------------------------------------------------*/
+
+const NumberFieldDecrementButton = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(NumberFieldContext);
+  return /*#__PURE__*/jsx(Button, {
+    className: composeTwRenderProps(className, slots?.decrementButton()),
+    "data-slot": "number-field-decrement-button",
+    slot: "decrement",
+    ...props,
+    children: children && /*#__PURE__*/React__default.isValidElement(children) ? children : /*#__PURE__*/jsx(IconMinus, {
+      "data-slot": "number-field-decrement-button-icon"
+    })
+  });
+};
+
+export { NumberFieldDecrementButton, NumberFieldGroup, NumberFieldIncrementButton, NumberFieldInput, NumberFieldRoot };

package/dist/components/number-field/styles.d.ts

@@ -0,0 +1,69 @@
+import type { VariantProps } from "tailwind-variants";
+export declare const numberFieldVariants: import("tailwind-variants").TVReturnType<{
+    fullWidth: {
+        false: {};
+        true: {
+            base: string;
+            group: string;
+        };
+    };
+    variant: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    decrementButton: string;
+    group: string;
+    incrementButton: string;
+    input: string;
+}, undefined, {
+    fullWidth: {
+        false: {};
+        true: {
+            base: string;
+            group: string;
+        };
+    };
+    variant: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    decrementButton: string;
+    group: string;
+    incrementButton: string;
+    input: string;
+}, import("tailwind-variants").TVReturnType<{
+    fullWidth: {
+        false: {};
+        true: {
+            base: string;
+            group: string;
+        };
+    };
+    variant: {
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    decrementButton: string;
+    group: string;
+    incrementButton: string;
+    input: string;
+}, undefined, unknown, unknown, undefined>>;
+export type NumberFieldVariants = VariantProps<typeof numberFieldVariants>;

package/dist/components/number-field/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+import { tv } from 'tailwind-variants';
+
+const numberFieldVariants = tv({
+  defaultVariants: {
+    fullWidth: false,
+    variant: "primary"
+  },
+  slots: {
+    base: "number-field",
+    decrementButton: "number-field__decrement-button",
+    group: "number-field__group",
+    incrementButton: "number-field__increment-button",
+    input: "number-field__input"
+  },
+  variants: {
+    fullWidth: {
+      false: {},
+      true: {
+        base: "number-field--full-width",
+        group: "number-field__group--full-width"
+      }
+    },
+    variant: {
+      primary: {
+        base: "number-field--primary"
+      },
+      secondary: {
+        base: "number-field--secondary"
+      }
+    }
+  }
+});
+
+export { numberFieldVariants };

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,64 @@
+import type { ComponentProps } from "react";
+import { PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextIcon, PaginationPrevious, PaginationPreviousIcon, PaginationRoot, PaginationSummary } from "./pagination";
+export declare const Pagination: {
+    ({ children, className, size, ...props }: import("./pagination").PaginationRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Content: {
+        ({ children, className, ...props }: import("./pagination").PaginationContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Ellipsis: {
+        ({ className, ...props }: import("./pagination").PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ children, className, ...props }: import("./pagination").PaginationItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Link: {
+        ({ children, className, isActive, ...props }: import("./pagination").PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Next: {
+        ({ children, className, ...props }: import("./pagination").PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    NextIcon: {
+        ({ children, className, ...props }: import("./pagination").PaginationNextIconProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Previous: {
+        ({ children, className, ...props }: import("./pagination").PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    PreviousIcon: {
+        ({ children, className, ...props }: import("./pagination").PaginationPreviousIconProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Root: {
+        ({ children, className, size, ...props }: import("./pagination").PaginationRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Summary: {
+        ({ children, className, ...props }: import("./pagination").PaginationSummaryProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type Pagination = {
+    ContentProps: ComponentProps<typeof PaginationContent>;
+    EllipsisProps: ComponentProps<typeof PaginationEllipsis>;
+    ItemProps: ComponentProps<typeof PaginationItem>;
+    LinkProps: ComponentProps<typeof PaginationLink>;
+    NextIconProps: ComponentProps<typeof PaginationNextIcon>;
+    NextProps: ComponentProps<typeof PaginationNext>;
+    PreviousIconProps: ComponentProps<typeof PaginationPreviousIcon>;
+    PreviousProps: ComponentProps<typeof PaginationPrevious>;
+    Props: ComponentProps<typeof PaginationRoot>;
+    RootProps: ComponentProps<typeof PaginationRoot>;
+    SummaryProps: ComponentProps<typeof PaginationSummary>;
+};
+export { PaginationRoot, PaginationSummary, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationPreviousIcon, PaginationNext, PaginationNextIcon, PaginationEllipsis, };
+export type { PaginationRootProps, PaginationRootProps as PaginationProps, PaginationSummaryProps, PaginationContentProps, PaginationItemProps, PaginationLinkProps, PaginationPreviousProps, PaginationPreviousIconProps, PaginationNextProps, PaginationNextIconProps, PaginationEllipsisProps, } from "./pagination";
+export { paginationVariants } from "./styles";
+export type { PaginationVariants } from "./styles";

package/dist/components/pagination/index.js

@@ -0,0 +1,21 @@
+"use strict";
+import { PaginationRoot, PaginationSummary, PaginationPreviousIcon, PaginationPrevious, PaginationNextIcon, PaginationNext, PaginationLink, PaginationItem, PaginationEllipsis, PaginationContent } from './pagination.js';
+export { paginationVariants } from './styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Pagination = Object.assign(PaginationRoot, {
+  Content: PaginationContent,
+  Ellipsis: PaginationEllipsis,
+  Item: PaginationItem,
+  Link: PaginationLink,
+  Next: PaginationNext,
+  NextIcon: PaginationNextIcon,
+  Previous: PaginationPrevious,
+  PreviousIcon: PaginationPreviousIcon,
+  Root: PaginationRoot,
+  Summary: PaginationSummary
+});
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextIcon, PaginationPrevious, PaginationPreviousIcon, PaginationRoot, PaginationSummary };

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,84 @@
+import type { PaginationVariants } from "./styles";
+import type { ComponentPropsWithRef } from "react";
+import React from "react";
+import { Button as ButtonPrimitive } from "react-aria-components";
+interface PaginationRootProps extends ComponentPropsWithRef<"nav">, PaginationVariants {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const PaginationRoot: {
+    ({ children, className, size, ...props }: PaginationRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationSummaryProps extends ComponentPropsWithRef<"div"> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const PaginationSummary: {
+    ({ children, className, ...props }: PaginationSummaryProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationContentProps extends ComponentPropsWithRef<"ul"> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const PaginationContent: {
+    ({ children, className, ...props }: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationItemProps extends ComponentPropsWithRef<"li"> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const PaginationItem: {
+    ({ children, className, ...props }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationLinkProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+    className?: string;
+    children: React.ReactNode;
+    isActive?: boolean;
+}
+declare const PaginationLink: {
+    ({ children, className, isActive, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationPreviousProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const PaginationPrevious: {
+    ({ children, className, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationPreviousIconProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    children?: React.ReactNode;
+}
+declare const PaginationPreviousIcon: {
+    ({ children, className, ...props }: PaginationPreviousIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationNextProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const PaginationNext: {
+    ({ children, className, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationNextIconProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    children?: React.ReactNode;
+}
+declare const PaginationNextIcon: {
+    ({ children, className, ...props }: PaginationNextIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationEllipsisProps extends ComponentPropsWithRef<"span"> {
+    className?: string;
+}
+declare const PaginationEllipsis: {
+    ({ className, ...props }: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { PaginationRoot, PaginationSummary, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationPreviousIcon, PaginationNext, PaginationNextIcon, PaginationEllipsis, };
+export type { PaginationRootProps, PaginationSummaryProps, PaginationContentProps, PaginationItemProps, PaginationLinkProps, PaginationPreviousProps, PaginationPreviousIconProps, PaginationNextProps, PaginationNextIconProps, PaginationEllipsisProps, };