jcicl 1.1.4 → 1.2.1

package/SelectableItemCard/SelectableItemCard.d.ts

@@ -0,0 +1,9 @@
+export type SelectableItemCardProps = {
+    clicked?: boolean;
+    onClick?: () => void;
+    className?: string;
+};
+declare const SelectableItemCard: React.FC<SelectableItemCardProps & {
+    children: React.ReactNode;
+}>;
+export default SelectableItemCard;

package/SelectableItemCard/SelectableItemCard.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { useThemeColors as h } from "../ThemeContext.js";
+import o from "../theme.js";
+import { cn as b } from "../cn.js";
+const p = "select-none text-center content-center flex flex-col border-2 rounded-[8px] px-4 py-3 cursor-pointer bg-[var(--card-bg)] border-[var(--card-border)] text-[var(--card-text)] hover:bg-[var(--card-hover-bg)] transition-all duration-200 items-center gap-2 font-medium", C = ({
+  children: c,
+  onClick: t,
+  clicked: a = !1,
+  className: s
+}) => {
+  const [r, d] = i(a), e = h(), m = {
+    "--card-bg": r ? e.themeColor : o.colors.white,
+    "--card-border": e.themeColor,
+    "--card-text": r ? o.colors.white : e.themeDark,
+    "--card-hover-bg": r ? `${e.themeColor}cc` : e.themeLightA
+  }, l = () => {
+    d(!r), t == null || t();
+  };
+  return /* @__PURE__ */ n("div", { className: b(p, s), onClick: l, style: m, children: c });
+};
+export {
+  C as default
+};

package/SelectableItemCard/index.d.ts

@@ -0,0 +1 @@
+export { default, type SelectableItemCardProps } from './SelectableItemCard';

package/SelectableItemCard/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./SelectableItemCard.js";
+export {
+  o as default
+};