@andreagiugni/tailwind-dashboard-ui 0.5.0 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andreagiugni/tailwind-dashboard-ui",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Reusable React + Tailwind CSS v4 dashboard components extracted from TailAdmin.",
   "author": "Andrea Giugni",
   "license": "MIT",

package/dist/chunk-3T6AZMUZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ColorPicker/ColorPicker.tsx"],"names":["jsx","useColorState","useState","useMemo","Color","jsxs","cn","RBColorPicker"],"mappings":"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","file":"chunk-3T6AZMUZ.cjs","sourcesContent":["\"use client\";\nimport React, { useMemo, useState } from \"react\";\nimport {\n  ColorPicker as RBColorPicker,\n  useColorState,\n  Color,\n} from \"react-beautiful-color\";\nimport { cn } from \"../../lib/cn\";\n\n// `react-beautiful-color` doesn't re-export these from its entry, so derive them\n// from the hook's inferred return type.\ntype ColorInput = ReturnType<typeof useColorState>[0][\"colorInput\"];\ntype ColorState = ReturnType<typeof useColorState>[0][\"colorState\"];\n\nexport type ColorPickerFormat = \"hex\" | \"rgb\" | \"rgba\" | \"hsl\" | \"hsla\";\n\nexport interface ColorPickerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  /** Initial color (uncontrolled). Any hex string, e.g. `\"#3641f5\"`. */\n  defaultValue?: string;\n  /** Format selected on first render. Default: `\"hex\"`. */\n  defaultFormat?: ColorPickerFormat;\n  /** Formats offered in the switcher. Default: all five. */\n  formats?: ColorPickerFormat[];\n  /** Render the value input + format switcher. Default: `true`. */\n  showInput?: boolean;\n  /** Show the native eye-dropper button (browser support varies). */\n  withEyeDropper?: boolean;\n  /** Optional label rendered above the picker. */\n  label?: string;\n  /** Fires on every change with the formatted string and the `Color` instance. */\n  onChange?: (value: string, color: Color) => void;\n}\n\nconst ALL_FORMATS: ColorPickerFormat[] = [\"hex\", \"rgb\", \"rgba\", \"hsl\", \"hsla\"];\n\n/** Parse the text in the input back into a `ColorInput`, or `null` if invalid. */\nfunction parseValue(text: string, format: ColorPickerFormat): ColorInput | null {\n  const t = text.trim();\n  if (format === \"hex\") {\n    return /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)\n      ? { type: \"hex\", value: t }\n      : null;\n  }\n  const n = t.match(/-?\\d*\\.?\\d+/g)?.map(Number) ?? [];\n  if (format === \"rgb\" && n.length >= 3) return { type: \"rgb\", r: n[0], g: n[1], b: n[2] };\n  if (format === \"rgba\" && n.length >= 4)\n    return { type: \"rgba\", r: n[0], g: n[1], b: n[2], a: n[3] };\n  if (format === \"hsl\" && n.length >= 3) return { type: \"hsl\", h: n[0], s: n[1], l: n[2] };\n  if (format === \"hsla\" && n.length >= 4)\n    return { type: \"hsla\", h: n[0], s: n[1], l: n[2], a: n[3] };\n  return null;\n}\n\n/** Format a `ColorInput` (preserving the user's exact values) into a CSS string. */\nfunction inputToString(input: ColorInput): string {\n  switch (input.type) {\n    case \"hex\":\n      return input.value;\n    case \"rgb\":\n      return `rgb(${input.r}, ${input.g}, ${input.b})`;\n    case \"rgba\":\n      return `rgba(${input.r}, ${input.g}, ${input.b}, ${input.a})`;\n    case \"hsl\":\n      return `hsl(${input.h}, ${input.s}%, ${input.l}%)`;\n    case \"hsla\":\n      return `hsla(${input.h}, ${input.s}%, ${input.l}%, ${input.a})`;\n    case \"hsv\":\n      return `hsv(${input.h}, ${input.s}%, ${input.v}%)`;\n    case \"hsva\":\n      return `hsva(${input.h}, ${input.s}%, ${input.v}%, ${input.a})`;\n  }\n}\n\n/** Format the resolved `ColorState` into the requested CSS string. */\nfunction stateToString(state: ColorState, format: ColorPickerFormat): string {\n  switch (format) {\n    case \"hex\":\n      return state.hex;\n    case \"rgb\":\n      return `rgb(${state.rgb.r}, ${state.rgb.g}, ${state.rgb.b})`;\n    case \"rgba\":\n      return `rgba(${state.rgba.r}, ${state.rgba.g}, ${state.rgba.b}, ${state.rgba.a})`;\n    case \"hsl\":\n      return `hsl(${state.hsl.h}, ${state.hsl.s}%, ${state.hsl.l}%)`;\n    case \"hsla\":\n      return `hsla(${state.hsla.h}, ${state.hsla.s}%, ${state.hsla.l}%, ${state.hsla.a})`;\n    default:\n      return state.hex;\n  }\n}\n\nconst pipetteIcon = (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M19.5 3.5a2.12 2.12 0 0 0-3 0l-2.3 2.3-1-1-1.4 1.4 1 1L4 14.9V19h4.1l7.7-7.7 1 1 1.4-1.4-1-1 2.3-2.3a2.12 2.12 0 0 0 0-3ZM7.3 17.6H6v-1.3l6.6-6.6 1.3 1.3-6.6 6.6Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const ColorPicker: React.FC<ColorPickerProps> = ({\n  defaultValue = \"#3641f5\",\n  defaultFormat = \"hex\",\n  formats = ALL_FORMATS,\n  showInput = true,\n  withEyeDropper = false,\n  label,\n  onChange,\n  className,\n  ...rest\n}) => {\n  const [{ colorInput, colorState }, setColor] = useColorState({\n    type: \"hex\",\n    value: defaultValue,\n  });\n  const [format, setFormat] = useState<ColorPickerFormat>(defaultFormat);\n  // While the input is focused we keep a raw draft so partial/invalid typing\n  // isn't clobbered by the normalized value.\n  const [draft, setDraft] = useState<string | null>(null);\n\n  const currentColor = useMemo(() => new Color(colorInput), [colorInput]);\n  // Prefer the user's exact input when it's already in the selected format\n  // (avoids lossy hex<->hsv round-tripping); otherwise convert via colorState.\n  const display =\n    colorInput.type === format\n      ? inputToString(colorInput)\n      : stateToString(colorState, format);\n  const inputValue = draft ?? display;\n\n  const apply = (input: ColorInput) => {\n    setColor(input);\n    onChange?.(inputToString(input), new Color(input));\n  };\n\n  const handlePickerChange = (next: Color) => {\n    setColor(next);\n    onChange?.(next.format(format), next);\n  };\n\n  const handleFormatChange = (f: ColorPickerFormat) => {\n    setFormat(f);\n    setDraft(null);\n    onChange?.(stateToString(colorState, f), currentColor);\n  };\n\n  const handleInputChange = (text: string) => {\n    setDraft(text);\n    const parsed = parseValue(text, format);\n    if (parsed) apply(parsed);\n  };\n\n  return (\n    <div className={cn(\"w-full max-w-xs\", className)} {...rest}>\n      {label && (\n        <span className=\"mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400\">\n          {label}\n        </span>\n      )}\n      <RBColorPicker\n        color={colorInput}\n        onChange={handlePickerChange}\n        className=\"rounded-2xl border border-gray-200 bg-white p-3 dark:border-gray-800 dark:bg-white/[0.03]\"\n      >\n        <RBColorPicker.Saturation className=\"mb-3 h-40 overflow-hidden rounded-lg\" />\n        <div className=\"flex items-center gap-3\">\n          {withEyeDropper && (\n            <RBColorPicker.EyeDropper className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-gray-200 text-gray-600 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-white/[0.03]\">\n              {pipetteIcon}\n            </RBColorPicker.EyeDropper>\n          )}\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <RBColorPicker.Hue className=\"h-3 overflow-hidden rounded-full\" />\n            <RBColorPicker.Alpha className=\"h-3 overflow-hidden rounded-full\" />\n          </div>\n        </div>\n      </RBColorPicker>\n\n      {showInput && (\n        <div className=\"mt-3 flex items-stretch gap-2\">\n          <span\n            aria-hidden=\"true\"\n            className=\"h-11 w-11 shrink-0 rounded-lg border border-gray-200 dark:border-gray-700\"\n            style={{ backgroundColor: currentColor.format(\"rgba\") }}\n          />\n          {formats.length > 1 && (\n            <select\n              aria-label=\"Color format\"\n              value={format}\n              onChange={(e) => handleFormatChange(e.target.value as ColorPickerFormat)}\n              className=\"h-11 shrink-0 rounded-lg border border-gray-300 bg-transparent px-2 text-sm text-gray-700 focus:outline-hidden dark:border-gray-700 dark:text-gray-300\"\n            >\n              {formats.map((f) => (\n                <option key={f} value={f}>\n                  {f.toUpperCase()}\n                </option>\n              ))}\n            </select>\n          )}\n          <input\n            aria-label=\"Color value\"\n            value={inputValue}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={() => setDraft(null)}\n            className=\"h-11 w-full rounded-lg border border-gray-300 bg-transparent px-3 text-sm text-gray-800 focus:outline-hidden dark:border-gray-700 dark:text-white/90\"\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-AGRX5ZR6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ColorPicker/ColorPicker.tsx"],"names":["RBColorPicker"],"mappings":"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","file":"chunk-AGRX5ZR6.js","sourcesContent":["\"use client\";\nimport React, { useMemo, useState } from \"react\";\nimport {\n  ColorPicker as RBColorPicker,\n  useColorState,\n  Color,\n} from \"react-beautiful-color\";\nimport { cn } from \"../../lib/cn\";\n\n// `react-beautiful-color` doesn't re-export these from its entry, so derive them\n// from the hook's inferred return type.\ntype ColorInput = ReturnType<typeof useColorState>[0][\"colorInput\"];\ntype ColorState = ReturnType<typeof useColorState>[0][\"colorState\"];\n\nexport type ColorPickerFormat = \"hex\" | \"rgb\" | \"rgba\" | \"hsl\" | \"hsla\";\n\nexport interface ColorPickerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  /** Initial color (uncontrolled). Any hex string, e.g. `\"#3641f5\"`. */\n  defaultValue?: string;\n  /** Format selected on first render. Default: `\"hex\"`. */\n  defaultFormat?: ColorPickerFormat;\n  /** Formats offered in the switcher. Default: all five. */\n  formats?: ColorPickerFormat[];\n  /** Render the value input + format switcher. Default: `true`. */\n  showInput?: boolean;\n  /** Show the native eye-dropper button (browser support varies). */\n  withEyeDropper?: boolean;\n  /** Optional label rendered above the picker. */\n  label?: string;\n  /** Fires on every change with the formatted string and the `Color` instance. */\n  onChange?: (value: string, color: Color) => void;\n}\n\nconst ALL_FORMATS: ColorPickerFormat[] = [\"hex\", \"rgb\", \"rgba\", \"hsl\", \"hsla\"];\n\n/** Parse the text in the input back into a `ColorInput`, or `null` if invalid. */\nfunction parseValue(text: string, format: ColorPickerFormat): ColorInput | null {\n  const t = text.trim();\n  if (format === \"hex\") {\n    return /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)\n      ? { type: \"hex\", value: t }\n      : null;\n  }\n  const n = t.match(/-?\\d*\\.?\\d+/g)?.map(Number) ?? [];\n  if (format === \"rgb\" && n.length >= 3) return { type: \"rgb\", r: n[0], g: n[1], b: n[2] };\n  if (format === \"rgba\" && n.length >= 4)\n    return { type: \"rgba\", r: n[0], g: n[1], b: n[2], a: n[3] };\n  if (format === \"hsl\" && n.length >= 3) return { type: \"hsl\", h: n[0], s: n[1], l: n[2] };\n  if (format === \"hsla\" && n.length >= 4)\n    return { type: \"hsla\", h: n[0], s: n[1], l: n[2], a: n[3] };\n  return null;\n}\n\n/** Format a `ColorInput` (preserving the user's exact values) into a CSS string. */\nfunction inputToString(input: ColorInput): string {\n  switch (input.type) {\n    case \"hex\":\n      return input.value;\n    case \"rgb\":\n      return `rgb(${input.r}, ${input.g}, ${input.b})`;\n    case \"rgba\":\n      return `rgba(${input.r}, ${input.g}, ${input.b}, ${input.a})`;\n    case \"hsl\":\n      return `hsl(${input.h}, ${input.s}%, ${input.l}%)`;\n    case \"hsla\":\n      return `hsla(${input.h}, ${input.s}%, ${input.l}%, ${input.a})`;\n    case \"hsv\":\n      return `hsv(${input.h}, ${input.s}%, ${input.v}%)`;\n    case \"hsva\":\n      return `hsva(${input.h}, ${input.s}%, ${input.v}%, ${input.a})`;\n  }\n}\n\n/** Format the resolved `ColorState` into the requested CSS string. */\nfunction stateToString(state: ColorState, format: ColorPickerFormat): string {\n  switch (format) {\n    case \"hex\":\n      return state.hex;\n    case \"rgb\":\n      return `rgb(${state.rgb.r}, ${state.rgb.g}, ${state.rgb.b})`;\n    case \"rgba\":\n      return `rgba(${state.rgba.r}, ${state.rgba.g}, ${state.rgba.b}, ${state.rgba.a})`;\n    case \"hsl\":\n      return `hsl(${state.hsl.h}, ${state.hsl.s}%, ${state.hsl.l}%)`;\n    case \"hsla\":\n      return `hsla(${state.hsla.h}, ${state.hsla.s}%, ${state.hsla.l}%, ${state.hsla.a})`;\n    default:\n      return state.hex;\n  }\n}\n\nconst pipetteIcon = (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M19.5 3.5a2.12 2.12 0 0 0-3 0l-2.3 2.3-1-1-1.4 1.4 1 1L4 14.9V19h4.1l7.7-7.7 1 1 1.4-1.4-1-1 2.3-2.3a2.12 2.12 0 0 0 0-3ZM7.3 17.6H6v-1.3l6.6-6.6 1.3 1.3-6.6 6.6Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const ColorPicker: React.FC<ColorPickerProps> = ({\n  defaultValue = \"#3641f5\",\n  defaultFormat = \"hex\",\n  formats = ALL_FORMATS,\n  showInput = true,\n  withEyeDropper = false,\n  label,\n  onChange,\n  className,\n  ...rest\n}) => {\n  const [{ colorInput, colorState }, setColor] = useColorState({\n    type: \"hex\",\n    value: defaultValue,\n  });\n  const [format, setFormat] = useState<ColorPickerFormat>(defaultFormat);\n  // While the input is focused we keep a raw draft so partial/invalid typing\n  // isn't clobbered by the normalized value.\n  const [draft, setDraft] = useState<string | null>(null);\n\n  const currentColor = useMemo(() => new Color(colorInput), [colorInput]);\n  // Prefer the user's exact input when it's already in the selected format\n  // (avoids lossy hex<->hsv round-tripping); otherwise convert via colorState.\n  const display =\n    colorInput.type === format\n      ? inputToString(colorInput)\n      : stateToString(colorState, format);\n  const inputValue = draft ?? display;\n\n  const apply = (input: ColorInput) => {\n    setColor(input);\n    onChange?.(inputToString(input), new Color(input));\n  };\n\n  const handlePickerChange = (next: Color) => {\n    setColor(next);\n    onChange?.(next.format(format), next);\n  };\n\n  const handleFormatChange = (f: ColorPickerFormat) => {\n    setFormat(f);\n    setDraft(null);\n    onChange?.(stateToString(colorState, f), currentColor);\n  };\n\n  const handleInputChange = (text: string) => {\n    setDraft(text);\n    const parsed = parseValue(text, format);\n    if (parsed) apply(parsed);\n  };\n\n  return (\n    <div className={cn(\"w-full max-w-xs\", className)} {...rest}>\n      {label && (\n        <span className=\"mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400\">\n          {label}\n        </span>\n      )}\n      <RBColorPicker\n        color={colorInput}\n        onChange={handlePickerChange}\n        className=\"rounded-2xl border border-gray-200 bg-white p-3 dark:border-gray-800 dark:bg-white/[0.03]\"\n      >\n        <RBColorPicker.Saturation className=\"mb-3 h-40 overflow-hidden rounded-lg\" />\n        <div className=\"flex items-center gap-3\">\n          {withEyeDropper && (\n            <RBColorPicker.EyeDropper className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-gray-200 text-gray-600 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-white/[0.03]\">\n              {pipetteIcon}\n            </RBColorPicker.EyeDropper>\n          )}\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <RBColorPicker.Hue className=\"h-3 overflow-hidden rounded-full\" />\n            <RBColorPicker.Alpha className=\"h-3 overflow-hidden rounded-full\" />\n          </div>\n        </div>\n      </RBColorPicker>\n\n      {showInput && (\n        <div className=\"mt-3 flex items-stretch gap-2\">\n          <span\n            aria-hidden=\"true\"\n            className=\"h-11 w-11 shrink-0 rounded-lg border border-gray-200 dark:border-gray-700\"\n            style={{ backgroundColor: currentColor.format(\"rgba\") }}\n          />\n          {formats.length > 1 && (\n            <select\n              aria-label=\"Color format\"\n              value={format}\n              onChange={(e) => handleFormatChange(e.target.value as ColorPickerFormat)}\n              className=\"h-11 shrink-0 rounded-lg border border-gray-300 bg-transparent px-2 text-sm text-gray-700 focus:outline-hidden dark:border-gray-700 dark:text-gray-300\"\n            >\n              {formats.map((f) => (\n                <option key={f} value={f}>\n                  {f.toUpperCase()}\n                </option>\n              ))}\n            </select>\n          )}\n          <input\n            aria-label=\"Color value\"\n            value={inputValue}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={() => setDraft(null)}\n            className=\"h-11 w-full rounded-lg border border-gray-300 bg-transparent px-3 text-sm text-gray-800 focus:outline-hidden dark:border-gray-700 dark:text-white/90\"\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-BGA7AECV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Charts/LineChart.tsx"],"names":["jsx","Chart"],"mappings":"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","file":"chunk-BGA7AECV.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface LineChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\n}\n\nconst defaultOptions: ApexOptions = {\n  legend: {\n    show: false,\n    position: \"top\",\n    horizontalAlign: \"left\",\n  },\n  colors: [\"#465FFF\", \"#9CB9FF\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    height: 310,\n    type: \"line\",\n    toolbar: {\n      show: false,\n    },\n  },\n  stroke: {\n    curve: \"straight\",\n    width: [2, 2],\n  },\n  fill: {\n    type: \"gradient\",\n    gradient: {\n      opacityFrom: 0.55,\n      opacityTo: 0,\n    },\n  },\n  markers: {\n    size: 0,\n    strokeColors: \"#fff\",\n    strokeWidth: 2,\n    hover: {\n      size: 6,\n    },\n  },\n  grid: {\n    xaxis: {\n      lines: {\n        show: false,\n      },\n    },\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  tooltip: {\n    enabled: true,\n    x: {\n      format: \"dd MMM yyyy\",\n    },\n  },\n  xaxis: {\n    type: \"category\",\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n    tooltip: {\n      enabled: false,\n    },\n  },\n  yaxis: {\n    labels: {\n      style: {\n        fontSize: \"12px\",\n        colors: [\"#6B7280\"],\n      },\n    },\n    title: {\n      text: \"\",\n      style: {\n        fontSize: \"0px\",\n      },\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],\n  },\n  {\n    name: \"Revenue\",\n    data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],\n  },\n];\n\nexport const LineChart: React.FC<LineChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"area\"\n      height={height ?? 310}\n    />\n  );\n};\n"]}

