@infonomic/uikit 1.0.0

package/dist/components/input/label_module.css

@@ -0,0 +1,22 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .label-oVr7Kk {
+    color: var(--gray-900);
+    font-weight: 500;
+    display: block;
+  }
+
+  .required-VL0BR1 {
+    color: var(--red-500);
+  }
+
+  .dark .label-oVr7Kk:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    color: var(--gray-50);
+  }
+
+  .dark .required-VL0BR1:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    color: var(--red-400);
+  }
+}
+

package/dist/components/input/radio-group.d.ts

@@ -0,0 +1,23 @@
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import type React from 'react';
+import type { Intent } from '../@types/shared';
+export interface RadioGroupValue {
+    id: string;
+    value: string;
+    label: string;
+}
+export declare const RadioGroupItem: ({ intent, className, id, value, label, ref: forwardedRef, ...props }: RadioGroupPrimitive.RadioGroupItemProps & {
+    intent?: Intent;
+    className?: string;
+    id: string;
+    value: string;
+    label: string;
+    ref?: React.RefObject<React.ComponentRef<"div">>;
+}) => React.JSX.Element;
+export declare const RadioGroup: ({ ref: forwardedRef, className, direction, children, ...props }: RadioGroupPrimitive.RadioGroupProps & {
+    direction?: "row" | "column";
+    className?: string;
+    children: React.ReactNode;
+    ref?: React.RefObject<React.ComponentRef<"div">>;
+}) => React.JSX.Element;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/input/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/input/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,cAAc,GAAI,sEAQ5B,mBAAmB,CAAC,mBAAmB,GAAG;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;CACjD,sBAgBA,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,iEAMxB,mBAAmB,CAAC,eAAe,GAAG;IACvC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;CACjD,sBASA,CAAA"}

package/dist/components/input/radio-group.js

@@ -0,0 +1,32 @@
+'use client'
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { RadioGroup } from "radix-ui";
+import radio_group_module from "./radio-group.module.js";
+const RadioGroupItem = ({ intent = 'primary', className, id, value, label, ref: forwardedRef, ...props })=>/*#__PURE__*/ jsxs("div", {
+        ref: forwardedRef,
+        className: radio_group_module["item-container"],
+        children: [
+            /*#__PURE__*/ jsx(RadioGroup.Item, {
+                ...props,
+                className: classnames(radio_group_module.item, radio_group_module[intent]),
+                value: value,
+                id: id,
+                children: /*#__PURE__*/ jsx(RadioGroup.Indicator, {
+                    className: radio_group_module.indicator
+                })
+            }),
+            /*#__PURE__*/ jsx("label", {
+                className: radio_group_module.label,
+                htmlFor: id,
+                children: label
+            })
+        ]
+    });
+const radio_group_RadioGroup = ({ ref: forwardedRef, className, direction = 'column', children, ...props })=>/*#__PURE__*/ jsx(RadioGroup.Root, {
+        ref: forwardedRef,
+        className: classnames(radio_group_module[direction], className),
+        ...props,
+        children: children
+    });
+export { radio_group_RadioGroup as RadioGroup, RadioGroupItem };

package/dist/components/input/radio-group.module.js

@@ -0,0 +1,20 @@
+import "./radio-group_module.css";
+const radio_group_module = {
+    column: "column-LQ2EAh",
+    row: "row-M59fte",
+    "item-container": "item-container-EbfM2u",
+    itemContainer: "item-container-EbfM2u",
+    item: "item-G_Mwa0",
+    indicator: "indicator-TInuBM",
+    radioIn: "radioIn-L_nBcr",
+    radioOut: "radioOut-XH65vc",
+    label: "label-YpJiLs",
+    primary: "primary-W2P_QT",
+    secondary: "secondary-PWYoVU",
+    noeffect: "noeffect-In5gxi",
+    success: "success-R2Jb22",
+    info: "info-A_p4DP",
+    warning: "warning-MWFrsJ",
+    danger: "danger-Lk8pek"
+};
+export { radio_group_module as default };

package/dist/components/input/radio-group_module.css

