paris 0.23.0 → 0.24.0

package/dist/stories/field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../../src/stories/field/Field.tsx"],"sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type React from 'react';\nimport type { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';\nimport styles from '../input/Input.module.scss';\nimport type { TextProps } from '../text';\nimport { Text } from '../text';\n\nexport type FieldProps = {\n    /**\n     * The ID of the child input.\n     */\n    htmlFor?: string;\n    /**\n     * A label for the field. Can be visually hidden using the `hideLabel` prop.\n     */\n    label?: React.ReactNode;\n    /**\n     * Visually hide the label (while keeping it accessible to screen readers).\n     * @default false\n     */\n    hideLabel?: boolean;\n    /**\n     * A description of the field. Can be visually hidden using the `hideDescription` prop.\n     */\n    description?: React.ReactNode;\n    /**\n     * Visually hide the description while keeping it accessible to screen readers.\n     * @default false\n     */\n    hideDescription?: boolean;\n    /**\n     * Disables the field, disallowing user interaction.\n     */\n    disabled?: boolean;\n    /**\n     * Position of the description relative to the children/input.\n     * @default 'bottom'\n     */\n    descriptionPosition?: 'top' | 'bottom';\n    overrides?: {\n        container?: ComponentPropsWithoutRef<'div'>;\n        label?: TextProps<'label'>;\n        description?: TextProps<'p'>;\n        labelContainer?: ComponentPropsWithoutRef<'div'>;\n    };\n};\n\n/**\n * A Field component wraps a form input component with an accessible label and description.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Field } from 'paris/field';\n * ```\n * @constructor\n */\nexport const Field: FC<PropsWithChildren<FieldProps>> = ({\n    htmlFor,\n    disabled,\n    descriptionPosition = 'bottom',\n    children,\n    // className,\n    ...props\n}) => {\n    const label =\n        typeof props.label === 'string' ? (\n            <Text\n                {...props.overrides?.label}\n                as=\"label\"\n                kind=\"paragraphSmall\"\n                htmlFor={htmlFor}\n                className={clsx(styles.label, { [styles.hidden]: props.hideLabel })}\n            >\n                {props.label}\n            </Text>\n        ) : (\n            <label htmlFor={htmlFor} className={clsx(styles.label, { [styles.hidden]: props.hideLabel })}>\n                {props.label}\n            </label>\n        );\n\n    const description =\n        typeof props.description === 'string' ? (\n            <Text\n                id={`${htmlFor}-description`}\n                {...props.overrides?.description}\n                as=\"p\"\n                kind=\"paragraphXSmall\"\n                className={clsx(\n                    styles.description,\n                    { [styles.hidden]: !props.description || props.hideDescription },\n                    props.overrides?.description?.className,\n                )}\n            >\n                {props.description}\n            </Text>\n        ) : (\n            <div\n                id={`${htmlFor}-description`}\n                className={clsx({ [styles.hidden]: !props.description || props.hideDescription })}\n            >\n                {props.description}\n            </div>\n        );\n\n    return (\n        // Disable a11y rules because the container doesn't need to be focusable for screen readers; the input itself should receive focus instead.\n        // The container is only made clickable for usability purposes.\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n        <div\n            {...props.overrides?.container}\n            className={clsx(\n                props.overrides?.container?.className,\n                styles.container,\n                // className,\n            )}\n            onClick={(e) => {\n                if (typeof window !== 'undefined' && htmlFor) {\n                    const input = document.getElementById(htmlFor);\n                    if (input && !disabled && !input.contains(e.target as Node)) {\n                        if (input.tagName === 'BUTTON') input.click();\n                        else input.focus();\n                    }\n                }\n            }}\n        >\n            {descriptionPosition === 'top' ? (\n                <div\n                    {...props.overrides?.labelContainer}\n                    className={clsx(styles.labelContainer, props.overrides?.labelContainer?.className)}\n                >\n                    {label}\n                    {description}\n                </div>\n            ) : (\n                label\n            )}\n            {children}\n            {descriptionPosition === 'bottom' ? description : <></>}\n        </div>\n    );\n};\n"],"names":["styles"],"mappings":"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AAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAII,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACI,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,EAAM,CAAA,CAAA,CAAA,CAAA,CAAA,C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"}

package/dist/stories/field/index.js

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

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

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

package/dist/stories/icon/ArrowRight.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const ArrowRight: IconDefinition;

package/dist/stories/icon/ArrowRight.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const ArrowRight = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 448 512", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z",
+    fill: "currentColor"
+  }
+) }));
+
+export { ArrowRight };
+//# sourceMappingURL=ArrowRight.js.map

