@duskmoon-dev/components 0.2.0 → 0.3.0

package/dist/classes/index.d.ts

@@ -32,7 +32,6 @@ export * from "./dm-infinite-scroll";
 export * from "./dm-page-header";
 export * from "./dm-pagination";
 export * from "./dm-pro-table";
-export * from "./dm-pro-table-inner";
 export * from "./dm-provider";
 export * from "./dm-query";
 export * from "./dm-search";

package/dist/classes/index.js

@@ -5,6 +5,12 @@ import {
 // src/classes/alert.ts
 var alertBaseClass = "alert";
 var alertColorClasses = {
+  primary: "alert-primary",
+  secondary: "alert-secondary",
+  tertiary: "alert-tertiary",
+  accent: "alert-accent",
+  neutral: "alert-neutral",
+  base: "alert-base",
   info: "alert-info",
   success: "alert-success",
   warning: "alert-warning",
@@ -83,6 +89,9 @@ var autoCompleteColorClasses = {
   primary: "autocomplete-primary",
   secondary: "autocomplete-secondary",
   tertiary: "autocomplete-tertiary",
+  accent: "autocomplete-accent",
+  neutral: "autocomplete-neutral",
+  base: "autocomplete-base",
   info: "autocomplete-info",
   success: "autocomplete-success",
   warning: "autocomplete-warning",
@@ -155,6 +164,10 @@ var badgeBaseClass = "badge";
 var badgeColorClasses = {
   primary: "badge-primary",
   secondary: "badge-secondary",
+  tertiary: "badge-tertiary",
+  accent: "badge-accent",
+  neutral: "badge-neutral",
+  base: "badge-base",
   info: "badge-info",
   success: "badge-success",
   warning: "badge-warning",
@@ -213,6 +226,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",
@@ -400,7 +416,14 @@ var checkboxLabelBaseClass = "checkbox-text";
 var checkboxColorClasses = {
   primary: "checkbox-primary",
   secondary: "checkbox-secondary",
-  tertiary: "checkbox-tertiary"
+  tertiary: "checkbox-tertiary",
+  accent: "checkbox-accent",
+  neutral: "checkbox-neutral",
+  base: "checkbox-base",
+  info: "checkbox-info",
+  success: "checkbox-success",
+  warning: "checkbox-warning",
+  error: "checkbox-error"
 };
 var checkboxSizeClasses = {
   sm: "checkbox-sm",
@@ -610,10 +633,16 @@ var dividerThicknessClasses = {
   thick: "divider-thick"
 };
 var dividerColorClasses = {
-  neutral: "",
   primary: "divider-primary",
   secondary: "divider-secondary",
-  tertiary: "divider-tertiary"
+  tertiary: "divider-tertiary",
+  accent: "divider-accent",
+  neutral: "divider-neutral",
+  base: "divider-base",
+  info: "divider-info",
+  success: "divider-success",
+  warning: "divider-warning",
+  error: "divider-error"
 };
 var dividerSpacingClasses = {
   normal: "",
@@ -803,20 +832,6 @@ var dmProTableColumnSettingClass = "dm-pro-table-column-setting";
 function getDmProTableClasses({ className }) {
   return cn(dmProTableBaseClass, className);
 }
-// src/classes/dm-table.ts
-var dmTableBaseClass = "dm-table";
-var dmTableSearchClass = "dm-table-search";
-var dmTableCardClass = "dm-table-card";
-var dmTableHeaderClass = "dm-table-header";
-var dmTableTitleClass = "dm-table-title";
-var dmTableExtraClass = "dm-table-extra";
-var dmTableIndicatorsClass = "dm-table-indicators";
-var dmTableTableExtraClass = "dm-table-table-extra";
-var dmTableColumnSettingClass = "dm-table-column-setting";
-var dmTablePaginationClass = "dm-table-pagination";
-function getDmTableClasses({ className }) {
-  return cn(dmTableBaseClass, className);
-}
 // src/classes/dm-provider.ts
 var dmProviderClass = "dm-provider";
 function getDmProviderClasses({ className }) {
@@ -890,6 +905,20 @@ function getDmTabsClasses({
   const isVerticalLine = type === "line" && (tabPosition === "left" || tabPosition === "right");
   return cn(type === "line" && (isVerticalLine ? dmTabsLineVerticalClass : dmTabsLineHorizontalClass), type !== "line" && (transparentCard ? dmTabsCardTransparentClass : dmTabsCardClass), optionTree && dmTabsOptionTreeClass, className);
 }
+// src/classes/dm-table.ts
+var dmTableBaseClass = "dm-table";
+var dmTableSearchClass = "dm-table-search";
+var dmTableCardClass = "dm-table-card";
+var dmTableHeaderClass = "dm-table-header";
+var dmTableTitleClass = "dm-table-title";
+var dmTableExtraClass = "dm-table-extra";
+var dmTableIndicatorsClass = "dm-table-indicators";
+var dmTableTableExtraClass = "dm-table-table-extra";
+var dmTableColumnSettingClass = "dm-table-column-setting";
+var dmTablePaginationClass = "dm-table-pagination";
+function getDmTableClasses({ className }) {
+  return cn(dmTableBaseClass, className);
+}
 // src/classes/dm-toolbar.ts
 var dmToolbarBaseClass = "dm-toolbar";
 var dmToolbarItemClass = "dm-toolbar-item";
@@ -1514,13 +1543,16 @@ function getPopconfirmClasses({
 // src/classes/progress.ts
 var progressBaseClass = "progress";
 var progressColorClasses = {
-  primary: "",
+  primary: "progress-primary",
   secondary: "progress-secondary",
   tertiary: "progress-tertiary",
+  accent: "progress-accent",
+  neutral: "progress-neutral",
+  base: "progress-base",
+  info: "progress-info",
   success: "progress-success",
-  error: "progress-error",
   warning: "progress-warning",
-  info: "progress-info"
+  error: "progress-error"
 };
 var progressSizeClasses = {
   sm: "progress-sm",
@@ -1580,7 +1612,14 @@ var radioLabelBaseClass = "radio-label";
 var radioColorClasses = {
   primary: "radio-primary",
   secondary: "radio-secondary",
-  tertiary: "radio-tertiary"
+  tertiary: "radio-tertiary",
+  accent: "radio-accent",
+  neutral: "radio-neutral",
+  base: "radio-base",
+  info: "radio-info",
+  success: "radio-success",
+  warning: "radio-warning",
+  error: "radio-error"
 };
 var radioSizeClasses = {
   sm: "radio-sm",
@@ -1626,10 +1665,16 @@ var rateSizeClasses = {
   xl: "rating-xl"
 };
 var rateColorClasses = {
-  primary: "",
+  primary: "rating-primary",
   secondary: "rating-secondary",
   tertiary: "rating-tertiary",
-  warning: "rating-warning"
+  accent: "rating-accent",
+  neutral: "rating-neutral",
+  base: "rating-base",
+  info: "rating-info",
+  success: "rating-success",
+  warning: "rating-warning",
+  error: "rating-error"
 };
 function getRateClasses({
   size = "md",
@@ -1846,9 +1891,16 @@ var sliderSizeClasses = {
   lg: "slider-lg"
 };
 var sliderColorClasses = {
-  primary: "",
+  primary: "slider-primary",
   secondary: "slider-secondary",
-  tertiary: "slider-tertiary"
+  tertiary: "slider-tertiary",
+  accent: "slider-accent",
+  neutral: "slider-neutral",
+  base: "slider-base",
+  info: "slider-info",
+  success: "slider-success",
+  warning: "slider-warning",
+  error: "slider-error"
 };
 function getSliderClasses({
   size = "md",
@@ -2016,7 +2068,14 @@ var switchSizeClasses = {
 var switchColorClasses = {
   primary: "switch-primary",
   secondary: "switch-secondary",
-  tertiary: "switch-tertiary"
+  tertiary: "switch-tertiary",
+  accent: "switch-accent",
+  neutral: "switch-neutral",
+  base: "switch-base",
+  info: "switch-info",
+  success: "switch-success",
+  warning: "switch-warning",
+  error: "switch-error"
 };
 function getSwitchClasses({
   size = "md",
@@ -2104,10 +2163,13 @@ var tagColorClasses = {
   primary: "chip-primary",
   secondary: "chip-secondary",
   tertiary: "chip-tertiary",
+  accent: "chip-accent",
+  neutral: "chip-neutral",
+  base: "chip-base",
+  info: "chip-info",
   success: "chip-success",
-  error: "chip-error",
   warning: "chip-warning",
-  info: "chip-info"
+  error: "chip-error"
 };
 function getTagClasses({
   color,
@@ -2223,10 +2285,15 @@ var timelineSizeClasses = {
   lg: "timeline-lg"
 };
 var timelineMarkerColorClasses = {
-  primary: "",
+  primary: "timeline-marker-primary",
   secondary: "timeline-marker-secondary",
   tertiary: "timeline-marker-tertiary",
+  accent: "timeline-marker-accent",
+  neutral: "timeline-marker-neutral",
+  base: "timeline-marker-base",
+  info: "timeline-marker-info",
   success: "timeline-marker-success",
+  warning: "timeline-marker-warning",
   error: "timeline-marker-error"
 };
 function getTimelineClasses({
@@ -3161,7 +3228,6 @@ export {
   getDmSearchClasses,
   getDmSearchClasses as getDmQueryClasses,
   getDmProviderClasses,
-  getDmTableClasses as getDmProTableInnerClasses,
   getDmProTableClasses,
   getDmPaginationRefreshClasses,
   getDmPaginationClasses,
@@ -3330,7 +3396,6 @@ export {
   dmProviderClass,
   dmProTableToolbarClass,
   dmProTableTitleClass,
-  dmTableBaseClass as dmProTableInnerBaseClass,
   dmProTableHeaderClass,
   dmProTableColumnSettingClass,
   dmProTableBaseClass,

package/dist/components/alert/Alert.types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-export type AlertColor = "info" | "success" | "warning" | "error";
+export type AlertColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type AlertAppearance = "filled" | "outline" | "tonal";
 export interface AlertProps extends ComponentProps<"div"> {
     color?: AlertColor;

package/dist/components/alert/index.js

@@ -31,6 +31,12 @@ function cn(...inputs) {
 // src/classes/alert.ts
 var alertBaseClass = "alert";
 var alertColorClasses = {
+  primary: "alert-primary",
+  secondary: "alert-secondary",
+  tertiary: "alert-tertiary",
+  accent: "alert-accent",
+  neutral: "alert-neutral",
+  base: "alert-base",
   info: "alert-info",
   success: "alert-success",
   warning: "alert-warning",

package/dist/components/auto-complete/AutoComplete.types.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps, ForwardRefExoticComponent, ReactNode, RefAttributes } from "react";
 export type AutoCompleteSize = "sm" | "md" | "lg";
-export type AutoCompleteColor = "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error";
+export type AutoCompleteColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export interface AutoCompleteOptionType {
     value: string;
     label?: ReactNode;

package/dist/components/auto-complete/index.js

@@ -46,6 +46,9 @@ var autoCompleteColorClasses = {
   primary: "autocomplete-primary",
   secondary: "autocomplete-secondary",
   tertiary: "autocomplete-tertiary",
+  accent: "autocomplete-accent",
+  neutral: "autocomplete-neutral",
+  base: "autocomplete-base",
   info: "autocomplete-info",
   success: "autocomplete-success",
   warning: "autocomplete-warning",

package/dist/components/badge/Badge.types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-export type BadgeColor = "primary" | "secondary" | "info" | "success" | "warning" | "error";
+export type BadgeColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type BadgeAppearance = "filled" | "outline" | "tonal" | "ghost";
 export type BadgeSize = "sm" | "md" | "lg";
 export interface BadgeProps extends ComponentProps<"div"> {

package/dist/components/badge/index.js

@@ -30,6 +30,10 @@ var badgeBaseClass = "badge";
 var badgeColorClasses = {
   primary: "badge-primary",
   secondary: "badge-secondary",
+  tertiary: "badge-tertiary",
+  accent: "badge-accent",
+  neutral: "badge-neutral",
+  base: "badge-base",
   info: "badge-info",
   success: "badge-success",
   warning: "badge-warning",

package/dist/components/button/Button.types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-export type ButtonColor = "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error";
+export type ButtonColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type ButtonAppearance = "filled" | "outline" | "tonal" | "ghost" | "text";
 export type ButtonShape = "rect" | "circle" | "square";
 export type ButtonSize = "xs" | "sm" | "md" | "lg";

package/dist/components/button/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/checkbox/Checkbox.types.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent, ComponentProps, ReactNode } from "react";
-export type CheckboxColor = "primary" | "secondary" | "tertiary";
+export type CheckboxColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type CheckboxSize = "sm" | "md" | "lg";
 export type CheckboxLabelPosition = "left" | "right";
 export interface CheckboxProps extends Omit<ComponentProps<"input">, "children" | "className" | "size" | "type"> {

package/dist/components/checkbox/index.js

@@ -41,7 +41,14 @@ var checkboxLabelBaseClass = "checkbox-text";
 var checkboxColorClasses = {
   primary: "checkbox-primary",
   secondary: "checkbox-secondary",
-  tertiary: "checkbox-tertiary"
+  tertiary: "checkbox-tertiary",
+  accent: "checkbox-accent",
+  neutral: "checkbox-neutral",
+  base: "checkbox-base",
+  info: "checkbox-info",
+  success: "checkbox-success",
+  warning: "checkbox-warning",
+  error: "checkbox-error"
 };
 var checkboxSizeClasses = {
   sm: "checkbox-sm",

package/dist/components/divider/Divider.types.d.ts

@@ -2,7 +2,7 @@ import type { ComponentProps } from "react";
 export type DividerOrientation = "horizontal" | "vertical";
 export type DividerVariant = "solid" | "dashed" | "dotted";
 export type DividerThickness = "thin" | "medium" | "thick";
-export type DividerColor = "neutral" | "primary" | "secondary" | "tertiary";
+export type DividerColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type DividerSpacing = "normal" | "compact" | "comfortable" | "spacious";
 export interface DividerProps extends ComponentProps<"div"> {
     orientation?: DividerOrientation;

package/dist/components/divider/index.js

@@ -45,10 +45,16 @@ var dividerThicknessClasses = {
   thick: "divider-thick"
 };
 var dividerColorClasses = {
-  neutral: "",
   primary: "divider-primary",
   secondary: "divider-secondary",
-  tertiary: "divider-tertiary"
+  tertiary: "divider-tertiary",
+  accent: "divider-accent",
+  neutral: "divider-neutral",
+  base: "divider-base",
+  info: "divider-info",
+  success: "divider-success",
+  warning: "divider-warning",
+  error: "divider-error"
 };
 var dividerSpacingClasses = {
   normal: "",

package/dist/components/dm-drawer/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/dm-page-header/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/dm-pro-table/DmProTable.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { TableRecord } from "../table/Table.types";
 import type { DmProTableProps } from "./DmProTable.types";
-export declare function DmProTable<T extends TableRecord = TableRecord>({ headerTitle, toolBarRender, toolbarItems, showTitleBar, columnSettingVisible, className, ...props }: DmProTableProps<T>): React.JSX.Element;
+export declare function DmProTable<T extends TableRecord = TableRecord>({ headerTitle, toolBarRender, toolbarItems, showTitleBar, columnSettingVisible, className, rowData, ...props }: DmProTableProps<T>): React.JSX.Element;
 export declare namespace DmProTable {
     var displayName: string;
 }

package/dist/components/dm-pro-table/DmProTable.types.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from "react";
-import type { DmProTableInnerProps } from "../dm-pro-table-inner";
+import type { DmTableProps } from "../dm-table";
 import type { DmToolbarItem } from "../dm-toolbar";
 import type { TableRecord } from "../table/Table.types";
-export interface DmProTableProps<T = TableRecord> extends DmProTableInnerProps<T> {
+export interface DmProTableProps<T = TableRecord> extends Omit<DmTableProps<T>, "dataSource"> {
+    rowData?: T[];
     headerTitle?: ReactNode;
     toolBarRender?: (() => ReactNode[] | ReactNode) | ReactNode[] | ReactNode;
     toolbarItems?: DmToolbarItem[];

package/dist/components/dm-pro-table/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",
@@ -2996,20 +2999,6 @@ function DmTable({
   });
 }
 DmTable.displayName = "DmTable";
-// src/components/dm-pro-table-inner/DmProTableInner.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-function DmProTableInner({
-  rowData,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(DmTable, {
-    ...props,
-    className: getDmTableClasses({ className }),
-    dataSource: rowData
-  });
-}
-DmProTableInner.displayName = "DmProTableInner";
 // src/classes/dm-pro-table.ts
 var dmProTableBaseClass = "dm-pro-table";
 var dmProTableHeaderClass = "dm-pro-table-header";
@@ -3021,7 +3010,7 @@ function getDmProTableClasses({ className }) {
 }
 
 // src/components/dm-pro-table/DmProTable.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function renderToolbar(toolBarRender) {
   if (typeof toolBarRender === "function")
     return toolBarRender();
@@ -3034,6 +3023,7 @@ function DmProTable({
   showTitleBar = true,
   columnSettingVisible,
   className,
+  rowData,
   ...props
 }) {
   return /* @__PURE__ */ jsxs12("div", {
@@ -3042,17 +3032,17 @@ function DmProTable({
       showTitleBar ? /* @__PURE__ */ jsxs12("div", {
         className: dmProTableHeaderClass,
         children: [
-          /* @__PURE__ */ jsx14("div", {
+          /* @__PURE__ */ jsx13("div", {
             className: dmProTableTitleClass,
             children: headerTitle
           }),
           /* @__PURE__ */ jsxs12("div", {
             className: dmProTableToolbarClass,
             children: [
-              toolbarItems?.length ? /* @__PURE__ */ jsx14(DmToolbar, {
+              toolbarItems?.length ? /* @__PURE__ */ jsx13(DmToolbar, {
                 items: toolbarItems
               }) : renderToolbar(toolBarRender),
-              columnSettingVisible ? /* @__PURE__ */ jsx14(Button, {
+              columnSettingVisible ? /* @__PURE__ */ jsx13(Button, {
                 type: "button",
                 color: "secondary",
                 appearance: "outline",
@@ -3063,9 +3053,10 @@ function DmProTable({
           })
         ]
       }) : null,
-      /* @__PURE__ */ jsx14(DmProTableInner, {
+      /* @__PURE__ */ jsx13(DmTable, {
         ...props,
-        columnSettingVisible: showTitleBar ? false : columnSettingVisible
+        columnSettingVisible: showTitleBar ? false : columnSettingVisible,
+        dataSource: rowData
       })
     ]
   });

package/dist/components/dm-query/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/dm-search/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/dm-table/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/dm-toolbar/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/dropdown/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/popconfirm/index.js

@@ -31,6 +31,9 @@ var buttonColorClasses = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   tertiary: "btn-tertiary",
+  accent: "btn-accent",
+  neutral: "btn-neutral",
+  base: "btn-base",
   info: "btn-info",
   success: "btn-success",
   warning: "btn-warning",

package/dist/components/progress/Progress.types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-export type ProgressColor = "primary" | "secondary" | "tertiary" | "success" | "error" | "warning" | "info";
+export type ProgressColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type ProgressSize = "sm" | "md" | "lg" | "xl";
 export interface ProgressProps extends ComponentProps<"div"> {
     color?: ProgressColor;

package/dist/components/progress/index.js

@@ -31,13 +31,16 @@ function cn(...inputs) {
 // src/classes/progress.ts
 var progressBaseClass = "progress";
 var progressColorClasses = {
-  primary: "",
+  primary: "progress-primary",
   secondary: "progress-secondary",
   tertiary: "progress-tertiary",
+  accent: "progress-accent",
+  neutral: "progress-neutral",
+  base: "progress-base",
+  info: "progress-info",
   success: "progress-success",
-  error: "progress-error",
   warning: "progress-warning",
-  info: "progress-info"
+  error: "progress-error"
 };
 var progressSizeClasses = {
   sm: "progress-sm",

package/dist/components/radio/Radio.types.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent, ComponentProps, ReactNode } from "react";
-export type RadioColor = "primary" | "secondary" | "tertiary";
+export type RadioColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export type RadioSize = "sm" | "md" | "lg";
 export type RadioLabelPosition = "left" | "right";
 export interface RadioProps extends Omit<ComponentProps<"input">, "children" | "className" | "size" | "type"> {

package/dist/components/radio/index.js

@@ -37,7 +37,14 @@ var radioLabelBaseClass = "radio-label";
 var radioColorClasses = {
   primary: "radio-primary",
   secondary: "radio-secondary",
-  tertiary: "radio-tertiary"
+  tertiary: "radio-tertiary",
+  accent: "radio-accent",
+  neutral: "radio-neutral",
+  base: "radio-base",
+  info: "radio-info",
+  success: "radio-success",
+  warning: "radio-warning",
+  error: "radio-error"
 };
 var radioSizeClasses = {
   sm: "radio-sm",

package/dist/components/rate/Rate.types.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps, ReactNode } from "react";
 export type RateSize = "sm" | "md" | "lg" | "xl";
-export type RateColor = "primary" | "secondary" | "tertiary" | "warning";
+export type RateColor = "primary" | "secondary" | "tertiary" | "accent" | "neutral" | "base" | "info" | "success" | "warning" | "error";
 export interface RateCharacterRenderInfo {
     index: number;
     value: number;