impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/primitives/tag/tag.variants.js

@@ -0,0 +1,37 @@
+import { cva as e } from "class-variance-authority";
+const r = e(
+  "inline-flex items-center justify-center rounded-full transition-colors whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-brand text-brand-foreground hover:bg-brand/90",
+        secondary: "bg-accent text-content hover:bg-brand-tint-hover",
+        outline: "border border-stroke-accent bg-canvas-elevated text-content-tertiary hover:bg-canvas-muted",
+        tertiary: "bg-secondary text-content hover:bg-muted",
+        ghost: "bg-transparent text-content-tertiary hover:bg-muted",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover",
+        success: "bg-feedback-success-surface text-success hover:bg-success/15 border border-success-border",
+        warning: "bg-feedback-warning-surface text-content hover:bg-warning/15 border border-warning-border",
+        info: "bg-brand-tint text-brand hover:bg-brand-tint-hover border border-stroke-accent",
+        choice: "bg-content/[0.08] text-content-tertiary border border-stroke-accent hover:bg-canvas-elevated hover:shadow-elevation-floating"
+      },
+      size: {
+        sm: "h-[22px] px-2 text-[12px] leading-[15px]",
+        md: "h-[24px] px-2.5 text-[14px] leading-[20px]",
+        lg: "h-[32px] px-3 text-[14px] font-medium leading-[18px]"
+      },
+      shape: {
+        pill: "rounded-full",
+        rounded: "rounded-md"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      shape: "pill"
+    }
+  }
+);
+export {
+  r as tagVariants
+};

package/dist/components/primitives/tag-group/tag-group.d.ts

@@ -0,0 +1,3 @@
+import { TagGroupProps } from './tag-group.types';
+declare const TagGroup: import('react').ForwardRefExoticComponent<TagGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export { TagGroup };

package/dist/components/primitives/tag-group/tag-group.js

@@ -0,0 +1,39 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Slot as c } from "@radix-ui/react-slot";
+import { createComponent as f } from "../../../lib/primitives/create-component.js";
+import { cn as d } from "../../../lib/utils.js";
+import { Tag as h } from "../tag/tag.js";
+import { tagGroupVariants as v } from "./tag-group.variants.js";
+const T = f(
+  "TagGroup",
+  ({ className: n, spacing: r, orientation: e, wrap: a, tags: p, asChild: t = !1, ...i }, l) => /* @__PURE__ */ m(
+    t ? c : "div",
+    {
+      ref: l,
+      className: d(v({ spacing: r, orientation: e, wrap: a }), n),
+      "data-component": "tag-group",
+      "data-spacing": r ?? "md",
+      "data-orientation": e ?? "horizontal",
+      "data-wrap": a ?? "nowrap",
+      ...i,
+      children: p.map((o, s) => /* @__PURE__ */ m(
+        h,
+        {
+          variant: o.variant,
+          size: o.size,
+          shape: o.shape,
+          leftIcon: o.leftIcon,
+          rightIcon: o.rightIcon,
+          removable: o.removable,
+          onRemove: o.onRemove,
+          className: o.className,
+          children: o.label
+        },
+        `${o.label}-${s}`
+      ))
+    }
+  )
+);
+export {
+  T as TagGroup
+};

package/dist/components/primitives/tag-group/tag-group.types.d.ts

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import { TagProps } from '../tag/tag.types';
+import { tagGroupVariants } from './tag-group.variants';
+import type * as React from "react";
+export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagGroupVariants> {
+    tags: Array<{
+        label: string;
+        variant?: TagProps["variant"];
+        size?: TagProps["size"];
+        shape?: TagProps["shape"];
+        leftIcon?: TagProps["leftIcon"];
+        rightIcon?: TagProps["rightIcon"];
+        removable?: TagProps["removable"];
+        onRemove?: TagProps["onRemove"];
+        className?: TagProps["className"];
+    }>;
+    asChild?: boolean;
+}