package/dist/stories/icon/ArrowRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.js","sources":["../../../src/stories/icon/ArrowRight.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const ArrowRight: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 448 512\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,aAA6B,IAAA,CAAK,CAAC,EAAE,IAAA,uBAC9C,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,eAAc,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EACpE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,6OAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/Check.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const Check: IconDefinition;

package/dist/stories/icon/Check.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Check = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 448 512", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z",
+    fill: "currentColor"
+  }
+) }));
+
+export { Check };
+//# sourceMappingURL=Check.js.map

package/dist/stories/icon/Check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Check.js","sources":["../../../src/stories/icon/Check.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const Check: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 448 512\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,QAAwB,IAAA,CAAK,CAAC,EAAE,IAAA,uBACzC,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,eAAc,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EACpE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,2JAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/ChevronLeft.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const ChevronLeft: IconDefinition;

package/dist/stories/icon/ChevronLeft.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const ChevronLeft = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M5.46875 9.46875L11.4688 3.5C11.75 3.1875 12.2188 3.1875 12.5312 3.5C12.8125 3.78125 12.8125 4.25 12.5312 4.53125L7.03125 10L12.5 15.5C12.8125 15.7812 12.8125 16.25 12.5 16.5312C12.2188 16.8438 11.75 16.8438 11.4688 16.5312L5.46875 10.5312C5.15625 10.25 5.15625 9.78125 5.46875 9.46875Z",
+    fill: "currentColor"
+  }
+) }));
+
+export { ChevronLeft };
+//# sourceMappingURL=ChevronLeft.js.map

package/dist/stories/icon/ChevronLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronLeft.js","sources":["../../../src/stories/icon/ChevronLeft.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const ChevronLeft: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M5.46875 9.46875L11.4688 3.5C11.75 3.1875 12.2188 3.1875 12.5312 3.5C12.8125 3.78125 12.8125 4.25 12.5312 4.53125L7.03125 10L12.5 15.5C12.8125 15.7812 12.8125 16.25 12.5 16.5312C12.2188 16.8438 11.75 16.8438 11.4688 16.5312L5.46875 10.5312C5.15625 10.25 5.15625 9.78125 5.46875 9.46875Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,cAA8B,IAAA,CAAK,CAAC,EAAE,IAAA,uBAC/C,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EAClE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,gSAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/ChevronRight.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const ChevronRight: IconDefinition;

package/dist/stories/icon/ChevronRight.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const ChevronRight = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M14.5312 9.46875C14.8125 9.78125 14.8125 10.25 14.5312 10.5312L8.53125 16.5312C8.21875 16.8438 7.75 16.8438 7.46875 16.5312C7.15625 16.25 7.15625 15.7812 7.46875 15.5L12.9375 10.0312L7.46875 4.53125C7.15625 4.25 7.15625 3.78125 7.46875 3.5C7.75 3.1875 8.21875 3.1875 8.5 3.5L14.5312 9.46875Z",
+    fill: "currentColor"
+  }
+) }));
+
+export { ChevronRight };
+//# sourceMappingURL=ChevronRight.js.map

package/dist/stories/icon/ChevronRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRight.js","sources":["../../../src/stories/icon/ChevronRight.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const ChevronRight: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M14.5312 9.46875C14.8125 9.78125 14.8125 10.25 14.5312 10.5312L8.53125 16.5312C8.21875 16.8438 7.75 16.8438 7.46875 16.5312C7.15625 16.25 7.15625 15.7812 7.46875 15.5L12.9375 10.0312L7.46875 4.53125C7.15625 4.25 7.15625 3.78125 7.46875 3.5C7.75 3.1875 8.21875 3.1875 8.5 3.5L14.5312 9.46875Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,eAA+B,IAAA,CAAK,CAAC,EAAE,IAAA,uBAChD,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EAClE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,qSAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/Close.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const Close: IconDefinition;

