@hellboy/ds 0.1.2 → 0.2.7

package/dist/components/icons.js

@@ -0,0 +1,239 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  ACTION_ICONS: () => ACTION_ICONS,
+  BANNER_TYPE_ICONS: () => BANNER_TYPE_ICONS,
+  CHECKBOX_ICONS: () => CHECKBOX_ICONS,
+  FILE_TYPE_ICONS: () => FILE_TYPE_ICONS,
+  INPUT_TYPE_ICONS: () => INPUT_TYPE_ICONS,
+  Icon: () => Icon,
+  LIST_ICONS: () => LIST_ICONS,
+  NAVIGATION_ICONS: () => NAVIGATION_ICONS,
+  STATUS_ICONS: () => STATUS_ICONS,
+  SWITCH_ICONS: () => SWITCH_ICONS
+});
+module.exports = __toCommonJS(icons_exports);
+
+// src/components/icons/icons.tsx
+var import_react = require("@iconify/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Icon = ({ name, size = 24, className, loading = false, ...rest }) => {
+  const iconName = name.includes(":") ? name : `heroicons:${name}`;
+  const classes = ["icon", className].filter(Boolean).join(" ");
+  if (loading) {
+    const style = { width: size, height: size };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: `${classes} icon--skeleton`,
+        style,
+        "aria-hidden": rest["aria-label"] ? "false" : "true",
+        ...rest["aria-label"] ? { "aria-label": rest["aria-label"] } : {}
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Icon,
+    {
+      icon: iconName,
+      width: size,
+      height: size,
+      className: classes,
+      ...rest
+    }
+  );
+};
+
+// src/components/icons/iconConstants.ts
+var INPUT_TYPE_ICONS = {
+  // Standard HTML input types
+  email: "envelope-solid",
+  password: "lock-closed-solid",
+  search: "magnifying-glass-solid",
+  date: "calendar-days-solid",
+  time: "clock-solid",
+  "datetime-local": "calendar-days-solid",
+  tel: "phone-solid",
+  url: "link-solid",
+  number: "hashtag-solid",
+  // Additional semantic types
+  username: "user-solid",
+  name: "user-solid",
+  firstname: "user-solid",
+  lastname: "user-solid",
+  address: "map-pin-solid",
+  city: "building-solid",
+  state: "map-solid",
+  zip: "map-pin-solid",
+  "zip-code": "map-pin-solid",
+  country: "globe-americas-solid",
+  creditcard: "credit-card-solid",
+  card: "credit-card-solid",
+  cvv: "lock-closed-solid",
+  expiry: "calendar-days-solid",
+  "expiration-date": "calendar-days-solid",
+  // File and media types
+  file: "document-solid",
+  image: "photo-solid",
+  video: "video-camera-solid",
+  audio: "microphone-solid",
+  // Communication
+  message: "chat-bubble-left-solid",
+  comment: "chat-bubble-left-solid",
+  feedback: "chat-bubble-left-solid",
+  // Actions and states
+  submit: "paper-airplane-solid",
+  send: "paper-airplane-solid",
+  save: "floppy-disk-solid",
+  edit: "pencil-solid",
+  delete: "trash-solid",
+  remove: "x-mark-solid",
+  add: "plus-solid",
+  create: "plus-solid",
+  upload: "arrow-up-tray-solid",
+  download: "arrow-down-tray-solid",
+  refresh: "arrow-path-solid",
+  reload: "arrow-path-solid",
+  settings: "cog-solid",
+  config: "cog-solid",
+  filter: "funnel-solid",
+  sort: "bars-arrow-up-solid"
+};
+var BANNER_TYPE_ICONS = {
+  info: "information-circle-16-solid",
+  warning: "exclamation-triangle-16-solid",
+  error: "x-circle-16-solid",
+  success: "check-circle-16-solid"
+};
+var ACTION_ICONS = {
+  close: "x-mark-solid",
+  back: "arrow-left-solid",
+  forward: "arrow-right-solid",
+  up: "arrow-up-solid",
+  down: "arrow-down-solid",
+  expand: "chevron-down-solid",
+  collapse: "chevron-up-solid",
+  menu: "bars-3-solid",
+  more: "ellipsis-horizontal-solid",
+  check: "check-solid",
+  cross: "x-mark-solid",
+  plus: "plus-solid",
+  minus: "minus-solid",
+  search: "magnifying-glass-solid",
+  clear: "x-mark-solid",
+  loading: "arrow-path-solid",
+  error: "exclamation-triangle-solid",
+  warning: "exclamation-triangle-solid",
+  info: "information-circle-solid",
+  success: "check-circle-solid"
+};
+var NAVIGATION_ICONS = {
+  home: "home-solid",
+  dashboard: "squares-2x2-solid",
+  profile: "user-solid",
+  settings: "cog-solid",
+  logout: "arrow-right-on-rectangle-solid",
+  login: "arrow-left-on-rectangle-solid",
+  notifications: "bell-solid",
+  messages: "chat-bubble-left-solid",
+  help: "question-mark-circle-solid",
+  support: "lifebuoy-solid",
+  chevronDown: "chevron-down-solid",
+  chevronUp: "chevron-up-solid",
+  chevronLeft: "chevron-left-solid",
+  chevronRight: "chevron-right-solid"
+};
+var STATUS_ICONS = {
+  online: "check-circle-solid",
+  offline: "x-circle-solid",
+  pending: "clock-solid",
+  active: "check-circle-solid",
+  inactive: "x-circle-solid",
+  loading: "arrow-path-solid",
+  error: "exclamation-triangle-solid",
+  warning: "exclamation-triangle-solid",
+  success: "check-circle-solid",
+  info: "information-circle-solid"
+};
+var FILE_TYPE_ICONS = {
+  pdf: "document-solid",
+  doc: "document-text-solid",
+  docx: "document-text-solid",
+  xls: "document-chart-bar-solid",
+  xlsx: "document-chart-bar-solid",
+  ppt: "presentation-chart-bar-solid",
+  pptx: "presentation-chart-bar-solid",
+  txt: "document-text-solid",
+  csv: "table-cells-solid",
+  zip: "archive-box-solid",
+  image: "photo-solid",
+  video: "video-camera-solid",
+  audio: "musical-note-solid",
+  default: "document-solid"
+};
+var SWITCH_ICONS = {
+  // Theme switching
+  moon: "moon-solid",
+  sun: "sun-solid",
+  // Audio/Video
+  speakerWave: "speaker-wave-solid",
+  speakerXMark: "speaker-x-mark-solid",
+  volumeUp: "speaker-wave-solid",
+  volumeMute: "speaker-x-mark-solid",
+  // Power/Enable
+  power: "power-solid",
+  play: "play-solid",
+  pause: "pause-solid",
+  // Visibility
+  eye: "eye-solid",
+  eyeSlash: "eye-slash-solid",
+  // Connection/Network
+  wifi: "wifi-solid",
+  wifiSlash: "wifi-slash-solid",
+  // Lock/Security
+  lockClosed: "lock-closed-solid",
+  lockOpen: "lock-open-solid",
+  // Check/X marks
+  check: "check-solid",
+  xMark: "x-mark-solid"
+};
+var CHECKBOX_ICONS = {
+  checked: "check-solid",
+  indeterminate: "minus-solid"
+};
+var LIST_ICONS = {
+  selected: "check-solid",
+  unselected: "circle-solid"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ACTION_ICONS,
+  BANNER_TYPE_ICONS,
+  CHECKBOX_ICONS,
+  FILE_TYPE_ICONS,
+  INPUT_TYPE_ICONS,
+  Icon,
+  LIST_ICONS,
+  NAVIGATION_ICONS,
+  STATUS_ICONS,
+  SWITCH_ICONS
+});