@@ -0,0 +1,186 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .column-LQ2EAh {
+    gap: var(--gap-2);
+    flex-direction: column;
+    display: flex;
+  }
+
+  .row-M59fte {
+    gap: var(--gap-2);
+    flex-direction: row;
+    display: flex;
+  }
+
+  .item-container-EbfM2u {
+    align-items: center;
+    gap: var(--gap-2);
+    display: flex;
+  }
+
+  .item-G_Mwa0 {
+    all: unset;
+    border-radius: var(--border-radius-full);
+    border: 2px solid var(--radio-border);
+    width: 18px;
+    height: 18px;
+    transition: all var(--transition-normal);
+  }
+
+  .item-G_Mwa0[data-state="checked"] {
+    --ring-offset-color: var(--background);
+    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
+    --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);
+    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
+  }
+
+  .item-G_Mwa0:disabled, .item-G_Mwa0[disabled] {
+    pointer-events: none;
+  }
+
+  .indicator-TInuBM[data-state="checked"] {
+    opacity: 1;
+    animation: .3s cubic-bezier(.25, 1.5, .5, 1) forwards radioIn-L_nBcr;
+    transform: scale(1);
+  }
+
+  .indicator-TInuBM[data-state="unchecked"] {
+    opacity: 0;
+    animation: .2s ease-in radioOut-XH65vc;
+    transform: scale(.8);
+  }
+
+  .indicator-TInuBM {
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    position: relative;
+  }
+
+  .indicator-TInuBM:after {
+    content: "";
+    background-color: var(--radio-indicator-color);
+    border-radius: 50%;
+    width: 11px;
+    height: 11px;
+    display: block;
+  }
+
+  .label-YpJiLs {
+    color: var(--foreground);
+    padding-left: var(--spacing-2);
+    font-size: 15px;
+    line-height: 1;
+  }
+
+  .row-M59fte .label-YpJiLs {
+    padding-left: 0;
+    padding-right: var(--spacing-4);
+  }
+
+  .primary-W2P_QT {
+    --radio-border: var(--primary-400);
+    --radio-indicator-color: var(--primary-400);
+  }
+
+  .secondary-PWYoVU {
+    --radio-border: var(--secondary-400);
+    --radio-indicator-color: var(--secondary-400);
+  }
+
+  .noeffect-In5gxi {
+    --radio-border: var(--gray-400);
+    --radio-indicator-color: var(--gray-400);
+  }
+
+  .success-R2Jb22 {
+    --radio-border: var(--green-400);
+    --radio-indicator-color: var(--green-400);
+  }
+
+  .info-A_p4DP {
+    --radio-border: var(--blue-400);
+    --radio-indicator-color: var(--blue-400);
+  }
+
+  .warning-MWFrsJ {
+    --radio-border: var(--yellow-400);
+    --radio-indicator-color: var(--yellow-400);
+  }
+
+  .danger-Lk8pek {
+    --radio-border: var(--red-400);
+    --radio-indicator-color: var(--red-400);
+  }
+
+  .dark .primary-W2P_QT:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    --radio-border: var(--primary-300);
+    --radio-indicator-color: var(--primary-300);
+  }
+
+  .dark .secondary-PWYoVU:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    --radio-border: var(--secondary-500);
+    --radio-indicator-color: var(--secondary-500);
+  }
+
+  .dark .noeffect-In5gxi:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    ---radio-border: var(--gray-400);
+    --radio-indicator-color: var(--gray-400);
+  }
+
+  .dark .success-R2Jb22:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    --radio-border: var(--green-400);
+    --radio-indicator-color: var(--green-400);
+  }
+
+  .dark .info-A_p4DP:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    --radio-border: var(--blue-400);
+    --radio-indicator-color: var(--blue-400);
+  }
+
+  .dark .warning-MWFrsJ:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    --radio-border: var(--yellow-400);
+    --radio-indicator-color: var(--yellow-400);
+  }
+
+  .dark .danger-Lk8pek:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    --radio-border: var(--red-400);
+    --radio-indicator-color: var(--red-400);
+  }
+
+  @keyframes radioIn-L_nBcr {
+    0% {
+      opacity: 0;
+      transform: scale(.8);
+    }
+
+    50% {
+      opacity: 1;
+      transform: scale(1.2);
+    }
+
+    80% {
+      transform: scale(.9);
+    }
+
+    100% {
+      transform: scale(1);
+    }
+  }
+
+  @keyframes radioOut-XH65vc {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(.8);
+    }
+  }
+}
+

