paris 0.23.1 → 0.24.1

package/dist/stories/informationaltooltip/InformationalTooltip.css

@@ -0,0 +1,22 @@
+.paris_tooltip_QdB1w {
+  background-color: var(--pte-new-colors-surfacePrimary);
+  border-radius: var(--pte-new-borders-radius-rounded);
+  box-shadow: var(--pte-new-lighting-deepBelow);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 6px;
+  width: 280px;
+  padding: 12px 14px;
+  color: var(--pte-new-colors-contentTertiary);
+}
+.paris_tooltip_QdB1w.paris_medium_7veyJ {
+  width: 240px;
+}
+
+.paris_heading_wQIgt {
+  color: var(--pte-new-colors-contentSecondary);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}

package/dist/stories/informationaltooltip/InformationalTooltip.d.ts

@@ -0,0 +1,68 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export type InformationalTooltipProps = {
+    /**
+     * The size of the tooltip.
+     *
+     * @default 'large'
+     */
+    size?: 'medium' | 'large';
+    /** The element that toggles the tooltip. If none provided, it will default to an info icon */
+    trigger?: ReactNode;
+    /** The heading text in the tooltip. If null, the heading will be hidden. */
+    heading?: string | null;
+    /** The contents of the tooltip. */
+    children?: ReactNode;
+    /**
+     * The side of the trigger that will render the tooltip, though is able to move to avoid collisions.
+     *
+     * @default 'bottom'
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Distance in pixels from the trigger
+     *
+     * @default '6'
+     */
+    sideOffset?: number;
+    /**
+     * The alignment against the trigger, if there are no collisions
+     *
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Whether the tooltip should be open by default.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * By default, tooltip opens on hover and on click (for mobile support). If you want to disable the click event, set this to true.
+     * @default false
+     */
+    disableClick?: boolean;
+    /**
+     * Optional overrides for props of each tooltip element.
+     *
+     * Valid keys are: `tooltip`, `heading`.
+     */
+    overrides?: {
+        /** The main tooltip element  */
+        tooltip?: HTMLMotionProps<'div'>;
+        /** The heading element */
+        heading?: ComponentPropsWithoutRef<'div'>;
+    };
+};
+/**
+ * An InformationalTooltip component, based on [`radix-ui/react-tooltip`](https://www.radix-ui.com/primitives/docs/components/tooltip).
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { InformationalTooltip } from 'paris/informationaltooltip';
+ * ```
+ * @constructor
+ */
+export declare const InformationalTooltip: FC<InformationalTooltipProps>;

package/dist/stories/informationaltooltip/InformationalTooltip.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { clsx } from 'clsx';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useState } from 'react';
+import { Icon } from '../icon/Icon.js';
+import { Info } from '../icon/Info.js';
+import 'pte';
+import { pvar, pget } from '../theme/themes.js';
+import { TextWhenString } from '../utility/TextWhenString.js';
+import styles from './InformationalTooltip.module.scss.js';
+
+const InformationalTooltip = ({
+  size = "large",
+  trigger,
+  heading,
+  children,
+  side = "bottom",
+  sideOffset = 6,
+  align = "start",
+  defaultOpen = false,
+  disableClick = false,
+  overrides
+}) => {
+  const [isOpen, setOpen] = useState(defaultOpen);
+  const parseCSSTime = (timeValue) => {
+    const match = timeValue.match(/^([\d.]+)(ms|s)$/);
+    if (!match) {
+      console.warn('Invalid CSS time format. Expected formats: "100ms", "0.5s"');
+      return 0;
+    }
+    const [, value, unit] = match;
+    const numValue = parseFloat(value);
+    return unit === "s" ? numValue * 1e3 : numValue;
+  };
+  return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration: parseCSSTime(pget("new.animations.duration.normal")), children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { open: isOpen, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(
+      RadixTooltip.Trigger,
+      {
+        onClick: () => {
+          if (!disableClick) {
+            setOpen(!isOpen);
+          }
+        },
+        children: !trigger ? /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: Info,
+            size: 14,
+            className: styles.icon,
+            style: { color: pvar("new.colors.contentSecondary") }
+          }
+        ) : trigger
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(RadixTooltip.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(RadixTooltip.Content, { side, sideOffset, align, asChild: true, children: /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 3 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: 3 },
+        transition: {
+          duration: parseCSSTime(pget("new.animations.duration.normal")) / 1e3
+        },
+        ...overrides?.tooltip,
+        className: clsx(styles.tooltip, styles[size], overrides?.tooltip?.className),
+        children: [
+          heading && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...overrides?.heading,
+              className: clsx(styles.heading, overrides?.heading?.className),
+              children: /* @__PURE__ */ jsx(TextWhenString, { as: "p", kind: "paragraphXSmall", weight: "medium", children: heading })
+            }
+          ),
+          /* @__PURE__ */ jsx(TextWhenString, { as: "p", kind: "paragraphXSmall", children })
+        ]
+      }
+    ) }) }) })
+  ] }) });
+};
+
+export { InformationalTooltip };
+//# sourceMappingURL=InformationalTooltip.js.map

