@worknice/whiteboard 0.30.0 → 0.32.0

package/dist/controls/LinkCard.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 type Props = {
     children: ReactNode;
     href: string;
+    selected?: boolean;
 };
-declare const LinkCard: ({ children, href }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const LinkCard: ({ children, href, selected }: Props) => import("react/jsx-runtime").JSX.Element;
 export default LinkCard;

package/dist/controls/LinkCard.js

@@ -1,12 +1,13 @@
 "use client";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
 import * as __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__ from "./LinkCard.module.js";
-const LinkCard = ({ children, href })=>{
+const LinkCard = ({ children, href, selected })=>{
     const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Link, {
-        className: __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__["default"].container,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__["default"].container, selected && __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__["default"].selected),
         href: href,
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {

package/dist/controls/LinkCard.module.js

@@ -1,6 +1,7 @@
 import "./LinkCard_module.css";
 const LinkCard_module_rslib_entry_ = {
     container: "container-aEJeqL",
+    selected: "selected-xwPBRV",
     content: "content-Ge4Pjk"
 };
 export { LinkCard_module_rslib_entry_ as default };

package/dist/controls/LinkCard.stories.d.ts

@@ -1,8 +1,9 @@
 import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ children, href }: {
+    component: ({ children, href, selected }: {
         children: import("react").ReactNode;
         href: string;
+        selected?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         children: {

package/dist/controls/LinkCard_module.css

@@ -16,6 +16,11 @@
   }
 }
 
+.selected-xwPBRV {
+  background-color: var(--color-purple-t10);
+  border-color: var(--color-purple-s01);
+}
+
 .content-Ge4Pjk {
   place-items: center start;
   display: grid;

package/dist/forms/_types.d.ts

@@ -8,6 +8,18 @@ export type FormState<Model extends FormModel = Record<string, never>> = {
     setData: React.Dispatch<React.SetStateAction<Model>>;
     status: FormStatus;
     submit: (event?: React.UIEvent) => Promise<void>;
+    /**
+     * Resets the form state and errors.
+     * @param opts - Optional options to reset specific parts of the form state.
+     * @param opts.status - Reset the form status.
+     * @param opts.errors - Reset the form errors.
+     * @param opts.data - Reset the form data to initial values.
+     */
+    reset: (opts?: {
+        status?: boolean;
+        errors?: boolean;
+        data?: boolean;
+    }) => void;
 };
 export type FormStatus = "disabled" | "fresh" | "modified" | "loading" | "errored" | "success";
 export type ValidationError<Model extends FormModel = Record<string, never>> = {

package/dist/forms/useForm.js

@@ -62,13 +62,25 @@ const useForm = ({ initialValues, onSubmit, onSuccess, validators })=>{
         setData,
         setStatus
     ]);
+    const reset = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((opts = {
+        status: true,
+        errors: true,
+        data: true
+    })=>{
+        if (opts?.status) setStatus("fresh");
+        if (opts?.errors) setErrors([]);
+        if (opts?.data) setData(initialValues);
+    }, [
+        initialValues
+    ]);
     return {
         data,
         fieldErrors,
         formErrors,
         setData: setDataAndMarkAsModified,
         status,
-        submit
+        submit,
+        reset
     };
 };
 const useSleep = ()=>{

package/dist/utils/textFormat.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns the possessive form of a name.
+ * Handles the grammar rule where names ending in 's' get an apostrophe only.
+ *
+ * @example
+ * getPossessiveForm("James") // "James'"
+ * getPossessiveForm("John")  // "John's"
+ */
+export declare const getPossessiveForm: (name: string) => string;

package/dist/utils/textFormat.js

@@ -0,0 +1,2 @@
+const getPossessiveForm = (name)=>name.endsWith("s") ? `${name}'` : `${name}'s`;
+export { getPossessiveForm };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "license": "MIT",
   "private": false,
   "files": [
@@ -39,7 +39,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^4.1.13",
-    "@worknice/utils": "^0.13.0"
+    "@worknice/utils": "^0.15.0"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^3.2.2",