package/dist/chunk-HZQZC5CK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":[],"mappings":";;;AAaA,IAAM,cAAA,GAA8B;AAAA,EAClC,MAAA,EAAQ,CAAC,SAAS,CAAA;AAAA,EAClB,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM,KAAA;AAAA,IACN,MAAA,EAAQ,GAAA;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,WAAA,EAAa;AAAA,IACX,GAAA,EAAK;AAAA,MACH,UAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAa,KAAA;AAAA,MACb,YAAA,EAAc,CAAA;AAAA,MACd,uBAAA,EAAyB;AAAA;AAC3B,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO,CAAA;AAAA,IACP,MAAA,EAAQ,CAAC,aAAa;AAAA,GACxB;AAAA,EACA,KAAA,EAAO;AAAA,IACL,UAAA,EAAY;AAAA,MACV,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,IAAA;AAAA,IACN,QAAA,EAAU,KAAA;AAAA,IACV,eAAA,EAAiB,MAAA;AAAA,IACjB,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO;AAAA,MACL,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA;AACR;AACF,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,CAAA,EAAG;AAAA,MACD,IAAA,EAAM;AAAA,KACR;AAAA,IACA,CAAA,EAAG;AAAA,MACD,SAAA,EAAW,CAAC,GAAA,KAAgB,CAAA,EAAG,GAAG,CAAA;AAAA;AACpC;AAEJ,CAAA;AAEA,IAAM,aAAA,GAAqC;AAAA,EACzC;AAAA,IACE,IAAA,EAAM,OAAA;AAAA,IACN,IAAA,EAAM,CAAC,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,KAAK,GAAG;AAAA;AAErE,CAAA;AAEO,IAAM,WAAoC,CAAC;AAAA,EAChD,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,aAAA,GAA6B;AAAA,IACjC,GAAG,cAAA;AAAA,IACH,GAAG,OAAA;AAAA,IACH,MAAA,EAAQ,MAAA,IAAU,OAAA,EAAS,MAAA,IAAU,cAAA,CAAe,MAAA;AAAA,IACpD,KAAA,EAAO;AAAA,MACL,GAAG,cAAA,CAAe,KAAA;AAAA,MAClB,GAAG,OAAA,EAAS,KAAA;AAAA,MACZ,QAAQ,MAAA,IAAU,OAAA,EAAS,KAAA,EAAO,MAAA,IAAU,eAAe,KAAA,EAAO;AAAA,KACpE;AAAA,IACA,KAAA,EAAO;AAAA,MACL,GAAG,cAAA,CAAe,KAAA;AAAA,MAClB,GAAG,OAAA,EAAS,KAAA;AAAA,MACZ,YACE,UAAA,IACA,OAAA,EAAS,KAAA,EAAO,UAAA,IAChB,eAAe,KAAA,EAAO;AAAA;AAC1B,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,aAAA;AAAA,MACT,QAAQ,MAAA,IAAU,aAAA;AAAA,MAClB,IAAA,EAAK,KAAA;AAAA,MACL,QAAQ,MAAA,IAAU;AAAA;AAAA,GACpB;AAEJ","file":"chunk-HZQZC5CK.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\n}\n\nconst defaultOptions: ApexOptions = {\n  colors: [\"#465fff\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    type: \"bar\",\n    height: 180,\n    toolbar: {\n      show: false,\n    },\n  },\n  plotOptions: {\n    bar: {\n      horizontal: false,\n      columnWidth: \"39%\",\n      borderRadius: 5,\n      borderRadiusApplication: \"end\",\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  stroke: {\n    show: true,\n    width: 4,\n    colors: [\"transparent\"],\n  },\n  xaxis: {\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\n  },\n  yaxis: {\n    title: {\n      text: undefined,\n    },\n  },\n  grid: {\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  fill: {\n    opacity: 1,\n  },\n  tooltip: {\n    x: {\n      show: false,\n    },\n    y: {\n      formatter: (val: number) => `${val}`,\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],\n  },\n];\n\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}

package/dist/chunk-MEU4PMP5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Charts/LineChart.tsx"],"names":[],"mappings":"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","file":"chunk-MEU4PMP5.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface LineChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\n}\n\nconst defaultOptions: ApexOptions = {\n  legend: {\n    show: false,\n    position: \"top\",\n    horizontalAlign: \"left\",\n  },\n  colors: [\"#465FFF\", \"#9CB9FF\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    height: 310,\n    type: \"line\",\n    toolbar: {\n      show: false,\n    },\n  },\n  stroke: {\n    curve: \"straight\",\n    width: [2, 2],\n  },\n  fill: {\n    type: \"gradient\",\n    gradient: {\n      opacityFrom: 0.55,\n      opacityTo: 0,\n    },\n  },\n  markers: {\n    size: 0,\n    strokeColors: \"#fff\",\n    strokeWidth: 2,\n    hover: {\n      size: 6,\n    },\n  },\n  grid: {\n    xaxis: {\n      lines: {\n        show: false,\n      },\n    },\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  tooltip: {\n    enabled: true,\n    x: {\n      format: \"dd MMM yyyy\",\n    },\n  },\n  xaxis: {\n    type: \"category\",\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n    tooltip: {\n      enabled: false,\n    },\n  },\n  yaxis: {\n    labels: {\n      style: {\n        fontSize: \"12px\",\n        colors: [\"#6B7280\"],\n      },\n    },\n    title: {\n      text: \"\",\n      style: {\n        fontSize: \"0px\",\n      },\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],\n  },\n  {\n    name: \"Revenue\",\n    data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],\n  },\n];\n\nexport const LineChart: React.FC<LineChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"area\"\n      height={height ?? 310}\n    />\n  );\n};\n"]}

package/dist/chunk-OSIOO5AE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":["jsx","Chart"],"mappings":"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","file":"chunk-OSIOO5AE.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\n}\n\nconst defaultOptions: ApexOptions = {\n  colors: [\"#465fff\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    type: \"bar\",\n    height: 180,\n    toolbar: {\n      show: false,\n    },\n  },\n  plotOptions: {\n    bar: {\n      horizontal: false,\n      columnWidth: \"39%\",\n      borderRadius: 5,\n      borderRadiusApplication: \"end\",\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  stroke: {\n    show: true,\n    width: 4,\n    colors: [\"transparent\"],\n  },\n  xaxis: {\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\n  },\n  yaxis: {\n    title: {\n      text: undefined,\n    },\n  },\n  grid: {\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  fill: {\n    opacity: 1,\n  },\n  tooltip: {\n    x: {\n      show: false,\n    },\n    y: {\n      formatter: (val: number) => `${val}`,\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],\n  },\n];\n\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}