package/dist/components/primitives/tag-group/tag-group.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const tagGroupVariants: (props?: ({
+    spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    wrap?: "nowrap" | "wrap" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/primitives/tag-group/tag-group.variants.js

@@ -0,0 +1,27 @@
+import { cva as a } from "class-variance-authority";
+const o = a("flex", {
+  variants: {
+    spacing: {
+      none: "gap-0",
+      sm: "gap-1",
+      md: "gap-2",
+      lg: "gap-4"
+    },
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col"
+    },
+    wrap: {
+      wrap: "flex-wrap",
+      nowrap: "flex-nowrap"
+    }
+  },
+  defaultVariants: {
+    spacing: "md",
+    orientation: "horizontal",
+    wrap: "nowrap"
+  }
+});
+export {
+  o as tagGroupVariants
+};

package/dist/form/form-field.d.ts

@@ -0,0 +1,2 @@
+export { Field, FormField, useFieldContext, type FieldProps, type FormFieldProps, } from '../lib/primitives/field';
+export type { FieldChromeProps, FieldControlProps, ControlSize, LabelOrientation, } from '../lib/primitives/field.types';

package/dist/form/form-field.types.d.ts

@@ -0,0 +1,11 @@
+import { FieldChromeProps } from '../lib/primitives/field.types';
+import type * as React from "react";
+export interface FormFieldProps extends FieldChromeProps {
+    /** Associated control id */
+    htmlFor?: string;
+    /** @deprecated Use `helperText` */
+    description?: React.ReactNode;
+    className?: string;
+    children: React.ReactNode;
+}
+export type { FieldChromeProps, FieldControlProps } from '../lib/primitives/field.types';

package/dist/form/index.d.ts

@@ -0,0 +1,4 @@
+export { Field, FormField, useFieldContext, type FieldProps, type FormFieldProps, } from './form-field';
+export type { FieldChromeProps, FieldControlProps, ControlSize, LabelOrientation, } from './form-field';
+export { ImpactNovaProviders } from '../providers/app-providers';
+export type { ImpactNovaProvidersProps } from '../providers/app-providers';

package/dist/form/index.js

@@ -0,0 +1,8 @@
+import { ImpactNovaProviders as r } from "../providers/app-providers.js";
+import { Field as d, FormField as i, useFieldContext as m } from "../lib/primitives/field.js";
+export {
+  d as Field,
+  i as FormField,
+  r as ImpactNovaProviders,
+  m as useFieldContext
+};

package/dist/hooks/use-toast.d.ts

@@ -1,4 +1,4 @@
-import { ToastActionElement, ToastProps } from '../components/ui/toast';
+import { ToastActionElement, ToastProps } from '../components/feedback/toast';
 import * as React from "react";
 type ToasterToast = ToastProps & {
     id: string;
@@ -7,13 +7,12 @@ type ToasterToast = ToastProps & {
     action?: ToastActionElement;
     children?: React.ReactNode;
 };
-declare const actionTypes: {
-    readonly ADD_TOAST: "ADD_TOAST";
-    readonly UPDATE_TOAST: "UPDATE_TOAST";
-    readonly DISMISS_TOAST: "DISMISS_TOAST";
-    readonly REMOVE_TOAST: "REMOVE_TOAST";
+type ActionType = {
+    ADD_TOAST: "ADD_TOAST";
+    UPDATE_TOAST: "UPDATE_TOAST";
+    DISMISS_TOAST: "DISMISS_TOAST";
+    REMOVE_TOAST: "REMOVE_TOAST";
 };
-type ActionType = typeof actionTypes;
 type Action = {
     type: ActionType["ADD_TOAST"];
     toast: ToasterToast;

package/dist/i18n/defaultMessages.d.ts

@@ -165,6 +165,9 @@ export interface AriaMessages {
     toggle: string;
     more: string;
     loading: string;
+    dragHandle: string;
+    popover: string;
+    slider: string;
 }
 export interface PromptMessages {
     cancel: string;

package/dist/i18n/defaultMessages.js

@@ -47,7 +47,7 @@ const e = {
   between: "Between",
   inSet: "In Set",
   notInSet: "Not In Set"
-}, a = {
+}, o = {
   search: "Search",
   searchPlaceholder: "Search...",
   select: "Select...",
@@ -62,7 +62,7 @@ const e = {
   logicAll: "all",
   logicAny: "any",
   operators: l
-}, o = {
+}, a = {
   placeholder: "Select...",
   searchHere: "Search here...",
   selectAll: "Select All",
@@ -131,7 +131,7 @@ const e = {
   savedViewsDeleteConfirmTitle: "Delete saved view?",
   savedViewsDeleteConfirmDescription: 'This will permanently delete "{{viewName}}". You cannot undo this action.',
   savedViewsDeleteConfirmButton: "Delete"
-}, s = {
+}, r = {
   close: "Close",
   breadcrumb: "breadcrumb",
   home: "Home",
@@ -143,8 +143,11 @@ const e = {
   toggleSelection: "Toggle Selection",
   toggle: "Toggle",
   more: "More",
-  loading: "Loading"
-}, r = {
+  loading: "Loading",
+  dragHandle: "Drag to reorder",
+  popover: "Popover",
+  slider: "Slider"
+}, s = {
   cancel: "Cancel",
   confirm: "Confirm"
 }, c = {
@@ -241,12 +244,12 @@ const e = {
 }, v = {
   calendar: e,
   datePicker: t,
-  filter: a,
-  select: o,
+  filter: o,
+  select: a,
   nestedList: i,
   dataTable: n,
-  aria: s,
-  prompt: r,
+  aria: r,
+  prompt: s,
   filterStrip: c,
   filterPanel: d,
   advancedFilter: f,

package/dist/i18n/i18n-utils.d.ts

@@ -0,0 +1,4 @@
+import { I18nParams } from './i18n.types';
+export declare function getNested(obj: Record<string, unknown>, path: string): string | undefined;
+export declare function deepMerge<T extends Record<string, unknown>>(target: T, source: Partial<T>): T;
+export declare function applyParams(raw: string, params?: I18nParams): string;

package/dist/i18n/i18n-utils.js

@@ -0,0 +1,41 @@
+function i(o, n) {
+  const r = n.split(".");
+  let t = o;
+  for (const e of r) {
+    if (t == null || typeof t != "object") return;
+    t = t[e];
+  }
+  return typeof t == "string" ? t : void 0;
+}
+function f(o, n) {
+  const r = { ...o };
+  for (const t of Object.keys(n)) {
+    const e = n[t];
+    if (e != null && typeof e == "object" && !Array.isArray(e)) {
+      const c = r[t];
+      if (c != null && typeof c == "object" && !Array.isArray(c)) {
+        r[t] = f(
+          c,
+          e
+        );
+        continue;
+      }
+    }
+    e !== void 0 && (r[t] = e);
+  }
+  return r;
+}
+function s(o, n) {
+  if (n == null) return o;
+  let r = o;
+  for (const t of Object.keys(n)) {
+    const e = n[t];
+    e !== void 0 && (r = r.replace(new RegExp(`\\{\\{${t}\\}\\}`, "g"), String(e)));
+  }
+  return r;
+}
+export {
+  s as applyParams,
+  f as deepMerge,
+  i as getNested
+};

package/dist/i18n/i18n.types.d.ts

@@ -0,0 +1,16 @@
+import { ImpactNovaMessages } from './defaultMessages';
+import type * as React from "react";
+export type I18nParams = {
+    count?: number;
+    [key: string]: string | number | undefined;
+};
+export interface ImpactNovaI18nContextValue {
+    locale: string;
+    messages: ImpactNovaMessages;
+    t: (key: string, params?: I18nParams) => string;
+}
+export interface ImpactNovaI18nProviderProps {
+    children: React.ReactNode;
+    locale?: string;
+    messages?: Partial<ImpactNovaMessages>;
+}

package/dist/i18n/impact-nova-i18n-context.d.ts

@@ -0,0 +1 @@
+export declare function ImpactNovaI18nProvider({ children, locale, messages: messagesOverride, }: import('./i18n.types').ImpactNovaI18nProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/i18n/impact-nova-i18n-context.js

@@ -0,0 +1,36 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as p from "react";
+import { defaultMessages as o } from "./defaultMessages.js";
+import { ImpactNovaI18nContext as d } from "./impact-nova-i18n-react-context.js";
+import { deepMerge as v, getNested as u, applyParams as c } from "./i18n-utils.js";
+function N({
+  children: f,
+  locale: n = "en",
+  messages: t
+}) {
+  const e = p.useMemo(() => t ? v(
+    o,
+    t
+  ) : o, [t]), l = p.useMemo(
+    () => ({
+      locale: n,
+      messages: e,
+      t: (r, a) => {
+        const s = u(e, r);
+        if (s == null) {
+          const m = u(
+            o,
+            r
+          );
+          return m == null ? r : c(m, a);
+        }
+        return c(s, a);
+      }
+    }),
+    [n, e]
+  );
+  return /* @__PURE__ */ i(d.Provider, { value: l, children: /* @__PURE__ */ i("div", { "data-component": "impact-nova-i18n-provider", style: { display: "contents" }, children: f }) });
+}
+export {
+  N as ImpactNovaI18nProvider
+};

package/dist/i18n/impact-nova-i18n-context.types.d.ts

@@ -0,0 +1 @@
+export type { ImpactNovaI18nProviderProps, ImpactNovaI18nContextValue, I18nParams, } from './i18n.types';

package/dist/i18n/impact-nova-i18n-defaults.d.ts

@@ -0,0 +1,2 @@
+import { ImpactNovaI18nContextValue } from './i18n.types';
+export declare const defaultI18nContextValue: ImpactNovaI18nContextValue;

package/dist/i18n/impact-nova-i18n-defaults.js

@@ -0,0 +1,13 @@
+import { defaultMessages as r } from "./defaultMessages.js";
+import { getNested as s, applyParams as o } from "./i18n-utils.js";
+const m = {
+  locale: "en",
+  messages: r,
+  t: (e, a) => {
+    const t = s(r, e);
+    return t == null ? e : o(t, a);
+  }
+};
+export {
+  m as defaultI18nContextValue
+};

package/dist/i18n/impact-nova-i18n-react-context.d.ts

@@ -0,0 +1,3 @@
+import { ImpactNovaI18nContextValue } from './i18n.types';
+import * as React from "react";
+export declare const ImpactNovaI18nContext: React.Context<ImpactNovaI18nContextValue | null>;

package/dist/i18n/impact-nova-i18n-react-context.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const o = t.createContext(null);
+export {
+  o as ImpactNovaI18nContext
+};

package/dist/i18n/index.d.ts

@@ -1,4 +1,6 @@
-export { ImpactNovaI18nProvider, useImpactNovaI18n, type ImpactNovaI18nContextValue, } from './ImpactNovaI18nContext';
+export { ImpactNovaI18nProvider } from './impact-nova-i18n-context';
+export { useImpactNovaI18n } from './use-impact-nova-i18n';
+export type { ImpactNovaI18nContextValue, ImpactNovaI18nProviderProps, I18nParams, } from './i18n.types';
 export { defaultMessages, type ImpactNovaMessages, type CalendarMessages, type DatePickerMessages, type FilterMessages, type FilterOperatorMessages, type AdvancedFilterMessages, type GridHeaderMessages, type SelectMessages, type NestedListMessages, type DataTableMessages, type AriaMessages, type PromptMessages, type FilterStripMessages, type FilterPanelMessages, type NotificationPanelMessages, type HorizontalScrollerMessages, type SidebarMessages, type StepperMessages, } from './defaultMessages';
 export { getDateFnsLocale, getIntlLocale } from './getDateFnsLocale';
 /** Locale message packs for i18n. Use as-is or spread and override specific keys. */

package/dist/i18n/index.js

@@ -0,0 +1,19 @@
+import { ImpactNovaI18nProvider as r } from "./impact-nova-i18n-context.js";
+import { useImpactNovaI18n as m } from "./use-impact-nova-i18n.js";
+import { defaultMessages as a } from "./defaultMessages.js";
+import { getDateFnsLocale as x, getIntlLocale as s } from "./getDateFnsLocale.js";
+import { de as I } from "./locales/de.js";
+import { es as l } from "./locales/es.js";
+import { hi as g } from "./locales/hi.js";
+import { kn as i } from "./locales/kn.js";
+export {
+  r as ImpactNovaI18nProvider,
+  I as de,
+  a as defaultMessages,
+  l as es,
+  x as getDateFnsLocale,
+  s as getIntlLocale,
+  g as hi,
+  i as kn,
+  m as useImpactNovaI18n
+};

package/dist/i18n/locales/de.js

@@ -150,7 +150,10 @@ const e = {
     toggleSelection: "Auswahl umschalten",
     toggle: "Umschalten",
     more: "Mehr",
-    loading: "Wird geladen"
+    loading: "Wird geladen",
+    dragHandle: "Zum Sortieren ziehen",
+    popover: "Popover",
+    slider: "Schieberegler"
   },
   prompt: {
     cancel: "Abbrechen",

package/dist/i18n/locales/es.js

@@ -150,7 +150,10 @@ const e = {
     toggleSelection: "Alternar selección",
     toggle: "Alternar",
     more: "Más",
-    loading: "Cargando"
+    loading: "Cargando",
+    dragHandle: "Arrastrar para reordenar",
+    popover: "Popover",
+    slider: "Control deslizante"
   },
   prompt: {
     cancel: "Cancelar",

package/dist/i18n/locales/hi.js

@@ -150,7 +150,10 @@ const e = {
     toggleSelection: "चयन टॉगल करें",
     toggle: "टॉगल करें",
     more: "अधिक",
-    loading: "लोड हो रहा है"
+    loading: "लोड हो रहा है",
+    dragHandle: "क्रम बदलने के लिए खींचें",
+    popover: "पॉपओवर",
+    slider: "स्लाइडर"
   },
   prompt: {
     cancel: "रद्द करें",

package/dist/i18n/locales/kn.js

@@ -150,7 +150,10 @@ const e = {
     toggleSelection: "ಆಯ್ಕೆ ಟಾಗಲ್ ಮಾಡಿ",
     toggle: "ಟಾಗಲ್ ಮಾಡಿ",
     more: "ಇನ್ನಷ್ಟು",
-    loading: "ಲೋಡ್ ಆಗುತ್ತಿದೆ"
+    loading: "ಲೋಡ್ ಆಗುತ್ತಿದೆ",
+    dragHandle: "ಮರುಕ್ರಮಗೊಳಿಸಲು ಎಳೆಯಿರಿ",
+    popover: "ಪಾಪ್ಓವರ್",
+    slider: "ಸ್ಲೈಡರ್"
   },
   prompt: {
     cancel: "ರದ್ದುಮಾಡಿ",

package/dist/i18n/use-impact-nova-i18n.d.ts

@@ -0,0 +1,2 @@
+import { ImpactNovaI18nContextValue } from './i18n.types';
+export declare function useImpactNovaI18n(): ImpactNovaI18nContextValue;

package/dist/i18n/use-impact-nova-i18n.js

@@ -0,0 +1,9 @@
+import * as t from "react";
+import { defaultI18nContextValue as o } from "./impact-nova-i18n-defaults.js";
+import { ImpactNovaI18nContext as e } from "./impact-nova-i18n-react-context.js";
+function m() {
+  return t.useContext(e) ?? o;
+}
+export {
+  m as useImpactNovaI18n
+};

package/dist/impact-nova-base.scss

@@ -271,4 +271,15 @@
   .ia-skip-link:focus {
     top: 0;
   }
+
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
 }