package/dist/stories/icon/Close.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Close = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M14.7812 6.28125L11.0312 10.0312L14.75 13.75C15.0625 14.0312 15.0625 14.5 14.75 14.7812C14.4688 15.0938 14 15.0938 13.7188 14.7812L9.96875 11.0625L6.25 14.7812C5.96875 15.0938 5.5 15.0938 5.21875 14.7812C4.90625 14.5 4.90625 14.0312 5.21875 13.7188L8.9375 10L5.21875 6.28125C4.90625 6 4.90625 5.53125 5.21875 5.21875C5.5 4.9375 5.96875 4.9375 6.28125 5.21875L10 8.96875L13.7188 5.25C14 4.9375 14.4688 4.9375 14.7812 5.25C15.0625 5.53125 15.0625 6 14.7812 6.28125Z",
+    fill: "currentColor"
+  }
+) }));
+
+export { Close };
+//# sourceMappingURL=Close.js.map

package/dist/stories/icon/Close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.js","sources":["../../../src/stories/icon/Close.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const Close: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M14.7812 6.28125L11.0312 10.0312L14.75 13.75C15.0625 14.0312 15.0625 14.5 14.75 14.7812C14.4688 15.0938 14 15.0938 13.7188 14.7812L9.96875 11.0625L6.25 14.7812C5.96875 15.0938 5.5 15.0938 5.21875 14.7812C4.90625 14.5 4.90625 14.0312 5.21875 13.7188L8.9375 10L5.21875 6.28125C4.90625 6 4.90625 5.53125 5.21875 5.21875C5.5 4.9375 5.96875 4.9375 6.28125 5.21875L10 8.96875L13.7188 5.25C14 4.9375 14.4688 4.9375 14.7812 5.25C15.0625 5.53125 15.0625 6 14.7812 6.28125Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,QAAwB,IAAA,CAAK,CAAC,EAAE,IAAA,uBACzC,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EAClE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,idAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/Ellipsis.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const Ellipsis: IconDefinition;

package/dist/stories/icon/Ellipsis.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Ellipsis = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M13.5 10C13.5 9.1875 14.1562 8.5 15 8.5C15.8125 8.5 16.5 9.1875 16.5 10C16.5 10.8438 15.8125 11.5 15 11.5C14.1562 11.5 13.5 10.8438 13.5 10ZM8.5 10C8.5 9.1875 9.15625 8.5 10 8.5C10.8125 8.5 11.5 9.1875 11.5 10C11.5 10.8438 10.8125 11.5 10 11.5C9.15625 11.5 8.5 10.8438 8.5 10ZM6.5 10C6.5 10.8438 5.8125 11.5 5 11.5C4.15625 11.5 3.5 10.8438 3.5 10C3.5 9.1875 4.15625 8.5 5 8.5C5.8125 8.5 6.5 9.1875 6.5 10Z",
+    fill: "currentColor"
+  }
+) }));
+
+export { Ellipsis };
+//# sourceMappingURL=Ellipsis.js.map

package/dist/stories/icon/Ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsis.js","sources":["../../../src/stories/icon/Ellipsis.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const Ellipsis: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M13.5 10C13.5 9.1875 14.1562 8.5 15 8.5C15.8125 8.5 16.5 9.1875 16.5 10C16.5 10.8438 15.8125 11.5 15 11.5C14.1562 11.5 13.5 10.8438 13.5 10ZM8.5 10C8.5 9.1875 9.15625 8.5 10 8.5C10.8125 8.5 11.5 9.1875 11.5 10C11.5 10.8438 10.8125 11.5 10 11.5C9.15625 11.5 8.5 10.8438 8.5 10ZM6.5 10C6.5 10.8438 5.8125 11.5 5 11.5C4.15625 11.5 3.5 10.8438 3.5 10C3.5 9.1875 4.15625 8.5 5 8.5C5.8125 8.5 6.5 9.1875 6.5 10Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,WAA2B,IAAA,CAAK,CAAC,EAAE,IAAA,uBAC5C,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EAClE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,uZAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/{src/stories/icon/Icon.tsx → dist/stories/icon/Icon.d.ts}