package/dist/components/input/select.d.ts

@@ -0,0 +1,33 @@
+import type React from 'react';
+import type { ComponentPropsWithoutRef } from 'react';
+import { Select as SelectPrimitive } from 'radix-ui';
+import type { Intent } from '../@types/shared.js';
+import type { Size, Variant } from '../button/@types/button.js';
+export interface SelectValue {
+    label: string;
+    value: string;
+    prefix?: string;
+    suffix?: string;
+}
+type SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
+    id?: string;
+    intent?: Intent;
+    variant?: Variant;
+    size?: Size;
+    placeholder?: string;
+    position?: 'item-aligned' | 'popper';
+    containerClassName?: string;
+    className?: string;
+    disabledValue?: string;
+    ariaLabel?: string;
+    helpText?: string;
+};
+export declare function Select({ id, children, placeholder, disabledValue, intent, variant, size, position, containerClassName, className, ariaLabel, helpText, ...rest }: SelectProps): React.JSX.Element;
+export declare const SelectItem: {
+    ({ ref: forwardedRef, children, className, ...props }: SelectPrimitive.SelectItemProps & {
+        ref?: React.RefObject<React.ComponentRef<"div">>;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/components/input/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/input/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAKpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAI/D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACzE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAA;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,WAAW,EACX,aAAa,EACb,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyCjC;AAED,eAAO,MAAM,UAAU;2DAKpB,eAAe,CAAC,eAAe,GAAG;QACnC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KACjD;;CAaA,CAAA"}

package/dist/components/input/select.js

@@ -0,0 +1,84 @@
+'use client'
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons";
+import { Select } from "radix-ui";
+import { Button } from "../button/button.js";
+import { HelpText } from "./help-text.js";
+import select_module from "./select.module.js";
+function select_Select({ id, children, placeholder, disabledValue, intent, variant, size, position, containerClassName, className, ariaLabel, helpText, ...rest }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames(containerClassName),
+        children: [
+            /*#__PURE__*/ jsxs(Select.Root, {
+                ...rest,
+                children: [
+                    /*#__PURE__*/ jsx(Select.Trigger, {
+                        asChild: true,
+                        "aria-label": ariaLabel ?? 'Select',
+                        children: /*#__PURE__*/ jsxs(Button, {
+                            id: id,
+                            intent: intent,
+                            variant: variant,
+                            size: size,
+                            className: classnames('whitespace-nowrap', className),
+                            children: [
+                                /*#__PURE__*/ jsx(Select.Value, {
+                                    placeholder: placeholder
+                                }),
+                                /*#__PURE__*/ jsx(Select.Icon, {
+                                    children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Select.Portal, {
+                        children: /*#__PURE__*/ jsxs(Select.Content, {
+                            position: position,
+                            className: select_module.content,
+                            ref: (ref)=>{
+                                if (null == ref) return;
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx(Select.ScrollUpButton, {
+                                    className: select_module["scroll-button"],
+                                    children: /*#__PURE__*/ jsx(ChevronUpIcon, {})
+                                }),
+                                /*#__PURE__*/ jsx(Select.Viewport, {
+                                    className: select_module.viewport,
+                                    children: /*#__PURE__*/ jsx(Select.Group, {
+                                        className: select_module.group,
+                                        children: children
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Select.ScrollDownButton, {
+                                    className: select_module["scroll-button"],
+                                    children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            null != helpText && (null == helpText ? void 0 : helpText.length) > 0 && /*#__PURE__*/ jsx(HelpText, {
+                text: helpText
+            })
+        ]
+    });
+}
+const SelectItem = ({ ref: forwardedRef, children, className, ...props })=>/*#__PURE__*/ jsxs(Select.Item, {
+        className: classnames(select_module["select-item"], className),
+        ...props,
+        ref: forwardedRef,
+        children: [
+            /*#__PURE__*/ jsx(Select.ItemText, {
+                children: children
+            }),
+            /*#__PURE__*/ jsx(Select.ItemIndicator, {
+                className: select_module["select-item-indicator"],
+                children: /*#__PURE__*/ jsx(CheckIcon, {})
+            })
+        ]
+    });
+SelectItem.displayName = 'SelectItem';
+export { select_Select as Select, SelectItem };

package/dist/components/input/select.module.js

@@ -0,0 +1,13 @@
+import "./select_module.css";
+const select_module = {
+    content: "content-Xi_QTu",
+    viewport: "viewport-EJrpcl",
+    group: "group-gZB9XW",
+    "scroll-button": "scroll-button-ugUv7N",
+    scrollButton: "scroll-button-ugUv7N",
+    "select-item": "select-item-PN2sc4",
+    selectItem: "select-item-PN2sc4",
+    "select-item-indicator": "select-item-indicator-k_g4AD",
+    selectItemIndicator: "select-item-indicator-k_g4AD"
+};
+export { select_module as default };

package/dist/components/input/select_module.css

@@ -0,0 +1,77 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .content-Xi_QTu {
+    z-index: 50;
+  }
+
+  .viewport-EJrpcl {
+    z-index: 50;
+    border: 1px solid var(--border-color);
+    box-shadow: var(--shadow-md);
+    border-radius: var(--border-radius-md);
+    background-color: var(--background);
+    margin-top: 2px;
+    padding: 6px;
+  }
+
+  .viewport-EJrpcl:is(.dark *) {
+    background: var(--canvas-800);
+  }
+
+  .group-gZB9XW {
+    z-index: 50;
+  }
+
+  .scroll-button-ugUv7N {
+    color: var(--text);
+    border: 1px solid var(--border-color);
+    box-shadow: var(--shadow-md);
+    border-radius: var(--border-radius-md);
+    background-color: var(--background);
+    justify-content: center;
+    align-items: center;
+    padding: 2px;
+    display: flex;
+  }
+
+  .scroll-button-ugUv7N:is(.dark *) {
+    background: var(--canvas-800);
+  }
+
+  .select-item-PN2sc4 {
+    -webkit-user-select: none;
+    user-select: none;
+    color: var(--text);
+    border-radius: 6px;
+    align-items: center;
+    height: 32px;
+    padding-left: 25px;
+    padding-right: 35px;
+    font-size: 1rem;
+    line-height: 1;
+    display: flex;
+    position: relative;
+  }
+
+  .select-item-PN2sc4[data-disabled] {
+    color: var(--disabled-text-color, #e0e0e0);
+    pointer-events: none;
+  }
+
+  .select-item-PN2sc4[data-highlighted] {
+    background-color: var(--highlight-bg-color, #e0e0e0);
+    color: var(--highlight-text-color, #000);
+    outline: none;
+  }
+
+  .select-item-indicator-k_g4AD {
+    justify-content: center;
+    align-items: center;
+    width: 25px;
+    display: inline-flex;
+    position: absolute;
+    left: 0;
+  }
+}
+

package/dist/components/input/text-area.d.ts

@@ -0,0 +1,20 @@
+import type * as React from 'react';
+import type { Intent, Variant } from './@types/input.js';
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    id: string;
+    name: string;
+    label: string;
+    required?: boolean;
+    variant?: Variant;
+    intent?: Intent;
+    rows: number;
+    placeHolder?: string;
+    autoComplete?: string;
+    error?: boolean;
+    helpText?: string;
+    errorText?: string;
+    className?: string;
+    ref?: React.RefCallback<HTMLTextAreaElement | null> | React.RefObject<HTMLTextAreaElement | null>;
+}
+export declare const TextArea: ({ ref, id, name, label, rows, required, variant, intent, placeHolder, autoComplete, error, helpText, errorText, className, ...rest }: TextAreaProps) => React.JSX.Element;
+//# sourceMappingURL=text-area.d.ts.map

package/dist/components/input/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/input/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAInC,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAQxD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CAClG;AAED,eAAO,MAAM,QAAQ,GAAqB,sIAgBvC,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAkC5B,CAAA"}

package/dist/components/input/text-area.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { ErrorText } from "./error-text.js";
+import { HelpText } from "./help-text.js";
+import { Label } from "./label.js";
+import input_module from "./input.module.js";
+import text_area_module from "./text-area.module.js";
+const text_area_TextArea = function({ ref, id, name, label, rows = 4, required = false, variant = 'outlined', intent = 'primary', placeHolder = '', autoComplete = 'off', error = false, helpText = '', errorText = '', className, ...rest }) {
+    return /*#__PURE__*/ jsxs("fieldset", {
+        className: input_module.inputWrapper,
+        children: [
+            /*#__PURE__*/ jsx(Label, {
+                id: id,
+                htmlFor: id,
+                required: required,
+                label: label
+            }),
+            /*#__PURE__*/ jsx("textarea", {
+                ref: ref,
+                id: id,
+                name: name,
+                required: required,
+                rows: rows,
+                autoComplete: autoComplete,
+                placeholder: placeHolder,
+                "aria-labelledby": `label-for-${id}`,
+                "aria-invalid": error,
+                "aria-required": required,
+                "aria-errormessage": errorText,
+                "aria-describedby": error ? `error-for-${id}` : void 0,
+                className: classnames(input_module.input, input_module[variant], input_module[intent], text_area_module["text-area"], {
+                    [input_module.error]: error
+                }, className),
+                ...rest
+            }),
+            error ? /*#__PURE__*/ jsx(ErrorText, {
+                id: `error-for-${id}`,
+                text: errorText ?? helpText
+            }) : (null == helpText ? void 0 : helpText.length) > 0 && /*#__PURE__*/ jsx(HelpText, {
+                text: helpText
+            })
+        ]
+    });
+};
+export { text_area_TextArea as TextArea };

package/dist/components/input/text-area.module.js

@@ -0,0 +1,6 @@
+import "./text-area_module.css";
+const text_area_module = {
+    "text-area": "text-area-Pcz8N8",
+    textArea: "text-area-Pcz8N8"
+};
+export { text_area_module as default };

package/dist/components/input/text-area_module.css

@@ -0,0 +1,10 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .text-area-Pcz8N8 {
+    width: 100%;
+    padding: .5rem;
+    font-size: 1.1rem;
+  }
+}
+

package/dist/components/input/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function hasErrors(name: string, clientErrors: any, serverErrors: any): boolean;
+export declare function getErrorText(name: string, clientErrors: any, serverErrors: any): string | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/input/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/input/utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,GAAG,OAAO,CAErF;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,GAChB,MAAM,GAAG,SAAS,CAQpB"}

package/dist/components/input/utils.js

@@ -0,0 +1,11 @@
+function hasErrors(name, clientErrors, serverErrors) {
+    return Boolean((null == serverErrors ? void 0 : serverErrors[name]) ?? clientErrors[name]);
+}
+function getErrorText(name, clientErrors, serverErrors) {
+    var _clientErrors_name;
+    const message = null == (_clientErrors_name = clientErrors[name]) ? void 0 : _clientErrors_name.message;
+    if (null != message) return message;
+    const error = null != serverErrors ? serverErrors[name] : void 0;
+    if ((null == error ? void 0 : error._errors) != null) return error._errors.join(' ');
+}
+export { getErrorText, hasErrors };

package/dist/components/notifications/@types/alert.d.ts

@@ -0,0 +1,6 @@
+import type { Intent as t } from '../../@types/shared.js';
+/**
+ * This file contains the types and prop-types for Button and IconButton component.
+ */
+export type Intent = 'primary' | t;
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/notifications/@types/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/notifications/@types/alert.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEzD;;GAEG;AAGH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA"}

package/dist/components/notifications/@types/toast.d.ts

@@ -0,0 +1,9 @@
+import type { Icons as i, Position as p, Intent as t } from '../../@types/shared.js';
+/**
+ * This file contains the types and prop-types for Toast component.
+ */
+export type Intent = 'primary' | t;
+export type Position = 'top-right' | p;
+export type IconType = 'success' | i;
+export type OnOpenChange = (open: boolean) => void;
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/notifications/@types/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/notifications/@types/toast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,QAAQ,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEpF;;GAEG;AAGH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAClC,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAA;AACtC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAA;AACpC,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA"}

package/dist/components/notifications/alert.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { Intent } from './@types/alert.js';
+export interface AlertProps {
+    intent?: Intent;
+    icon?: boolean;
+    close?: boolean;
+    className?: string;
+    title?: string;
+    children: React.ReactNode;
+}
+export declare const Alert: ({ ref, intent, icon, close, title, className, children, ...rest }: AlertProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element | null;
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/notifications/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI/C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAWD,eAAO,MAAM,KAAK,GAAkB,mEASjC,UAAU,GAAG;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuEvB,CAAA"}