package/dist/components/icons.mjs

@@ -0,0 +1,203 @@
+// src/components/icons/icons.tsx
+import { Icon as IconifyIcon } from "@iconify/react";
+import { jsx } from "react/jsx-runtime";
+var Icon = ({ name, size = 24, className, loading = false, ...rest }) => {
+  const iconName = name.includes(":") ? name : `heroicons:${name}`;
+  const classes = ["icon", className].filter(Boolean).join(" ");
+  if (loading) {
+    const style = { width: size, height: size };
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${classes} icon--skeleton`,
+        style,
+        "aria-hidden": rest["aria-label"] ? "false" : "true",
+        ...rest["aria-label"] ? { "aria-label": rest["aria-label"] } : {}
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    IconifyIcon,
+    {
+      icon: iconName,
+      width: size,
+      height: size,
+      className: classes,
+      ...rest
+    }
+  );
+};
+
+// src/components/icons/iconConstants.ts
+var INPUT_TYPE_ICONS = {
+  // Standard HTML input types
+  email: "envelope-solid",
+  password: "lock-closed-solid",
+  search: "magnifying-glass-solid",
+  date: "calendar-days-solid",
+  time: "clock-solid",
+  "datetime-local": "calendar-days-solid",
+  tel: "phone-solid",
+  url: "link-solid",
+  number: "hashtag-solid",
+  // Additional semantic types
+  username: "user-solid",
+  name: "user-solid",
+  firstname: "user-solid",
+  lastname: "user-solid",
+  address: "map-pin-solid",
+  city: "building-solid",
+  state: "map-solid",
+  zip: "map-pin-solid",
+  "zip-code": "map-pin-solid",
+  country: "globe-americas-solid",
+  creditcard: "credit-card-solid",
+  card: "credit-card-solid",
+  cvv: "lock-closed-solid",
+  expiry: "calendar-days-solid",
+  "expiration-date": "calendar-days-solid",
+  // File and media types
+  file: "document-solid",
+  image: "photo-solid",
+  video: "video-camera-solid",
+  audio: "microphone-solid",
+  // Communication
+  message: "chat-bubble-left-solid",
+  comment: "chat-bubble-left-solid",
+  feedback: "chat-bubble-left-solid",
+  // Actions and states
+  submit: "paper-airplane-solid",
+  send: "paper-airplane-solid",
+  save: "floppy-disk-solid",
+  edit: "pencil-solid",
+  delete: "trash-solid",
+  remove: "x-mark-solid",
+  add: "plus-solid",
+  create: "plus-solid",
+  upload: "arrow-up-tray-solid",
+  download: "arrow-down-tray-solid",
+  refresh: "arrow-path-solid",
+  reload: "arrow-path-solid",
+  settings: "cog-solid",
+  config: "cog-solid",
+  filter: "funnel-solid",
+  sort: "bars-arrow-up-solid"
+};
+var BANNER_TYPE_ICONS = {
+  info: "information-circle-16-solid",
+  warning: "exclamation-triangle-16-solid",
+  error: "x-circle-16-solid",
+  success: "check-circle-16-solid"
+};
+var ACTION_ICONS = {
+  close: "x-mark-solid",
+  back: "arrow-left-solid",
+  forward: "arrow-right-solid",
+  up: "arrow-up-solid",
+  down: "arrow-down-solid",
+  expand: "chevron-down-solid",
+  collapse: "chevron-up-solid",
+  menu: "bars-3-solid",
+  more: "ellipsis-horizontal-solid",
+  check: "check-solid",
+  cross: "x-mark-solid",
+  plus: "plus-solid",
+  minus: "minus-solid",
+  search: "magnifying-glass-solid",
+  clear: "x-mark-solid",
+  loading: "arrow-path-solid",
+  error: "exclamation-triangle-solid",
+  warning: "exclamation-triangle-solid",
+  info: "information-circle-solid",
+  success: "check-circle-solid"
+};
+var NAVIGATION_ICONS = {
+  home: "home-solid",
+  dashboard: "squares-2x2-solid",
+  profile: "user-solid",
+  settings: "cog-solid",
+  logout: "arrow-right-on-rectangle-solid",
+  login: "arrow-left-on-rectangle-solid",
+  notifications: "bell-solid",
+  messages: "chat-bubble-left-solid",
+  help: "question-mark-circle-solid",
+  support: "lifebuoy-solid",
+  chevronDown: "chevron-down-solid",
+  chevronUp: "chevron-up-solid",
+  chevronLeft: "chevron-left-solid",
+  chevronRight: "chevron-right-solid"
+};
+var STATUS_ICONS = {
+  online: "check-circle-solid",
+  offline: "x-circle-solid",
+  pending: "clock-solid",
+  active: "check-circle-solid",
+  inactive: "x-circle-solid",
+  loading: "arrow-path-solid",
+  error: "exclamation-triangle-solid",
+  warning: "exclamation-triangle-solid",
+  success: "check-circle-solid",
+  info: "information-circle-solid"
+};
+var FILE_TYPE_ICONS = {
+  pdf: "document-solid",
+  doc: "document-text-solid",
+  docx: "document-text-solid",
+  xls: "document-chart-bar-solid",
+  xlsx: "document-chart-bar-solid",
+  ppt: "presentation-chart-bar-solid",
+  pptx: "presentation-chart-bar-solid",
+  txt: "document-text-solid",
+  csv: "table-cells-solid",
+  zip: "archive-box-solid",
+  image: "photo-solid",
+  video: "video-camera-solid",
+  audio: "musical-note-solid",
+  default: "document-solid"
+};
+var SWITCH_ICONS = {
+  // Theme switching
+  moon: "moon-solid",
+  sun: "sun-solid",
+  // Audio/Video
+  speakerWave: "speaker-wave-solid",
+  speakerXMark: "speaker-x-mark-solid",
+  volumeUp: "speaker-wave-solid",
+  volumeMute: "speaker-x-mark-solid",
+  // Power/Enable
+  power: "power-solid",
+  play: "play-solid",
+  pause: "pause-solid",
+  // Visibility
+  eye: "eye-solid",
+  eyeSlash: "eye-slash-solid",
+  // Connection/Network
+  wifi: "wifi-solid",
+  wifiSlash: "wifi-slash-solid",
+  // Lock/Security
+  lockClosed: "lock-closed-solid",
+  lockOpen: "lock-open-solid",
+  // Check/X marks
+  check: "check-solid",
+  xMark: "x-mark-solid"
+};
+var CHECKBOX_ICONS = {
+  checked: "check-solid",
+  indeterminate: "minus-solid"
+};
+var LIST_ICONS = {
+  selected: "check-solid",
+  unselected: "circle-solid"
+};
+export {
+  ACTION_ICONS,
+  BANNER_TYPE_ICONS,
+  CHECKBOX_ICONS,
+  FILE_TYPE_ICONS,
+  INPUT_TYPE_ICONS,
+  Icon,
+  LIST_ICONS,
+  NAVIGATION_ICONS,
+  STATUS_ICONS,
+  SWITCH_ICONS
+};