@kilnonedre/foundation 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -112,16 +112,16 @@ type SemanticColorToken = {
 };
 declare const getSemanticColor: (semanticColor: EnumSemanticColor, variant: EnumVariant) => SemanticColorToken;
 
-interface ConfigProp$d {
+interface ConfigProp$e {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
     className?: string;
 }
 
-declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$d) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$e) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$c {
+interface ConfigProp$d {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
@@ -133,7 +133,7 @@ interface ConfigProp$c {
     type?: 'button' | 'submit' | 'reset';
 }
 
-declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$d) => react_jsx_runtime.JSX.Element;
 
 type UUID = `${string}-${string}-${string}-${string}-${string}`;
 
@@ -147,6 +147,14 @@ interface CommonOption {
     label: string;
 }
 
+interface ConfigProp$c {
+    options: Array<CommonOption>;
+    value?: string | null;
+    onChange: (_v: string) => void;
+}
+
+declare const CheckboxSingleList: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+
 interface ConfigListRespT<T> {
     items: Array<T>;
     pageInfo: {
@@ -414,4 +422,4 @@ declare const zCoerceNumberOptional: (label: string, min?: number, max?: number)
 declare const zDecimal: (label: string, min?: number, max?: number) => z.ZodString;
 declare const zDecimalOptional: (label: string, min?: number, max?: number) => z.ZodPreprocess<z.ZodOptional<z.ZodString>>;
 
-export { Badge, Button, type CommonObject, type CommonOption, DataTable, Dialog, DisplayTable, DropdownCascader, DropdownCascaderMulti, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, MediaUploader, Provider, type SemanticColorToken, TableFormDialog, TablePagination, Text, type UUID, boolToText, cn, emptyToUndefined, enumToOptions, enumValues, formatDateTime, formatDecimal, genUuid, getSemanticColor, isEmpty, isFormData, isValidEmail, isValidURL, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, DataTable, Dialog, DisplayTable, DropdownCascader, DropdownCascaderMulti, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, MediaUploader, Provider, type SemanticColorToken, TableFormDialog, TablePagination, Text, type UUID, boolToText, cn, emptyToUndefined, enumToOptions, enumValues, formatDateTime, formatDecimal, genUuid, getSemanticColor, isEmpty, isFormData, isValidEmail, isValidURL, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -597,9 +597,51 @@ var Button2 = ({
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
 import { jsx as jsx6 } from "react/jsx-runtime";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx6(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsx6(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
 
 // src/components/checkbox-list/single/index.tsx
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var CheckboxSingleList = (props) => {
+  return /* @__PURE__ */ jsx7("div", { className: "flex gap-4", children: props.options.map((opt) => /* @__PURE__ */ jsxs2("label", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx7(
+      Checkbox,
+      {
+        checked: props.value === opt.value,
+        onCheckedChange: () => {
+          if (props.value === opt.value) {
+            props.onChange("");
+          } else {
+            props.onChange(opt.value);
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx7("span", { children: opt.label })
+  ] }, opt.value)) });
+};
 
 // src/components/data-table/index.tsx
 import { useEffect, useMemo as useMemo2, useState } from "react";
@@ -2488,15 +2530,15 @@ import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
 
 // src/shadcn/components/calendar.tsx
 import * as React3 from "react";
+import {
+  DayPicker,
+  getDefaultClassNames
+} from "react-day-picker";
 import {
   ChevronDownIcon as ChevronDownIcon3,
   ChevronLeftIcon as ChevronLeftIcon2,
   ChevronRightIcon as ChevronRightIcon3
 } from "lucide-react";
-import {
-  DayPicker,
-  getDefaultClassNames
-} from "react-day-picker";
 import { jsx as jsx39 } from "react/jsx-runtime";
 function Calendar({
   className,
@@ -3031,6 +3073,7 @@ var Provider = ({ children }) => {
 export {
   Badge2 as Badge,
   Button2 as Button,
+  CheckboxSingleList,
   DataTable,
   Dialog2 as Dialog,
   DisplayTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",