@@ -1,6 +1,4 @@
-import type { ComponentPropsWithoutRef, ElementType, NamedExoticComponent } from 'react';
-import { createElement, memo } from 'react';
-
+import { ComponentPropsWithoutRef, ElementType, NamedExoticComponent } from 'react';
 export type IconDefinitionProps = {
     /**
      * The size of the Icon, in pixels.
@@ -8,7 +6,6 @@ export type IconDefinitionProps = {
     size: number;
 };
 export type IconDefinition = NamedExoticComponent<IconDefinitionProps>;
-
 export type IconProps<T extends ElementType = 'span'> = IconDefinitionProps & {
     icon: IconDefinition;
     as?: T;
@@ -16,7 +13,6 @@ export type IconProps<T extends ElementType = 'span'> = IconDefinitionProps & {
         icon?: ComponentPropsWithoutRef<'svg'>;
     };
 } & ComponentPropsWithoutRef<T>;
-
 /**
  * Paris comes with a set of simple UI icons that can be used in your application. Icons are MIT-licensed and can be used in any project.
  *
@@ -31,6 +27,4 @@ export type IconProps<T extends ElementType = 'span'> = IconDefinitionProps & {
  * ```
  * @constructor
  */
-export const Icon = memo<IconProps<ElementType>>(({ as = 'span', icon, size, overrides = { icon: {} }, ...props }) =>
-    createElement(as, props, createElement(icon, { size, ...overrides.icon })),
-);
+export declare const Icon: NamedExoticComponent<IconProps<ElementType>>;

package/dist/stories/icon/Icon.js

@@ -0,0 +1,8 @@
+import { memo, createElement } from 'react';
+
+const Icon = memo(
+  ({ as = "span", icon, size, overrides = { icon: {} }, ...props }) => createElement(as, props, createElement(icon, { size, ...overrides.icon }))
+);
+
+export { Icon };
+//# sourceMappingURL=Icon.js.map

package/dist/stories/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/stories/icon/Icon.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType, NamedExoticComponent } from 'react';\nimport { createElement, memo } from 'react';\n\nexport type IconDefinitionProps = {\n    /**\n     * The size of the Icon, in pixels.\n     */\n    size: number;\n};\nexport type IconDefinition = NamedExoticComponent<IconDefinitionProps>;\n\nexport type IconProps<T extends ElementType = 'span'> = IconDefinitionProps & {\n    icon: IconDefinition;\n    as?: T;\n    overrides?: {\n        icon?: ComponentPropsWithoutRef<'svg'>;\n    };\n} & ComponentPropsWithoutRef<T>;\n\n/**\n * Paris comes with a set of simple UI icons that can be used in your application. Icons are MIT-licensed and can be used in any project.\n *\n * <hr />\n *\n * To use this component, import the parent `Icon` component and the icon you want to use:\n *\n * ```tsx\n * import { Icon, Close } from 'paris/icon';\n *\n * <Icon icon={Close} size={20} />\n * ```\n * @constructor\n */\nexport const Icon = memo<IconProps<ElementType>>(({ as = 'span', icon, size, overrides = { icon: {} }, ...props }) =>\n    createElement(as, props, createElement(icon, { size, ...overrides.icon })),\n);\n"],"names":[],"mappings":";;AAiCO,MAAM,IAAA,GAAO,IAAA;AAAA,EAA6B,CAAC,EAAE,EAAA,GAAK,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,SAAA,GAAY,EAAE,IAAA,EAAM,EAAC,EAAE,EAAG,GAAG,OAAM,KAC5G,aAAA,CAAc,EAAA,EAAI,KAAA,EAAO,aAAA,CAAc,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,IAAA,EAAM,CAAC;AAC7E;;;;"}

package/dist/stories/icon/Info.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const Info: IconDefinition;

