@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts

@@ -0,0 +1,51 @@
+import { DateRange, DefinedRange } from 'mui-daterange-picker';
+import { ButtonSize } from '../../CKButton/_types/button.types';
+export type { DateRange, DefinedRange };
+export interface DateRangePickerProps {
+    /** Handler called when the date range changes */
+    onChange: (range: DateRange) => void;
+    /** Handler called when the selection is cleared */
+    onClear?: () => void;
+    /** Currently selected date range */
+    value?: DateRange;
+    /** Label for the toggle button */
+    label?: string;
+    /** Min selectable date (boundary - earliest date user can pick) */
+    minDate?: Date | string;
+    /** Max selectable date (boundary - latest date user can pick) */
+    maxDate?: Date | string;
+    /** Pre-selected start date (shows selection animation) */
+    startDate?: Date | string;
+    /** Pre-selected end date (shows selection animation) */
+    endDate?: Date | string;
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Disables the picker */
+    disabled?: boolean;
+    /** Shows error styling */
+    error?: boolean;
+    /** Custom defined ranges shown in the sidebar. When provided, replaces the default ranges. */
+    definedRanges?: DefinedRange[];
+    size?: ButtonSize;
+    /** Horizontal alignment of the popup relative to the trigger button */
+    popupAlign?: "left" | "right";
+    /**
+     * Date display format string. Tokens: DD, MM, MMM, MMMM, YYYY, YY.
+     * @default "MMM D, YYYY" (e.g. "Jan 1, 2025")
+     * @example "DD-MM-YYYY" → "01-01-2025"
+     * @example "MM/DD/YYYY" → "01/01/2025"
+     * @example "YYYY-MM-DD" → "2025-01-01"
+     */
+    dateFormat?: string;
+}
+export interface RangeSidebarProps {
+    ranges: DefinedRange[];
+    activeLabel: string | null;
+    onSelect: (range: DefinedRange) => void;
+}
+export type PickerPosition = {
+    top: number;
+    left?: number;
+    right?: number;
+};
+//# sourceMappingURL=dateRangePicker.types.d.ts.map

package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAErE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAExC,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/DateRangePicker/_types/dateRangePicker.types.js

@@ -0,0 +1 @@
+

package/dist/components/DateRangePicker/helper/util.d.ts

@@ -0,0 +1,26 @@
+import { DefinedRange } from 'mui-daterange-picker';
+/**
+ * Formats a date to "Jan 7, 2026" format
+ * @param date - Date object, timestamp (number), or date string
+ * @returns Formatted date string like "Jan 7, 2026" or empty string if invalid
+ */
+export declare const formatToMonthDayYear: (date?: Date | number | string) => string;
+/**
+ * Normalizes a date value to a Date object for MUI DateRangePicker
+ * Strips time component to local midnight to avoid timezone/time mismatch issues.
+ * @param date - Date object, timestamp (number), or date string
+ * @returns Date object or undefined if invalid
+ */
+export declare const normalizeDateForMUI: (date?: Date | number | string) => Date | undefined;
+/**
+ * Computes a sensible end date for the custom range sidebar
+ * based on the picker's min/max boundaries.
+ */
+export declare const customEndDateHandler: (minDate?: Date | string, maxDate?: Date | string) => Date;
+/**
+ * Builds the default set of quick-select ranges shown in the sidebar.
+ * All sidebar filters end at today's date, not maxDate.
+ * Only "Custom" allows selection within the full min/max range.
+ */
+export declare const getDefaultDefinedRanges: (_maxDate?: Date | string) => DefinedRange[];
+//# sourceMappingURL=util.d.ts.map

package/dist/components/DateRangePicker/helper/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/helper/util.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAWzD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAAG,MA+BpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAAG,IAAI,GAAG,SAuB1E,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,IAAI,GAAG,MAAM,EACvB,UAAU,IAAI,GAAG,MAAM,KACtB,IA4BF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,WAAW,IAAI,GAAG,MAAM,KACvB,YAAY,EAYd,CAAC"}

package/dist/components/DateRangePicker/helper/util.js