package/dist/stories/informationaltooltip/InformationalTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationalTooltip.js","sources":["../../../src/stories/informationaltooltip/InformationalTooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { clsx } from 'clsx';\nimport type { HTMLMotionProps } from 'framer-motion';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { useState } from 'react';\nimport { Icon, Info } from '../icon';\nimport { pget, pvar } from '../theme';\nimport { TextWhenString } from '../utility';\nimport styles from './InformationalTooltip.module.scss';\n\nexport type InformationalTooltipProps = {\n    /**\n     * The size of the tooltip.\n     *\n     * @default 'large'\n     */\n    size?: 'medium' | 'large';\n    /** The element that toggles the tooltip. If none provided, it will default to an info icon */\n    trigger?: ReactNode;\n    /** The heading text in the tooltip. If null, the heading will be hidden. */\n    heading?: string | null;\n    /** The contents of the tooltip. */\n    children?: ReactNode;\n    /**\n     * The side of the trigger that will render the tooltip, though is able to move to avoid collisions.\n     *\n     * @default 'bottom'\n     */\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    /**\n     * Distance in pixels from the trigger\n     *\n     * @default '6'\n     */\n    sideOffset?: number;\n    /**\n     * The alignment against the trigger, if there are no collisions\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end';\n    /**\n     * Whether the tooltip should be open by default.\n     * @default false\n     */\n    defaultOpen?: boolean;\n    /**\n     * By default, tooltip opens on hover and on click (for mobile support). If you want to disable the click event, set this to true.\n     * @default false\n     */\n    disableClick?: boolean;\n    /**\n     * Optional overrides for props of each tooltip element.\n     *\n     * Valid keys are: `tooltip`, `heading`.\n     */\n    overrides?: {\n        /** The main tooltip element  */\n        tooltip?: HTMLMotionProps<'div'>;\n        /** The heading element */\n        heading?: ComponentPropsWithoutRef<'div'>;\n    };\n};\n\n/**\n * An InformationalTooltip component, based on [`radix-ui/react-tooltip`](https://www.radix-ui.com/primitives/docs/components/tooltip).\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { InformationalTooltip } from 'paris/informationaltooltip';\n * ```\n * @constructor\n */\nexport const InformationalTooltip: FC<InformationalTooltipProps> = ({\n    size = 'large',\n    trigger,\n    heading,\n    children,\n    side = 'bottom',\n    sideOffset = 6,\n    align = 'start',\n    defaultOpen = false,\n    disableClick = false,\n    overrides,\n}) => {\n    const [isOpen, setOpen] = useState(defaultOpen);\n\n    /**\n     * Converts a CSS time value string to milliseconds\n     * @param timeValue - The CSS time value (e.g. '100ms', '0.5s')\n     * @returns The time value in milliseconds\n     * @throws Error if the time value format is invalid\n     */\n    const parseCSSTime = (timeValue: string): number => {\n        // Match the value and unit\n        const match = timeValue.match(/^([\\d.]+)(ms|s)$/);\n\n        if (!match) {\n            console.warn('Invalid CSS time format. Expected formats: \"100ms\", \"0.5s\"');\n            return 0;\n        }\n\n        const [, value, unit] = match;\n        const numValue = parseFloat(value);\n\n        // Convert to milliseconds based on the unit\n        return unit === 's' ? numValue * 1000 : numValue;\n    };\n\n    return (\n        <RadixTooltip.Provider delayDuration={parseCSSTime(pget('new.animations.duration.normal'))}>\n            <RadixTooltip.Root open={isOpen} onOpenChange={setOpen}>\n                <RadixTooltip.Trigger\n                    onClick={() => {\n                        if (!disableClick) {\n                            setOpen(!isOpen);\n                        }\n                    }}\n                >\n                    {!trigger ? (\n                        <Icon\n                            icon={Info}\n                            size={14}\n                            className={styles.icon}\n                            style={{ color: pvar('new.colors.contentSecondary') }}\n                        />\n                    ) : (\n                        trigger\n                    )}\n                </RadixTooltip.Trigger>\n                <AnimatePresence>\n                    {isOpen && (\n                        <RadixTooltip.Portal forceMount>\n                            <RadixTooltip.Content side={side} sideOffset={sideOffset} align={align} asChild>\n                                <motion.div\n                                    initial={{ opacity: 0, y: 3 }}\n                                    animate={{ opacity: 1, y: 0 }}\n                                    exit={{ opacity: 0, y: 3 }}\n                                    transition={{\n                                        duration: parseCSSTime(pget('new.animations.duration.normal')) / 1000,\n                                    }}\n                                    {...overrides?.tooltip}\n                                    className={clsx(styles.tooltip, styles[size], overrides?.tooltip?.className)}\n                                >\n                                    {heading && (\n                                        <div\n                                            {...overrides?.heading}\n                                            className={clsx(styles.heading, overrides?.heading?.className)}\n                                        >\n                                            <TextWhenString as=\"p\" kind=\"paragraphXSmall\" weight=\"medium\">\n                                                {heading}\n                                            </TextWhenString>\n                                        </div>\n                                    )}\n                                    <TextWhenString as=\"p\" kind=\"paragraphXSmall\">\n                                        {children}\n                                    </TextWhenString>\n                                </motion.div>\n                            </RadixTooltip.Content>\n                        </RadixTooltip.Portal>\n                    )}\n                </AnimatePresence>\n            </RadixTooltip.Root>\n        </RadixTooltip.Provider>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/informationaltooltip/InformationalTooltip.module.scss.js

@@ -0,0 +1,11 @@
+import './InformationalTooltip.css';const tooltip = "paris_tooltip_QdB1w";
+const medium = "paris_medium_7veyJ";
+const heading = "paris_heading_wQIgt";
+const styles = {
+	tooltip: tooltip,
+	medium: medium,
+	heading: heading
+};
+
+export { styles as default, heading, medium, tooltip };
+//# sourceMappingURL=InformationalTooltip.module.scss.js.map

package/dist/stories/informationaltooltip/InformationalTooltip.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationalTooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/stories/informationaltooltip/index.js

@@ -0,0 +1,2 @@
+export { InformationalTooltip } from './InformationalTooltip.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/informationaltooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/stories/input/Input.css

@@ -0,0 +1,165 @@
+.paris_inputContainer_a8TwY {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 12px;
+  min-height: 34px;
+  background-color: var(--pte-new-colors-inputFill);
+  width: 100%;
+  padding: calc(6px - var(--pte-typography-verticalMetricsAdjust)) 13px 6px;
+  font-size: var(--pte-typography-styles-paragraphSmall-fontSize);
+  font-style: var(--pte-typography-styles-paragraphSmall-fontStyle);
+  font-weight: var(--pte-typography-styles-paragraphSmall-fontWeight);
+  letter-spacing: var(--pte-typography-styles-paragraphSmall-letterSpacing);
+  line-height: var(--pte-typography-styles-paragraphSmall-lineHeight);
+  text-transform: var(--pte-typography-styles-paragraphSmall-textTransform);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--pte-new-colors-inputFill);
+  border-radius: var(--pte-borders-radius-rectangle);
+  transition: var(--pte-animations-interaction);
+}
+.paris_inputContainer_a8TwY:focus-within {
+  outline: none;
+  border-color: var(--pte-new-colors-inputBorderFocus);
+  background-color: var(--pte-new-colors-inputFillFocus);
+}
+.paris_inputContainer_a8TwY[data-status=disabled] {
+  border-color: var(--pte-new-colors-inputFillDisabled);
+  background-color: var(--pte-new-colors-inputFillDisabled);
+  color: var(--pte-new-colors-contentDisabled);
+  pointer-events: none;
+  cursor: default;
+}
+.paris_inputContainer_a8TwY[data-status=disabled]:focus-within {
+  border-color: var(--pte-new-colors-inputFillDisabled) !important;
+}
+.paris_inputContainer_a8TwY[data-status=error] {
+  border-color: var(--pte-new-colors-inputBorderNegative);
+  background-color: var(--pte-new-colors-inputFillNegative);
+  color: var(--pte-new-colors-contentNegative);
+}
+.paris_inputContainer_a8TwY[data-status=error]:focus-within {
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_inputContainer_a8TwY[data-status=success] {
+  border-color: var(--pte-new-colors-contentPositive);
+  background-color: var(--pte-new-colors-backgroundPositive);
+  color: var(--pte-new-colors-contentPositive);
+}
+.paris_inputContainer_a8TwY[data-status=success]:focus-within {
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_inputContainer_a8TwY input[type=color], .paris_inputContainer_a8TwY input[type=date], .paris_inputContainer_a8TwY input[type=datetime], .paris_inputContainer_a8TwY input[type=datetime-local], .paris_inputContainer_a8TwY input[type=email], .paris_inputContainer_a8TwY input[type=month], .paris_inputContainer_a8TwY input[type=number], .paris_inputContainer_a8TwY input[type=password], .paris_inputContainer_a8TwY input[type=search], .paris_inputContainer_a8TwY input[type=tel], .paris_inputContainer_a8TwY input[type=text], .paris_inputContainer_a8TwY input[type=time], .paris_inputContainer_a8TwY input[type=url], .paris_inputContainer_a8TwY input[type=week], .paris_inputContainer_a8TwY select:focus, .paris_inputContainer_a8TwY textarea {
+  font-size: 16px;
+  transform: scale(0.875);
+  transform-origin: left center;
+  width: 114.2857142857%;
+}
+.paris_inputContainer_a8TwY input, .paris_inputContainer_a8TwY textarea {
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  border: none;
+  outline: none;
+}
+.paris_inputContainer_a8TwY input::placeholder, .paris_inputContainer_a8TwY textarea::placeholder {
+  color: var(--pte-new-colors-contentTertiary);
+}
+.paris_inputContainer_a8TwY input[aria-disabled=true], .paris_inputContainer_a8TwY textarea[aria-disabled=true] {
+  color: var(--pte-new-colors-contentDisabled);
+  cursor: default;
+}
+.paris_inputContainer_a8TwY input[aria-disabled=true]::placeholder, .paris_inputContainer_a8TwY textarea[aria-disabled=true]::placeholder {
+  color: var(--pte-new-colors-contentDisabled);
+}
+.paris_inputContainer_a8TwY input[type=color]::-webkit-color-swatch, .paris_inputContainer_a8TwY textarea[type=color]::-webkit-color-swatch {
+  border: 1px solid var(--pte-new-colors-inputBorderFocus);
+  border-radius: var(--pte-borders-radius-circle);
+}
+.paris_inputContainer_a8TwY input[type=color]::-webkit-color-swatch-wrapper, .paris_inputContainer_a8TwY textarea[type=color]::-webkit-color-swatch-wrapper {
+  width: 16px;
+  height: 100%;
+}
+.paris_inputContainer_a8TwY input[type=file]::-webkit-file-upload-button, .paris_inputContainer_a8TwY textarea[type=file]::-webkit-file-upload-button {
+  display: none;
+}
+.paris_inputContainer_a8TwY input[data-status=disabled], .paris_inputContainer_a8TwY textarea[data-status=disabled] {
+  color: var(--pte-new-colors-contentDisabled);
+}
+.paris_inputContainer_a8TwY input[data-status=disabled]::placeholder, .paris_inputContainer_a8TwY textarea[data-status=disabled]::placeholder {
+  color: var(--pte-new-colors-contentDisabled);
+}
+.paris_inputContainer_a8TwY input[data-status=error], .paris_inputContainer_a8TwY textarea[data-status=error] {
+  color: var(--pte-new-colors-contentNegative);
+}
+.paris_inputContainer_a8TwY input[data-status=error]::placeholder, .paris_inputContainer_a8TwY textarea[data-status=error]::placeholder {
+  color: var(--pte-new-colors-contentNegative);
+}
+.paris_inputContainer_a8TwY input[data-status=success], .paris_inputContainer_a8TwY textarea[data-status=success] {
+  color: var(--pte-new-colors-contentPositive);
+}
+.paris_inputContainer_a8TwY input[data-status=success]::placeholder, .paris_inputContainer_a8TwY textarea[data-status=success]::placeholder {
+  color: var(--pte-new-colors-contentPositive);
+}
+
+.paris_inputScaleWrapper_XVKDd {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.paris_enhancer_dWZ5z {
+  display: flex;
+  color: var(--pte-new-colors-contentSecondary);
+  margin-block-start: -0.5px;
+  font-size: var(--pte-typography-styles-paragraphSmall-fontSize);
+  font-style: var(--pte-typography-styles-paragraphSmall-fontStyle);
+  font-weight: var(--pte-typography-styles-paragraphSmall-fontWeight);
+  letter-spacing: var(--pte-typography-styles-paragraphSmall-letterSpacing);
+  line-height: var(--pte-typography-styles-paragraphSmall-lineHeight);
+  text-transform: var(--pte-typography-styles-paragraphSmall-textTransform);
+}
+.paris_enhancer_dWZ5z[data-status=disabled] {
+  color: var(--pte-new-colors-contentDisabled);
+}
+.paris_enhancer_dWZ5z[data-status=error] {
+  color: var(--pte-new-colors-contentNegative);
+}
+.paris_enhancer_dWZ5z[data-status=success] {
+  color: var(--pte-new-colors-contentPositive);
+}
+
+.paris_container_4aoux {
+  width: 100%;
+  user-select: var(--pte-utils-defaultUserSelect);
+  cursor: default;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.paris_labelContainer_23crm {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+.paris_label_3aOoG.paris_label_3aOoG {
+  color: var(--pte-new-colors-contentPrimary);
+  font-weight: var(--pte-typography-fontWeights-medium);
+}
+
+.paris_description_XO-Hx.paris_description_XO-Hx {
+  color: var(--pte-new-colors-contentTertiary);
+}
+
+.paris_hidden_NLeJu {
+  display: none;
+}
+
+.paris_input_Pjdom::-webkit-calendar-picker-indicator {
+  display: none;
+}

package/dist/stories/input/Input.d.ts

@@ -0,0 +1,57 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { Enhancer } from '../../types/Enhancer';
+import { FieldProps } from '../field';
+import { TextProps } from '../text';
+export type InputProps = {
+    /**
+     * This is required for accessibility. If the label is not a string, you should provide an `aria-label` prop directly to specify the text used for accessibility
+     */
+    label: React.ReactNode;
+    /**
+     * The status of the input field.
+     * @default default
+     */
+    status?: 'default' | 'error' | 'success';
+    /**
+     * The input type. All HTML5 input types are supported, but some may require additional props to be set for full accessibility or aesthetic.
+     * @default text
+     */
+    type?: 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
+    /**
+     * The placeholder for the input.
+     */
+    placeholder?: string;
+    /**
+     * An icon or other element to render before the Input element. A `{ size }` argument is passed that should be used to determine the width & height of the content displayed.
+     */
+    startEnhancer?: Enhancer;
+    /**
+     * An icon or other element to render after the Input element. A `{ size }` argument is passed that should be used to determine the width & height of the content displayed.
+     */
+    endEnhancer?: Enhancer;
+    /**
+     * Prop overrides for other rendered elements. Overrides for the input itself should be passed directly to the component.
+     */
+    overrides?: {
+        container?: ComponentPropsWithoutRef<'div'>;
+        label?: TextProps<'label'>;
+        description?: TextProps<'p'>;
+        startEnhancerContainer?: ComponentPropsWithoutRef<'div'>;
+        endEnhancerContainer?: ComponentPropsWithoutRef<'div'>;
+    };
+} & FieldProps;
+/**
+ * An `Input` is used to collect user input, such as text, numbers, or dates.
+ *
+ * > `overrides` available: `container`, `label`, `description`, `startEnhancerContainer`, `endEnhancerContainer`
+ *
+ * <hr />
+ *
+ * To use the `Input` component, import it as follows:
+ *
+ * ```js
+ * import { Input } from 'paris/input';
+ * ```
+ * @constructor
+ */
+export declare const Input: FC<InputProps & ComponentPropsWithoutRef<'input'>>;

package/dist/stories/input/Input.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { forwardRef, useId } from 'react';
+import { MemoizedEnhancer } from '../../helpers/renderEnhancer.js';
+import { Field } from '../field/Field.js';
+import 'pte';
+import { theme } from '../theme/themes.js';
+import inputStyles from './Input.module.scss.js';
+
+const Input = forwardRef(
+  ({
+    label,
+    status,
+    type,
+    hideLabel,
+    description,
+    hideDescription,
+    descriptionPosition,
+    startEnhancer,
+    endEnhancer,
+    disabled,
+    overrides,
+    ...props
+  }, ref) => {
+    const inputID = useId();
+    return /* @__PURE__ */ jsx(
+      Field,
+      {
+        htmlFor: inputID,
+        label,
+        hideLabel,
+        description,
+        hideDescription,
+        disabled,
+        descriptionPosition,
+        overrides: {
+          container: {
+            ...overrides?.container,
+            className: clsx(
+              // styles.fieldContainer,
+              overrides?.container?.className
+            )
+          },
+          label: overrides?.label,
+          description: overrides?.description
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: inputStyles.inputContainer,
+            "data-status": disabled ? "disabled" : status || "default",
+            children: [
+              !!startEnhancer && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...overrides?.startEnhancerContainer,
+                  className: clsx(inputStyles.enhancer, overrides?.startEnhancerContainer?.className),
+                  "data-status": disabled ? "disabled" : status || "default",
+                  children: !!startEnhancer && /* @__PURE__ */ jsx(
+                    MemoizedEnhancer,
+                    {
+                      enhancer: startEnhancer,
+                      size: parseInt(theme.typography.styles.paragraphSmall.fontSize, 10)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: inputStyles.inputScaleWrapper, children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ...props,
+                  id: inputID,
+                  ref,
+                  type: type || "text",
+                  "aria-label": typeof label === "string" ? label : props["aria-label"],
+                  "aria-describedby": `${inputID}-description`,
+                  "aria-disabled": disabled,
+                  "data-status": disabled ? "disabled" : status || "default",
+                  readOnly: disabled,
+                  className: clsx(props.className, inputStyles.input)
+                }
+              ) }),
+              !!endEnhancer && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...overrides?.endEnhancerContainer,
+                  className: clsx(inputStyles.enhancer, overrides?.endEnhancerContainer?.className),
+                  "data-status": disabled ? "disabled" : status || "default",
+                  children: !!endEnhancer && /* @__PURE__ */ jsx(
+                    MemoizedEnhancer,
+                    {
+                      enhancer: endEnhancer,
+                      size: parseInt(theme.typography.styles.paragraphSmall.fontSize, 10)
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/stories/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/stories/input/Input.tsx"],"sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, FC, ForwardedRef } from 'react';\nimport { forwardRef, useId } from 'react';\nimport { MemoizedEnhancer } from '../../helpers/renderEnhancer';\nimport type { Enhancer } from '../../types/Enhancer';\nimport type { FieldProps } from '../field';\nimport { Field } from '../field';\nimport type { TextProps } from '../text';\nimport { theme } from '../theme';\nimport styles from './Input.module.scss';\n\nexport type InputProps = {\n    /**\n     * This is required for accessibility. If the label is not a string, you should provide an `aria-label` prop directly to specify the text used for accessibility\n     */\n    label: React.ReactNode;\n    /**\n     * The status of the input field.\n     * @default default\n     */\n    status?: 'default' | 'error' | 'success';\n    /**\n     * The input type. All HTML5 input types are supported, but some may require additional props to be set for full accessibility or aesthetic.\n     * @default text\n     */\n    type?:\n        | 'button'\n        | 'checkbox'\n        | 'color'\n        | 'date'\n        | 'datetime-local'\n        | 'email'\n        | 'file'\n        | 'hidden'\n        | 'image'\n        | 'month'\n        | 'number'\n        | 'password'\n        | 'radio'\n        | 'range'\n        | 'reset'\n        | 'search'\n        | 'submit'\n        | 'tel'\n        | 'text'\n        | 'time'\n        | 'url'\n        | 'week';\n    /**\n     * The placeholder for the input.\n     */\n    placeholder?: string;\n    /**\n     * An icon or other element to render before the Input element. A `{ size }` argument is passed that should be used to determine the width & height of the content displayed.\n     */\n    startEnhancer?: Enhancer;\n    /**\n     * An icon or other element to render after the Input element. A `{ size }` argument is passed that should be used to determine the width & height of the content displayed.\n     */\n    endEnhancer?: Enhancer;\n    /**\n     * Prop overrides for other rendered elements. Overrides for the input itself should be passed directly to the component.\n     */\n    overrides?: {\n        container?: ComponentPropsWithoutRef<'div'>;\n        label?: TextProps<'label'>;\n        description?: TextProps<'p'>;\n        startEnhancerContainer?: ComponentPropsWithoutRef<'div'>;\n        endEnhancerContainer?: ComponentPropsWithoutRef<'div'>;\n    };\n} & FieldProps;\n\n/**\n * An `Input` is used to collect user input, such as text, numbers, or dates.\n *\n * > `overrides` available: `container`, `label`, `description`, `startEnhancerContainer`, `endEnhancerContainer`\n *\n * <hr />\n *\n * To use the `Input` component, import it as follows:\n *\n * ```js\n * import { Input } from 'paris/input';\n * ```\n * @constructor\n */\nexport const Input: FC<InputProps & ComponentPropsWithoutRef<'input'>> = forwardRef(\n    (\n        {\n            label,\n            status,\n            type,\n            hideLabel,\n            description,\n            hideDescription,\n            descriptionPosition,\n            startEnhancer,\n            endEnhancer,\n            disabled,\n            overrides,\n            ...props\n        },\n        ref: ForwardedRef<HTMLInputElement>,\n    ) => {\n        const inputID = useId();\n        return (\n            <Field\n                htmlFor={inputID}\n                label={label}\n                hideLabel={hideLabel}\n                description={description}\n                hideDescription={hideDescription}\n                disabled={disabled}\n                descriptionPosition={descriptionPosition}\n                overrides={{\n                    container: {\n                        ...overrides?.container,\n                        className: clsx(\n                            // styles.fieldContainer,\n                            overrides?.container?.className,\n                        ),\n                    },\n                    label: overrides?.label,\n                    description: overrides?.description,\n                }}\n            >\n                <div\n                    className={styles.inputContainer}\n                    // data-status={status}\n                    // data-disabled={disabled}\n                    data-status={disabled ? 'disabled' : status || 'default'}\n                >\n                    {!!startEnhancer && (\n                        <div\n                            {...overrides?.startEnhancerContainer}\n                            className={clsx(styles.enhancer, overrides?.startEnhancerContainer?.className)}\n                            data-status={disabled ? 'disabled' : status || 'default'}\n                        >\n                            {!!startEnhancer && (\n                                <MemoizedEnhancer\n                                    enhancer={startEnhancer}\n                                    size={parseInt(theme.typography.styles.paragraphSmall.fontSize, 10)}\n                                />\n                            )}\n                        </div>\n                    )}\n                    <div className={styles.inputScaleWrapper}>\n                        <input\n                            {...props}\n                            id={inputID}\n                            ref={ref}\n                            type={type || 'text'}\n                            aria-label={typeof label === 'string' ? label : props['aria-label']}\n                            aria-describedby={`${inputID}-description`}\n                            aria-disabled={disabled}\n                            data-status={disabled ? 'disabled' : status || 'default'}\n                            readOnly={disabled}\n                            className={clsx(props.className, styles.input)}\n                        />\n                    </div>\n                    {!!endEnhancer && (\n                        <div\n                            {...overrides?.endEnhancerContainer}\n                            className={clsx(styles.enhancer, overrides?.endEnhancerContainer?.className)}\n                            data-status={disabled ? 'disabled' : status || 'default'}\n                        >\n                            {!!endEnhancer && (\n                                <MemoizedEnhancer\n                                    enhancer={endEnhancer}\n                                    size={parseInt(theme.typography.styles.paragraphSmall.fontSize, 10)}\n                                />\n                            )}\n                        </div>\n                    )}\n                </div>\n            </Field>\n        );\n    },\n);\n"],"names":["styles"],"mappings":"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"}

package/dist/stories/input/Input.module.scss.js

@@ -0,0 +1,23 @@
+import './Input.css';const inputContainer = "paris_inputContainer_a8TwY";
+const inputScaleWrapper = "paris_inputScaleWrapper_XVKDd";
+const enhancer = "paris_enhancer_dWZ5z";
+const container = "paris_container_4aoux";
+const labelContainer = "paris_labelContainer_23crm";
+const label = "paris_label_3aOoG";
+const description = "paris_description_XO-Hx";
+const hidden = "paris_hidden_NLeJu";
+const input = "paris_input_Pjdom";
+const inputStyles = {
+	inputContainer: inputContainer,
+	inputScaleWrapper: inputScaleWrapper,
+	enhancer: enhancer,
+	container: container,
+	labelContainer: labelContainer,
+	label: label,
+	description: description,
+	hidden: hidden,
+	input: input
+};
+
+export { container, inputStyles as default, description, enhancer, hidden, input, inputContainer, inputScaleWrapper, label, labelContainer };
+//# sourceMappingURL=Input.module.scss.js.map

package/dist/stories/input/Input.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/stories/input/index.js

@@ -0,0 +1,2 @@
+export { Input } from './Input.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}