package/dist/stories/icon/Info.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Info = memo(({ size }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 512 512", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z",
+    fill: "currentColor"
+  }
+) }));
+
+export { Info };
+//# sourceMappingURL=Info.js.map

package/dist/stories/icon/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.js","sources":["../../../src/stories/icon/Info.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const Info: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 512 512\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,OAAuB,IAAA,CAAK,CAAC,EAAE,IAAA,uBACxC,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,eAAc,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EACpE,QAAA,kBAAA,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,CAAA,EAAE,6SAAA;AAAA,IACF,IAAA,EAAK;AAAA;AACT,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/NotificationDot.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const NotificationDot: IconDefinition;

package/dist/stories/icon/NotificationDot.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const NotificationDot = memo(({ size }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3.5", fill: "#1DEECD", stroke: "#8EF7E6" }) }));
+
+export { NotificationDot };
+//# sourceMappingURL=NotificationDot.js.map

package/dist/stories/icon/NotificationDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDot.js","sources":["../../../src/stories/icon/NotificationDot.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const NotificationDot: IconDefinition = memo(({ size }) => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 8 8\" fill=\"none\">\n        <circle cx=\"4\" cy=\"4\" r=\"3.5\" fill=\"#1DEECD\" stroke=\"#8EF7E6\" />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,eAAA,GAAkC,IAAA,CAAK,CAAC,EAAE,IAAA,EAAK,qBACxD,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,4BAAA,EAA6B,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,MAAA,EACtF,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,KAAI,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,KAAA,EAAM,IAAA,EAAK,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,GAClE,CACH;;;;"}

package/dist/stories/icon/Spinner.d.ts

@@ -0,0 +1,2 @@
+import { IconDefinition } from './Icon';
+export declare const Spinner: IconDefinition;

package/dist/stories/icon/Spinner.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Spinner = memo(({ size }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: ".spinner_ajPY{transform-origin:center;animation:spinner_AtaB .75s infinite linear}@keyframes spinner_AtaB{100%{transform:rotate(360deg)}}"
+      }
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25" }),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+      className: "spinner_ajPY"
+    }
+  )
+] }));
+
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/dist/stories/icon/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/stories/icon/Spinner.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { IconDefinition } from './Icon';\n\nexport const Spinner: IconDefinition = memo(({ size }) => (\n    <svg width={size} height={size} viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <style\n            dangerouslySetInnerHTML={{\n                __html: '.spinner_ajPY{transform-origin:center;animation:spinner_AtaB .75s infinite linear}@keyframes spinner_AtaB{100%{transform:rotate(360deg)}}',\n            }}\n        />\n        <path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\".25\" />\n        <path\n            d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"\n            className=\"spinner_ajPY\"\n        />\n    </svg>\n));\n"],"names":[],"mappings":";;;AAGO,MAAM,OAAA,GAA0B,IAAA,CAAK,CAAC,EAAE,MAAK,qBAChD,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,MAAM,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAQ,WAAA,EAAY,OAAM,4BAAA,EACtD,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACG,uBAAA,EAAyB;AAAA,QACrB,MAAA,EAAQ;AAAA;AACZ;AAAA,GACJ;AAAA,kBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,SAAQ,KAAA,EAAM,CAAA;AAAA,kBACtG,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAE,4JAAA;AAAA,MACF,SAAA,EAAU;AAAA;AAAA;AACd,CAAA,EACJ,CACH;;;;"}

package/dist/stories/icon/index.js

@@ -0,0 +1,11 @@
+export { ArrowRight } from './ArrowRight.js';
+export { Check } from './Check.js';
+export { ChevronLeft } from './ChevronLeft.js';
+export { ChevronRight } from './ChevronRight.js';
+export { Close } from './Close.js';
+export { Ellipsis } from './Ellipsis.js';
+export { Icon } from './Icon.js';
+export { Info } from './Info.js';
+export { NotificationDot } from './NotificationDot.js';
+export { Spinner } from './Spinner.js';
+//# sourceMappingURL=index.js.map

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

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

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.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.module.scss.js

@@ -0,0 +1,11 @@
+import './InformationalTooltip.module.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":""}