@@ -0,0 +1,54 @@
+const i = (t) => new Date(t.getFullYear(), t.getMonth(), 1), D = (t) => new Date(t.getFullYear(), t.getMonth() + 1, 0), u = (t, e) => new Date(t.getFullYear(), t.getMonth(), t.getDate() + e), f = (t) => {
+  if (!t) return "";
+  let e;
+  if (t instanceof Date)
+    e = t;
+  else if (typeof t == "number")
+    e = new Date(t);
+  else if (typeof t == "string") {
+    if (/^[A-Z][a-z]{2}\s+\d{1,2},\s+\d{4}$/.test(t))
+      return t;
+    e = new Date(t);
+  } else
+    return "";
+  return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}, h = (t) => {
+  if (!t) return;
+  let e;
+  if (t instanceof Date)
+    e = t;
+  else if (typeof t == "number")
+    e = new Date(t);
+  else if (typeof t == "string")
+    e = new Date(t);
+  else
+    return;
+  if (!isNaN(e.getTime()))
+    return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}, M = (t, e) => {
+  const a = t ? new Date(t) : /* @__PURE__ */ new Date(), n = e ? new Date(e) : /* @__PURE__ */ new Date(), o = Math.floor(
+    (n.getTime() - a.getTime()) / (1e3 * 60 * 60 * 24)
+  ), s = a.getMonth() === n.getMonth() && a.getFullYear() === n.getFullYear(), l = /* @__PURE__ */ new Date(), r = new Date(l.getFullYear(), l.getMonth() - 1, 1), g = n.getMonth() === r.getMonth() && n.getFullYear() === r.getFullYear();
+  return o < 31 ? o < 2 || s ? n : D(a) : g ? n : D(r);
+}, c = (t) => {
+  const e = /* @__PURE__ */ new Date();
+  return [
+    { label: "Custom", startDate: e, endDate: e },
+    { label: "7 Days", startDate: u(e, -6), endDate: e },
+    { label: "3 Months", startDate: new Date(e.getFullYear(), e.getMonth() - 3, e.getDate()), endDate: e },
+    { label: "6 Months", startDate: new Date(e.getFullYear(), e.getMonth() - 6, e.getDate()), endDate: e },
+    { label: "1 Year", startDate: new Date(e.getFullYear() - 1, e.getMonth(), e.getDate()), endDate: e },
+    { label: "Month to Date", startDate: i(e), endDate: e },
+    { label: "Year to Date", startDate: new Date(e.getFullYear(), 0, 1), endDate: e }
+  ];
+};
+export {
+  M as customEndDateHandler,
+  f as formatToMonthDayYear,
+  c as getDefaultDefinedRanges,
+  h as normalizeDateForMUI
+};

package/dist/components/DeviationTag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/DeviationTag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,IAAe,EACf,cAAqB,EACrB,UAAoB,EACpB,gBAAqB,EACrB,cAAmB,EACnB,kBAAuB,EACvB,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAsCnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/DeviationTag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,IAAe,EACf,cAAqB,EACrB,UAAoB,EACpB,gBAAqB,EACrB,cAAmB,EACnB,kBAAuB,EACvB,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAoDnB"}

package/dist/components/DeviationTag/index.js

@@ -1,14 +1,15 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { SMALL as m, LARGE as v } from "../../constants.js";
-import '../../assets/index-BgFw4AMY.css';const x = "_small_18bux_26", b = "_medium_18bux_30", $ = "_large_18bux_34", f = "_deviation_18bux_39", k = "_positive_18bux_45", h = "_negative_18bux_49", y = "_arrow_18bux_54", r = {
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { SMALL as v, LARGE as x } from "../../constants.js";
+import { mergeClasses as e } from "../../utils/mergeClasses.js";
+import '../../assets/index-BgFw4AMY.css';const b = "_small_18bux_26", f = "_medium_18bux_30", k = "_large_18bux_34", y = "_deviation_18bux_39", h = "_positive_18bux_45", N = "_negative_18bux_49", C = "_arrow_18bux_54", r = {
   "ckds-deviation-tag": "_ckds-deviation-tag_18bux_1",
-  small: x,
-  medium: b,
-  large: $,
-  deviation: f,
-  positive: k,
-  negative: h,
-  arrow: y,
+  small: b,
+  medium: f,
+  large: k,
+  deviation: y,
+  positive: h,
+  negative: N,
+  arrow: C,
   "arrow-up": "_arrow-up_18bux_60",
   "arrow-down": "_arrow-down_18bux_67",
   "arrow-up-green": "_arrow-up-green_18bux_74",
@@ -16,38 +17,50 @@ import '../../assets/index-BgFw4AMY.css';const x = "_small_18bux_26", b = "_medi
   "arrow-down-green": "_arrow-down-green_18bux_82",
   "arrow-down-red": "_arrow-down-red_18bux_86"
 };
-function j({
-  price: t,
-  percentage: i,
-  size: e = "medium",
+function T({
+  price: i,
+  percentage: _,
+  size: a = "medium",
   arrowDirection: n = "up",
-  arrowColor: a = "green",
-  wrapperClassName: _ = "",
-  priceClassName: d = "",
-  deviationClassName: u = "",
+  arrowColor: o = "green",
+  wrapperClassName: d = "",
+  priceClassName: u = "",
+  deviationClassName: g = "",
   ...w
 }) {
-  const g = n === "up" ? r["arrow-up"] : r["arrow-down"], c = a === "green" ? r.positive : r.negative, p = () => e === m ? "ckds-cap-reg" : e === v ? "ckds-body-lg-reg" : "ckds-body-sm-reg", l = () => n === "up" ? a === "green" ? "arrow-up-green" : "arrow-up-red" : a === "green" ? "arrow-down-green" : "arrow-down-red";
-  return /* @__PURE__ */ o(
+  const c = n === "up" ? r["arrow-up"] : r["arrow-down"], p = o === "green" ? r.positive : r.negative, m = () => a === v ? "ckds-cap-reg" : a === x ? "ckds-body-lg-reg" : "ckds-body-sm-reg", l = () => n === "up" ? o === "green" ? "arrow-up-green" : "arrow-up-red" : o === "green" ? "arrow-down-green" : "arrow-down-red";
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: `${r["ckds-deviation-tag"]} ${r[e]} ${p()} ${_}`,
+      className: e(
+        r["ckds-deviation-tag"],
+        r[a],
+        m(),
+        d
+      ),
       ...w,
       children: [
-        /* @__PURE__ */ s("span", { className: `${r.price} ${d}`, children: t }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ t("span", { className: e(r.price, u), children: i }),
+        /* @__PURE__ */ s(
           "span",
           {
-            className: `${r.deviation} ${c} ${u}`,
+            className: e(
+              r.deviation,
+              p,
+              g
+            ),
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ t(
                 "span",
                 {
-                  className: `${r.arrow} ${g} ${r[l()]}`,
-                  "aria-hidden": "true"
+                  className: e(
+                    r.arrow,
+                    c,
+                    r[l()]
+                  )
                 }
               ),
-              i,
+              _,
               "%"
             ]
           }
@@ -57,5 +70,5 @@ function j({
   );
 }
 export {
-  j as DeviationTag
+  T as DeviationTag
 };

package/dist/components/EmptyState/index.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import '../../assets/index-BbJZjGLb.css';const n = {
-  "ckds-empty-state": "_ckds-empty-state_19zpm_1",
-  "ckds-empty-state-container": "_ckds-empty-state-container_19zpm_27",
-  "ckds-empty-state-heading": "_ckds-empty-state-heading_19zpm_39",
-  "ckds-empty-state-content": "_ckds-empty-state-content_19zpm_47"
+import '../../assets/index-DNhNBxL9.css';const n = {
+  "ckds-empty-state": "_ckds-empty-state_yjw6y_1",
+  "ckds-empty-state-container": "_ckds-empty-state-container_yjw6y_24",
+  "ckds-empty-state-heading": "_ckds-empty-state-heading_yjw6y_42",
+  "ckds-empty-state-content": "_ckds-empty-state-content_yjw6y_53"
 };
-function i({
+function p({
   icon: a,
   additionContent: c,
   message: t = {
@@ -22,5 +22,5 @@ function i({
   ] }) });
 }
 export {
-  i as EmptyState
+  p as EmptyState
 };

package/dist/components/FusionChart/_config/builders.d.ts

@@ -0,0 +1,10 @@
+import { FusionChartProps } from '../_types/fusionChart.types';
+export declare const buildChartConfig: (props?: Partial<FusionChartProps>) => {
+    key?: string | undefined;
+    type: string;
+    width: string;
+    height: string | number | undefined;
+    dataFormat: string;
+    dataSource: Record<string, unknown>;
+} | null;
+//# sourceMappingURL=builders.d.ts.map

package/dist/components/FusionChart/_config/builders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builders.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_config/builders.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AA+0BpE,eAAO,MAAM,gBAAgB,GAAI,QAAO,OAAO,CAAC,gBAAgB,CAAM;;;;;;;QACD,CAAC"}